網頁開發是建構應用服務的敲門磚。你是否想過可以自己使用 Javascript 來建置網站?在前端的世界中我們以為只能製作美美的特效,其實 Javascript 能做的不只這樣。在現代的前端工程中已儼然成為一個可以跨足後端的語言,而 Next.js 即是 Node.js 與 Javascript 的完美結合,可以使用 React 與 Javascript 製作全端網站。
你為什麼需要上這堂課?
React 作為 2020 的主戰場,你需要對 React 有一定的理解份量。作為一名前端/網頁工程師,僅僅只會使用 Javascript 已經無法滿足現代應用開發2的情境。因此這堂課會從全端應用的角度切入,並介紹 Next.js 的網頁應用開發,使用部落格來範例說明如何製作一個擁有 SSR(亦即 Server Side Rendering)的網站並具備元件高互動的特性。
本課程將會包含以下內容:
這堂課程分為三個大章節。從 React 主流代碼庫開始了解 Component, JSX, Props 等使用,並接軌至 Functional Component 的開發方向,介紹於 React 新版本 16 之後所支援的 React Hooks,包括 useState, useEffect, useRef 去理解 hooks 的特性提高掌握度。最後一個部分會進入到全端應用 Next.js 的開發項目,理解 SPA 單頁式網站與 React Router,從頁面建立到路由設置以及如何整合 Redux 與 Next 專案。
ReactJS 開發項目上手。
React Router & Redux 教學應用。
Next.js 介紹與網站範例處理。
關於這堂課
快樂學程式在台灣擁有超過 1000 人參與的在地社群活動。截至 2020 年我們已經舉辦超過三年的社群與活動,每個月皆有程式思維相關的聚會與交流,深耕社群並參與推廣工程思維,讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。這次與 Glove 推出這堂「運用前後端 Javascript 熱門代碼庫 React 與流行框架 Next.js 完成一個網站」內容屬於中階需有對 Javascript 有基本認識想學習 ReactJS 與 Next.js 全端應用開發介紹。做為上課學員的你可以在裡面跟著教學一起練習,反覆操作嘗試建立自己的全端應用:)