全方位React開發者之路：從基礎到專案實作 === 課綱 --- - [課綱](/ZTg7Zsq8Qd2C487323xihw) 安裝環境 --- - [安裝 Node.js](/7wJdIsrbSnyYSeBtQAjPZQ) - [使用 NVM (解決 Node.js 版本衝突)](/cvCwml8_TgmLJ6YAaDE_XQ) - [VSCode 環境設定](/mFLqf-IsQ9Kb2ZK-AHzY1g) - [[舊版] VSCode 環境設定](/owdA5uCnSgWUbeaGl56WmA) 第一週課程 --- <!-- [複習前端網頁的基礎知識，深入瞭解HTML、CSS和JavaScript的角色] --> - [複習前端網頁的基礎知識，深入瞭解HTML、CSS和JavaScript的角色](/iXlTEGaWQoKxS1TgNlvphQ) - [掌握CSS中常用的版面配置方式、動畫效果和特效](/QeSREn4LR_6fWzsu1N339w) - [第一週額外補充-RWD 與 CSS 撰寫規則](/HFQHi_h5Rsi5_fk3PbMyjQ) 第二週 --- - [複習JavaScript的基本知識，並了解常見的JavaScript細節](/h8YRpZkSRw2XZJEM51ATxQ) - [學習如何操控DOM](/QaSR3g9iS8-_S1o2IdaAmQ) 第三週 --- - [掌握資料操作，包括物件和陣列](/rOOFeo6DS3uikvKfdVc-rw) - [製作一個待辦事項清單的範例](/cnjuZSeOQ8eWbdjQr4OLCg) - [瞭解JSON的概念，學習如何應用LocalStorage](/4sHr_MFTQ_S_q63Y6ALt1w) - [掌握非同步概念（異步處理）與簡單 API 操作](/fU2OzVIZRiu04F046zyQJg) 第四週 --- - [在進入React之前，學習JavaScript ES6的基本知識](/SC1-DI-FRd2cjv48mCil2Q) - [瞭解單頁應用程序（SPA）的基本概念，介紹現代前端架構](/HoT0eC0USIqm-5Ic5Hpn3Q) - [初步探討React的特點和基本概念](/C5D7u-gXTL-52B0q8xHv7A) 第五週 --- - [NPM 安裝以及 React Project 演練](/j7tatrnpRVWr2xI_FU5SGA) - [解釋 React 中的資料流](/zbA4KsD6Tc-NrWZ0ebu8Vg) - [學習Hook使用和處理副作用（Side Effect）](/gqWzelctS6O-Pb11gJxCpA) - [額外課程補充與範例練習](/yUcyZQERRAScPR8DwSQbgg) 第六週 --- - [學習如何使用外部函式庫來處理表單（React Hook Form）和路由（React Router）等工作](/uI5_1Vz_TJi0MOMcIWsPpg) - [開始使用外部函式庫來處理UI設計並使用相關的組件](/l2iGZFD9Tu-fkI84dGz-Rw) 第七週 --- - [學習使用TypeScript來重新撰寫React專案](/gEv2CEV2RR2T6Kg77jqr2g) - [規劃在React專案中管理和使用API以控制資料流](/Vw6LR-35SHqGhGZOr3nVpA) 第八週 --- - [進一步學習基於React的Next.js架構，提供更多強大的功能](/1o-UJbFDSkWBpWPFPFbI3A) 第九週 --- - [使用Redux來處理網站的資料流](/uDNI3qARQ0WpgOgDiQlQLQ) 第十週 --- - [next.js 多語系專案設定](/hIyoR1qdRqew0zwan5gCwA) - [nest.js 基礎介紹](/0zsUzJFJQ_m2Y4I9Rp8_7g) [補充] 後端 API 開發 --- - [1. 建立資料庫 (使用 Mongo)](/bSdr7JpuS0GF9qd4SH68kg) - [2. 認識 ORM (使用 Prisma)](/T5O1akIpQJur6kM2ULkhdg) - [3. 資料驗證與轉換 (使用 Zod)](/6EE7WXFJS_SIiJnKE5gk7A) - [4. 建立購物車 API (使用 Nest.js)](/fNTdfWq5Tiu-46caRaI3Iw) - [[舊版] 4. 建立活動網站 API (使用 Nest.js)](/YG9cYEEnRa288FehgJeKlQ) [補充] QA --- - [如何在頁面上顯示 API 服務狀況？](/Q7K65e1vT_6BjpKHuE1JBw) <!-- 課程外教材 --- - [ChatGPT 教案生成與 AI 自動出題教師研習營](https://hackmd.io/@training-camp/HyTVVfmi0) --> <!-- * 進一步學習基於React的Next.js架構，提供更多強大的功能。 * 學習Next.js中常用的部分，並了解相關的配置和文件閱讀。 * 使用Redux來處理網站的資料流。 * 透過Redux完善小型專案的資料流控制，並添加API應用。 * 實際參與網站專案的製作或擴展內容學習。 * 深入參與網站專案的製作或擴展內容學習。 -->
{"title":"全方位React開發者之路：從基礎到專案實作","description":"title: 全方位React開發者之路：從基礎到專案實作","contributors":"[{\"id\":\"a3caf6ca-a906-4b69-8f87-53a22980ce37\",\"add\":3736,\"del\":990},{\"id\":\"ec5eaf0f-555c-4ae6-a76c-11f4bfd8042d\",\"add\":863,\"del\":1173}]"}
Expand menu