Contents
製作網站建置有許多作法,你知道如何開始嗎?使用 React 搭配網頁框架 Next.js 是主流 Javascript 的搭配組合,來磨練全端整合技能
從這 8 小時的課程,你會學到
- 學習 Javascript 語言概念與特性
- 使用 Javascript ES6 撰寫程式邏輯
- 了解 ReactJS 前端函示庫
- 上手網站框架 Next
要求
- 不需要嚴謹的程式背景,願意思考學習
- 有操作 Mac/Windows 電腦的基礎
- 具備快樂學習的心情與一個假日
- 對網頁有認識,操作過 JavaScript
課程說明
網頁開發是建構應用服務的敲門磚。你是否想過可以自己使用 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 全端應用開發介紹。做為上課學員的你可以在裡面跟著教學一起練習,反覆操作嘗試建立自己的全端應用:)
目標受眾
- 對前端開發有興趣,有嘗試使用 JS 來撰寫程式
- 嘗試使用現代 JS ES6 語法,並有興趣加強 JS 能力
- 透過前後端 Javascript 代碼庫與框架 Next 建置網站
講師簡介
Happy Coding 快樂學程式 Grow up digital skills like an Engineer. 建立工程思維,提升數位能力第一站。
Using Engineering Thinking build up digital nomads skill.
快樂學程式成立於 2017 年,希望能提供給非本科系與相關領域的學生以及工作者們一個友善學習程式的平臺,幫助大家培養工程思維以及邏輯思維,運用在解決工作上以及生活中的各種大小事。
工程思維為建立解決方法中的邏輯化思考。例如處理你的支出報告,你減少非需要支出,增加你的可動用資產。這時候會需要紀錄你每月份的支出與收入並在適當的軟體工具上建立你的收支紀錄,透過收支紀錄組織每月的標準支出。可以從影象流程化列點出步驟、要點、目標後進而找出改善方式,以達成解決問題的方法。
建立良好的工程思維會幫助你更好、快速地組織出問題的解決辦法。運用系統化思考與流程化條列,提升你溝通與組織問題的能力,在數位化時代是相當重要的技能,同時,我們將推出更多的課程幫助提升數位能力。
提升數位化專長不再只是空談。快樂學程式舉辦每月的工作坊,並與社群舉辦主題社群小聚,讓喜愛網路生活與增加數位能力的數位住民更多的機會與舞臺交流,快樂輕鬆地建立你的工程思維與解決問題的軟實力技能。
字幕:繁體中文
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- 入門 React 前端開發的三門 udemy 熱門課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
你必須登入才能發表留言。