Udemy線上課程 運用前後端 Javascript 熱門代碼庫 React 與流行框架 Next.js 完成一個網站(含教材) 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文版(DVD版)
網頁開發是建構應用服務的敲門磚。
你是否想過可以自己使用 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 專案。
關於這堂課
快樂學程式在臺灣擁有超過 1000 人參與的在地社群活動。
截至 2020 年我們已經舉辦超過三年的社群與活動,每個月皆有程式思維相關的聚會與交流,深耕社群並參與推廣工程思維,讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。
這次與 Glove 推出這堂「運用前後端 Javascript 熱門代碼庫 React 與流行框架 Next.js 完成一個網站」內容屬於中階需有對 Javascript 有基本認識想學習 ReactJS 與 Next.js 全端應用開發介紹。
做為上課學員的你可以在裡面跟著教學一起練習,反覆操作嘗試建立自己的全端應用:)
01 React.js 基礎
001 React.js 簡介與 React 官方文件介紹.mp4
002 -.txt
002 React.js 使用 - RenderDom.mp4
003 React Component 組件.mp4
004 Component Props 組件傳參.mp4
005 Render & JSX 組建渲染.mp4
006 React 本地端開發介紹與 node.js 環境建置.mp4
007 React in Node.js 本地端開發.mp4
008 React Lifecycle 生命週期.mp4
009 Functional Component 函式組件.mp4
010 React Hooks.mp4
011 React Hooks - useState.mp4
012 React Hooks - useEffect.mp4
013 React Hooks - useRef.mp4
02 React Router & Redux
014 SPA 單頁式網站與 React Router 介紹.mp4
015 路由與頁面建立.mp4
016 路由傳遞參數.mp4
017 建立404NotFound路由.mp4
018 Redux 介紹.mp4
019 建立 Reducer 與 Actions.mp4
020 建立 Store 與 Connect.mp4
021 Redux Hooks.mp4
03 學習 Next.js
022 Next.js 簡介與 Next 官方文件介紹.mp4
023 建立 Next 專案 & 專案結構介紹.mp4
024 Page & Link.mp4
025 Layout 介紹.mp4
026 Next + Redux.mp4