學習Next.js 做一個簡單的作品集(Portfolio)
閱讀時間約 1 分鐘
這集跟大家初步介紹Next.js和如何安裝與設置最後製作一個作品集(Portfolio)
如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件
學習重點
- Next.js 基礎介紹
- Next.js 架構
- 安裝Next.js
- 構思如何從Figma轉到Next.js
影片教學
注:此為Next.js 12版本，後續會推出新版本教學，別忘記記得追蹤呦
總結
- 如何思考從Figma 轉移到Next.js
- 安裝與認知Next.js 特點
更多相關教學文章持續更新，請別忘記追蹤呦
JayLinXR YT: https://www.youtube.com/@jaylinxr
JayLinXR IG: https://www.instagram.com/jaylin_xr/
為什麼會看到廣告
12會員
33內容數
設計 + 程式，是一個出版對設計和程式的學習影片和教學文章，目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
你可能也想看
Google News 追蹤
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
先學習 HTML, CSS, JavaScript 基礎觀念，
再透過實作專案，慢慢熟悉不同的語法使用方式。
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
對於想要嘗試學習前端技術，卻還沒下定決心或不知道是否合適的初心者，六角的體驗營就像是前端開發的新手村，提供基礎的新手教學，讓你對前端有基礎的概念；教你最基本的心法，讓你去打幾隻簡單的怪累積一點經驗值。
想要輕鬆掌握UI/UX設計技巧，Figma教學資源來幫忙！這份中文教學，從基礎操作介面介紹，到進階設計功能教學，由淺入深，助你成為設計達人！新手老手都適用，別猶豫啦，快來一起探索Figma的強大功能，創造屬於你的精彩設計吧！
在我剛開始寫程式的時候，深切地感受到要學的東西實在太多了，尤其在課堂上學的東西跟在公司要打造產品的技能非常的不一樣，有非常多需要自學的地方。
在我剛開始實習的時候，除了看書、看文章、用線上網站練習新語言的語法，我覺得幫助我最多的就是直接練習寫一個 Side project 了。
前言
今天課程要來學習，在 .css 設計樣式後，怎麼透過選擇器，讓 .html 可以有所配對，經過這一步後，便可以開始學習，如何正式設計 .css 了。
選擇器
介紹
還記得上次課程，我們在 .css 檔案中，撰寫的程式碼嗎？讓我們來複習看看：
.highlight {
co
在過年期間，利用集中時間跟完Mosh Hamedani的Next.js課程，掌握了前端至後端的技術應用。本文分享了學習過程中的收穫與成果，以及對於未來應用的展望。
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
先學習 HTML, CSS, JavaScript 基礎觀念，
再透過實作專案，慢慢熟悉不同的語法使用方式。
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
對於想要嘗試學習前端技術，卻還沒下定決心或不知道是否合適的初心者，六角的體驗營就像是前端開發的新手村，提供基礎的新手教學，讓你對前端有基礎的概念；教你最基本的心法，讓你去打幾隻簡單的怪累積一點經驗值。
想要輕鬆掌握UI/UX設計技巧，Figma教學資源來幫忙！這份中文教學，從基礎操作介面介紹，到進階設計功能教學，由淺入深，助你成為設計達人！新手老手都適用，別猶豫啦，快來一起探索Figma的強大功能，創造屬於你的精彩設計吧！
在我剛開始寫程式的時候，深切地感受到要學的東西實在太多了，尤其在課堂上學的東西跟在公司要打造產品的技能非常的不一樣，有非常多需要自學的地方。
在我剛開始實習的時候，除了看書、看文章、用線上網站練習新語言的語法，我覺得幫助我最多的就是直接練習寫一個 Side project 了。
前言
今天課程要來學習，在 .css 設計樣式後，怎麼透過選擇器，讓 .html 可以有所配對，經過這一步後，便可以開始學習，如何正式設計 .css 了。
選擇器
介紹
還記得上次課程，我們在 .css 檔案中，撰寫的程式碼嗎？讓我們來複習看看：
.highlight {
co
在過年期間，利用集中時間跟完Mosh Hamedani的Next.js課程，掌握了前端至後端的技術應用。本文分享了學習過程中的收穫與成果，以及對於未來應用的展望。