fbpx

用 React 和 Next.JS 建構現代的伺服器端渲染應用程式

使用 Next JS 從頭開始建構一個伺服器端渲染過的(rendered)應用程式

報名參加課程

從這 7.5 小時的課程,你會學到

使用 React 和 Next JS 構建伺服器端渲染過的應用程式

要求

  • 基本 ReactJS 知識
  • 基本的 Javascript 技巧
  • 基本的 CSS 技巧

課程說明

注意: 本課程假設你對 ReactJavascriptCSS 有一個基本的理解。如果你沒有,我會考慮花點時間先學習 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

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

Spread the love

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: