iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

菜雞們,讓我們一起征服JS及React吧 系列

前端領域是一個可以用程式碼恣意揮灑色彩的地方,擁有設計魂及程式開發的人更是不能錯過。

不過,前端領域深不可測,一個不小心就會掉進坑裡,如何幫助菜雞們正式踏上偉大的航道,
燃起了我決心參加人生的鐵人賽。

前端的生態系相當多元,我選擇火熱的React當作前端的框架,搭配Hook的使用,讓你在操控UI上更無往不利。
鐵人賽我共分三個階段,包含:
1. Javascript的運用
2. React 功能的介紹
3. 三場實戰,並藉由實戰同時學習一些有趣的套件

經歷30天的鐵人賽洗禮,相信你我將能更有自信的踏上設計之路。

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文
DAY 21

React菜雞-Day21:學會JS獨特的用法,讓你的React更優雅~ 閉包Closure

tags: 鐵人賽 React javascript nodejs 鐵人賽第21天,今天依舊是個被老闆追殺的一天,坦白說忙到五點才結束。罷特...今天的鐵人賽...

2020-09-24 ‧ 由 小偉哥 分享
DAY 22

React菜雞-Day22:學會JS獨特的用法,讓你的React更優雅~ 給個承諾Promise

tags: 鐵人賽 React javascript nodejs 鐵人賽第22天,今天我們要談談JS的Promise。開發前端不免要對後台要資料,Promi...

2020-09-25 ‧ 由 小偉哥 分享
DAY 23

React菜雞-Day23:學會JS獨特的用法,讓你的React更優雅~給個一連串的承諾~Promise Chain

tags: 鐵人賽 React javascript nodejs 鐵人賽第23天,延續昨天的Promise,今天我們要學習如何給出一連串的承諾,完成我們的任...

2020-09-26 ‧ 由 小偉哥 分享
DAY 24

React菜雞-Day24:moment.js 讓你抓住時間的每一刻

tags: 鐵人賽 React javascript nodejs 鐵人賽第24天,今天我們要來介紹一個時間的套件。 所有程式,時間充足的話我們都寫得出來;...

2020-09-27 ‧ 由 小偉哥 分享
DAY 25

React菜雞-Day25:學會JS獨特的用法,讓你的React更優雅~搞懂JS引擎如何安排Promise

tags: 鐵人賽 React javascript nodejs 鐵人賽第25天,前幾天我們學會了Promise及Promise-chain,對於異步程式有...

2020-09-28 ‧ 由 小偉哥 分享
DAY 26

React菜雞-Day26:學會JS獨特的用法,讓你的React更優雅~ async及await

tags: 鐵人賽 React javascript nodejs 鐵人賽第26天,今天我們要來介紹另一種實踐Promise的指令async...await...

2020-09-29 ‧ 由 小偉哥 分享
DAY 27

React菜雞-Day27:呼叫後端的捧油~用axios幫你抓資料回來

tags: 鐵人賽 React javascript nodejs 鐵人賽第27天,今天要來介紹一下一個取資料的利器axios;axios方便、好用,支援相當...

2020-09-30 ‧ 由 小偉哥 分享
DAY 28

React菜雞-Day28:React實戰~寫個日曆 part1

tags: 鐵人賽 React javascript nodejs 鐵人賽第28天,今天我們要回到React實戰系列,來寫個日曆的套件。 解析一下我們的需求...

2020-10-01 ‧ 由 小偉哥 分享
DAY 29

React菜雞-Day29:React實戰~寫個日曆 part2 - 來搞定日曆的外觀吧!

tags: 鐵人賽 React javascript nodejs 鐵人賽第29天,今天我們要設計日曆的外觀,同時建立一個styales.js來定義compo...

2020-10-02 ‧ 由 小偉哥 分享
DAY 30

React菜雞-Day30:React實戰~寫個日曆 最終篇 - 賦予日曆靈魂吧!

tags: 鐵人賽 React javascript nodejs 鐵人賽第30天,今天我們要將日曆的互動功能完成,不囉唆,立馬上工! 設計重點 Cal...

2020-10-03 ‧ 由 小偉哥 分享