iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
Modern Web

我轉生成前端貓咪踏入React地獄的那些事系列 第 18

Day 18 正式進入React前的Javascript小總結

  • 分享至 

  • xImage
  •  

不知不覺鐵人賽已經寫超過一半了,用JavaScript水內容也水的差不多了XD,但是我真心認為前面的內容都是我恨不得在學React之前能夠所學好的內容,至少在操作React的時候不會因為JavaScript而卡東卡西的,而且React本身已經夠難懂了。

在今天這個算是中場休息的時間,來稍微整理前面的內容,和提出接下來要進行的架構。依然是遵從本系列的定位,盡可能地減少在學習React之前的落差,所以並不會提到太多太難的內容,因為比較難的內容我相信版上已經有很多大神寫文章了,我能做到的是盡量地做銜接。

JavaScript 複習篇

Day1 參賽動機以及題目選擇和預計大綱
Day2 My VS Code Tour
Day3 查詢陣列的方法-forEach & map
Day4 操作陣列的方法 Part.1-push & pop
Day5 操作陣列的方法 Part.2-shift & unshift
Day6 其他的陣列方法 slice & splice
Day7 搜尋陣列的方法-find,findIndex & filter
Day8 字串陣列互相變化的方法 split & join
Day9 函式與箭頭函式
Day10 物件(Object)
Day11 解構賦值(Destructuring assignment)
Day12 其餘運算子 & 展開運算子(Spread Operator & Rest Operator)
Day13 JavaScript 模組(Modules)
Day14 同步&非同步(Synchronous & Asynchronous)
Day15 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.1
Day16 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.2-Promise
Day17 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.3-Async Await

React 預計大綱

Day19 React介紹
Day20 React環境建置
Day21 React元件的形式
Day22 React的語法-JSX
Day23 React中的JavaScript
Day24 React的橋樑-Prpos
Day25 React的渲染-JSX與三元運算子的關係
Day26 React的多重渲染-列表與Key
Day27 React的純函數元件
Day28 React的Hello World-useState
Day29 React的玄學
Day30 總結

PS:可能會有小更動

中場休息之小小心得

其實我很驚訝我能走到這裡,身為一個前端小菜雞,縱使知道自己寫的沒有很理想,但還是不知羞恥的寫下去,希望能透過這次的鐵人賽,能對這段時間的學習有個交代。

如果你是跟我一樣剛接觸React的新手或是讀到這裡的讀者可能對React產生一點興趣的人,讓我們能在各自的天空繼續走下去。

附帶一提,給想入門React的人一句"歡迎來到React地獄~"


上一篇
Day17 處理同步(Synchronous)和非同步(Asynchronous)的方法Part.3-Async Await
下一篇
Day19 React 介紹
系列文
我轉生成前端貓咪踏入React地獄的那些事25
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言