0. React RoadMap
avatar-img
Follow the Rainmaker 🌧️
Follow the Rainmaker 🌧️

0. React RoadMap

laurahsu.roc-avatar-img
laurahsu.roc
發佈於Krypto
更新於 發佈於 閱讀時間約 3 分鐘
raw-image


1. React | jsx

  1. React 學習大綱 - 02:29
  2. 什麼是軟體框架 - 14:30
  3. 前端框架介紹 - 14:28
  4. 開始你的第一個 React.js 專案 - 05:28
  5. JSX 基本觀念 - 1 03:34
  6. JSX 基本觀念 - 2 05:40
  7. JSX 基本觀念 - 3 04:13
  8. JSX 基本觀念 - 4 05:42
  9. JSX 基本觀念 - 5 02:22
  10. JSX 基本觀念 - 6 04:01
  11. JSX 基本觀念 - 7 01:59
  12. JSX 基本觀念 - 8 04:14
  13. React Component 基本觀念 - 1 11:28
  14. React Component 基本觀念 - 2 08:51
  15. React Hook 基本觀念 - 1 09:06
  16. React Hook 基本觀念 - 2 05:24

2. 進入 React Hook 世界

  1. 如何在 CodePen 上練習 React - 03:39
  2. React - 建立元件 - 12:37
  3. React Hook - useContext 管理全域資料狀態 - 09:54
  4. React Hook - useEffect - 14:54
  5. React Hook - useState - 06:51
  6. React Hook - useEffect 呼叫 API - 05:28

3. React Hook Form 前端表單驗證

  1. HTML 基本表單介紹 - 14:15
  2. React Hook Form 官方文件
  3. React Hook Form - Form Build 介紹 - 07:00
  4. React Hook Form - 基本操作 - 19:03
  5. React Hook Form - 搭配 Yup Schema 驗證 - 14:58
  6. Vercel 部署，讓全世界看見你的網站 - 12:48

[Reference]

  1. 區塊鏈工程師 VIP 開發社群 (實戰營精華課程與最新技術教學), KryptoCamp 區塊鏈人才培育第一品牌
  2. 區塊鏈全端工程師實戰營, KryptoCamp 區塊鏈人才培育第一品牌
  3. 區塊鏈全端工程師線上實戰營, KryptoCamp 區塊鏈人才培育第一品牌
Follow the Rainmaker 🌧️ Krypto2. React
avatar-img
Follow the Rainmaker 🌧️
5會員
91內容數
尋大神腳印, 亦步亦趨。
留言
avatar-img
留言分享你的想法！
Follow the Rainmaker 🌧️ 的其他內容
0. Solidity Road Map + 小練習
1. Basic | Book 型別 Types 與變數 Variables - booleans, integer, string, address - 01:04:02 Data Structures 資料結構 - array, mapping, struct, enum - 50:14
1.10 Event 事件 - 地震演習
// SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract EarthquakeAlertSystem { // 定義地震警報事件 event EarthquakeAlert(string message, ui
1.6 Extend 繼承合約
這個合約將管理校慶運動會的基本信息和操作，並且包含了特定的運動會活動，如校內運動會的規則和獎勵制度。 // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract SportsFestival { struct Part
1.17 Storage, Memory, Calldata 同學通訊錄
Storage、Memory和Calldata是用於定義變量存儲位置的關鍵字，它們各自有不同的適用情境和用法。 Storage Storage是用於存儲合約狀態變量的位置。這些變量存儲在區塊鏈上，並且在合約的生命週期內持續存在。Storage變量的變化會影響合約的狀態，並且會持久化存儲在區塊鏈上
1.11 Interface 學校圖書館系統
interface的主要作用是定義合約的函數規範，但不包含具體的實現。它提供了一種清晰的方式來描述合約之間的互動方式，從而使得不同的合約可以進行互操作性。 學校圖書館系統, 包括兩個主要的合約：Library合約和Student合約。 Library合約：這個合約負責管理圖書館的書籍，包括書籍的
1.7 For迴圈, While迴圈 + 4小練習
ForLoop // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract ArtAuction { mapping(uint => uint) public artworks; uint public con
0. Solidity Road Map + 小練習
1. Basic | Book 型別 Types 與變數 Variables - booleans, integer, string, address - 01:04:02 Data Structures 資料結構 - array, mapping, struct, enum - 50:14
1.10 Event 事件 - 地震演習
// SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract EarthquakeAlertSystem { // 定義地震警報事件 event EarthquakeAlert(string message, ui
1.6 Extend 繼承合約
這個合約將管理校慶運動會的基本信息和操作，並且包含了特定的運動會活動，如校內運動會的規則和獎勵制度。 // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract SportsFestival { struct Part
1.17 Storage, Memory, Calldata 同學通訊錄
Storage、Memory和Calldata是用於定義變量存儲位置的關鍵字，它們各自有不同的適用情境和用法。 Storage Storage是用於存儲合約狀態變量的位置。這些變量存儲在區塊鏈上，並且在合約的生命週期內持續存在。Storage變量的變化會影響合約的狀態，並且會持久化存儲在區塊鏈上
1.11 Interface 學校圖書館系統
interface的主要作用是定義合約的函數規範，但不包含具體的實現。它提供了一種清晰的方式來描述合約之間的互動方式，從而使得不同的合約可以進行互操作性。 學校圖書館系統, 包括兩個主要的合約：Library合約和Student合約。 Library合約：這個合約負責管理圖書館的書籍，包括書籍的
1.7 For迴圈, While迴圈 + 4小練習
ForLoop // SPDX-License-Identifier: MIT pragma solidity ^0.8.0; contract ArtAuction { mapping(uint => uint) public artworks; uint public con