Day 1 參賽動機以及題目選擇和預計大綱

參賽動機

一開始想對於學習前端時間有一些得自己留下些什麼,所以題目本來是要分享一些些網頁鐵三角的一些心得,但後來發現我要在一邊學框架的時間一邊寫鐵人賽,可能會有超出我的一些負荷,所以與其蠟燭兩頭燒,那不如就合在一起寫吧!

為什麼選擇 React 作為主題

最近開始學習框架,想以初學者的心態,分享自己由新手的觀點來理解 React 的想法,一方面記錄學習的過程,另一方面變成是自己學習框架的推力,至於這個題目”那些年我轉生成前端貓咪踏入 React 地獄的那些事”,是剛好我在看 React 的時候一隻貓咪跳上來壓到我的鍵盤,不知道按到什麼畫面跳轉到某部轉生動畫,所以這個題目就出來了。

文章內容定位

其實版上有關 React 的教學文蠻多了,而且 React 官方文件其實寫的蠻清楚的,但其實我覺得最難的是從 js 到 React 這段過程中,我以為的 js 跟實際上的 js 差距其實蠻大的,所以這段的系列文章會著墨在踏入 React 之前的這段過程,或許也許能在學 React 的時候少了一點痛苦。

大綱

大致上會分為兩部分介紹,第一部分會介紹 React 會用到的 JavaScript 的語法或觀念,第二部分,才會是 React

第一部分 JS

Day 1. 參賽動機以及題目選擇和預計大綱
Day 2. My VS Code Tour
Day 3. 查詢陣列的方法-forEach & map
Day 4. 操作陣列的方法 Part.1-push & pop
Day 5. 操作陣列的方法 Part.2-shift & unshift
Day 6. 其他的陣列方法 slice & splice
Day 7. 搜尋陣列的方法-find,findIndex & filter
Day 8. 字串陣列互相變化的方法 split & join
Day 9. 函式與箭頭函式
Day 10.物件(Object)
Day 11.解構賦值(Destructuring assignment)
Day 12.其餘運算子 & 展開運算子(Spread Operator & Rest Operator)
Day 13.JavaScript 模組(Modules)
Day 14.處理同步非同步的方法(Asynchronous & Synchronous)

第二部分 Rreact

這部分不會帶到太多太難的 hook,最多可能就寫到 useEffect,至於詳細的大綱,等 JS 結束之後會再公布。

最後熱血開賽~~希望一切順利

預計參考資料

  1. React 官網
  2. Odin Project
  3. freeCodeCamp
  4. MDN

相關文章

useRef 和 forwardRef
React Hooks

2024/06/11

React-Hook-useContext
React Hook

2024/03/06

React Hook-useMemo
React Hook

2024/01/11

Day 30 遲來的完賽
React JavaScript

2024/01/09

Day 29 React的本質-Library
React JavaScript

2024/01/02

Day 28 React 的 Hello World-Hook-useState
React JavaScript

2023/10/12