第五屆位元組跳動青訓營講師非常用心給大家整理了課前、中、後的學習內容，同學們自我評估，選擇性查漏補缺，便於大家更好的跟上講師們的節奏，祝大家學習愉快，多多提問交流～

課程一：Node.js 與前端開發實戰

概述

本節課程主要分為四個方面：

1. 介紹 Node.js 的應用場景
2. 介紹 Node.js 執行時結構
3. 如何用編寫 Http Server
4. 延伸話題

課前

安裝 Node.js。可以選擇以下一種方式：

1. 從 Node.js 官網安裝 http://nodejs.org/en/

2. Mac, Linux 環境可以使用 nvm 進行安裝 http://github.com/nvm-sh/nvm

   1. NVM_NODEJS_ORG_MIRROR=http://npmmirror.com/mirrors/node nvm install 16

課後

• 瞭解並嘗試使用更多 Node.js 的原生模組 http://nodejs.org/dist/latest-v18.x/docs/api/
• 學習在 npm 上搜索並安裝模組 http://www.npmjs.com/

課程二：Next.js 實戰專案

概述

本節課程主要分為五個方面：

1. CSR, SSR, SSG
2. 什麼是 Next.js
3. Next.js 客戶端開發
4. Next.js 服務端開發
5. 專案核心功能講解

課前部分主要羅列課程中涉及到的概念。對於不熟悉的概念，同學們可以提前查詢預習；課中部分主要羅列一些課程需要使用的 Demo 倉庫，幫助同學們跟上課程的進度；課後部分是一些問題，幫助同學們在課後梳理本課程的重點。

課前

• CDN
• BFF
• SSR
• CSR
• SSG
• SEO
• TDK
• CSS Modules
• 跨域
• CMS

課中

• SSR 實現： http://github.com/czm1290433700/ssr-server
• CMS 倉庫地址：http://github.com/czm1290433700/nextjs-cms
• Demo 倉庫地址： http://github.com/czm1290433700/nextjs-demo

課後

• 什麼是 CSR, SSR 和 SSG？常規的 SSR 與 同構 SSR 之間有什麼不同？
• 一個 SSR 框架的實現要有哪些必須的元素？
• 為什麼我們需要使用 nextjs，它能幫我們解決什麼問題？
• getInitialProps、getServerSideProps、getStaticProps 三者有什麼異同？
• Nextjs 的 路由機制是怎樣的？
• CMS 是什麼？在實際的業務專案中，我們為什麼需要它？
• Strapi 怎麼配置釋出一個介面？有哪些步驟？
• 對於多個主題的效果，我們可以通過什麼渠道實現？