使用 Next JS 從頭開始建構一個伺服器端渲染過的(rendered)應用程式
從這 7.5 小時的課程,你會學到
使用 React 和 Next JS 構建伺服器端渲染過的應用程式
要求
- 基本 ReactJS 知識
- 基本的 Javascript 技巧
- 基本的 CSS 技巧
課程說明
注意: 本課程假設你對 React、Javascript 和 CSS 有一個基本的理解。如果你沒有,我會考慮花點時間先學習 React。本課程大部分時間使用基本的 React 概念,例如元件建立、props(道具)、state(狀態) 和 useEffect hooks( 使用者效應掛鉤)。
停止在網際網路上尋尋覓覓課程了!這個課程將教你所有你需要知道的東西,以便使用 React 和 NextJS 從頭開始建構一個基本的 Web 應用程式。
這是一個“邊做邊學”的課程: 我們將基本上模擬一個科技公司的日常工作,看過需求的展示,我們,身為工程師,將提出解決這些問題的最佳策略。你和我將在敏捷過程中進行迭代,我們將向發佈產品以上線營運,且產品終將隨著提給我們的新需求做演進。記住: 我們生活在一個敏捷的世界,兄弟!
以下是我們將學到的:
- 理解什麼是伺服器端渲染的(Server Side rendered,SSR)應用程式
- 瞭解幕後的動機,為什麼關心伺服器端渲染(Server Side Render,SSR)
- 瞭解伺服器端渲染的應用程式的架構考量
- 瞭解什麼是 NextJS
- 開始學習如何架構一個專案,並理解它的各個部分
- 瞭解 NextJS 提供的最常用的元件
- 學習如何在伺服器端獲取資料
- 你將學習如何在客戶端導航
- 我們將探索如何使用 styled-jsx (樣式化的 -jsx)對元件進行樣式化,但是我們也將看到如何使用 Sass 作為替代
- 我們將學習如何處理靜態檔案,如自訂的的字型
- 我們的課程將探索如何在 NextJS 中處理 cookie
- 瞭解如何為你的 NextJS 應用程式建構自訂的伺服器
- 使用基於 cookie 的方法驗證使用者
- 瀏覽我們的應用程式部署到 Zeit 的流程
我現在建立的這個課程,是我希望在以前學習 NextJS 和 SSR 的時候就能有的。這門課程融合了許多概念和實戰情況以及如何最好地處理它們,或者至少為開發一個健壯的解決方案提供了一個起點。
目標受眾
希望建立伺服器端渲染與 NextJS 的應用程式的工程師
講師簡介
Eduardo Silva Avenue Code 高級顧問 ( 更多講師主講課程介紹 )
隨著軟體開發的十餘年,Eduardo 現在擔任 ReactJS 專家。他曾在大型美國公司工作,並提供過高階的前端諮詢服務。
對自己的工作充滿熱情的 Eduardo 還推廣和設計了面對面的前端開發課程,以促進科技公司專業人員的技術發展。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
報名參加課程

也許你會有興趣
- React 學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 追蹤這個 Twitter ,得到 Soft & Share 特價課程訊息
★ 歡迎使用 App / Email | Telegram 訂閱 網站更新★
你必須登入才能發表留言。