iT邦幫忙

鐵人檔案

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

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

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

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

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

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

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

React菜雞-Day1:把工具找齊,你才能無往不利

React菜雞-Day1:把工具找齊,你才能無往不利 tags: 鐵人賽 React javascript nodejs vscode 前言 此時的你,已經...

2020-09-04 ‧ 由 小偉哥 分享
DAY 2

React菜雞-Day2:來~我們捲起袖子,用create-react-app建構好React環境

tags: 鐵人賽 React javascript nodejs vscode 來到了鐵人賽的第二天。今天我們要講解如何快速地建構好開發React的環境...

2020-09-05 ‧ 由 小偉哥 分享
DAY 3

React菜雞-Day3:開箱!探索一下React專案的檔案結構

tags: 鐵人賽 React javascript nodejs vscode 挑戰來到第三天。今天我們要針對create-react-app幫我們建立...

2020-09-06 ‧ 由 小偉哥 分享
DAY 4

React菜雞-Day4:JSX~混搭前端三元素就是~潮!

tags: 鐵人賽 React javascript nodejs vscode 來到了鐵人賽的第四天,先為自己沒被 monday blue給擊倒歡呼一...

2020-09-07 ‧ 由 小偉哥 分享
DAY 5

React菜雞-Day5:大心~props幫你打包了所有參數

tags: 鐵人賽 React javascript nodejs vscode 前言 鐵人賽的第五天;坦白說,對於接下來的25天要寫些什麼,仍舊沒有什麼把握...

2020-09-08 ‧ 由 小偉哥 分享
DAY 6

React菜雞-Day6:用迴圈自動生成多個React-component

tags: 鐵人賽 React javascript nodejs vscode 一晃眼來到鐵人賽第六天!今天我們要用迴圈的方式,讓React自動幫我們產生多...

2020-09-09 ‧ 由 小偉哥 分享
DAY 7

React菜雞-Day7:React Hook 起手式 ~ useState

tags: 鐵人賽 React javascript nodejs vscode 第七天!今天是第七天! 能夠堅持到七天,確實不簡單,今天的你,累積了一定...

2020-09-10 ‧ 由 小偉哥 分享
DAY 8

React菜雞-Day8:學會JS獨特的用法,讓你的React更優雅-第一篇 Array func

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第八天,我想先放緩腳步,讓各位好好消化一下前一週所學的React,...

2020-09-11 ‧ 由 小偉哥 分享
DAY 9

React菜雞-Day9:學會JS獨特的用法,讓你的React更優雅-第二篇 Object

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第九天,週末的早晨下了場大雨,但絕對澆不熄我們的熱情,立馬上工! 關於...

2020-09-12 ‧ 由 小偉哥 分享
DAY 10

React菜雞-Day10:學會JS獨特的用法,讓你的React更優雅-第三篇 解構賦值

tags: 鐵人賽 React javascript nodejs vscode 鐵人賽第十天,週末夜晚去看了全民大劇團的~同學會~同鞋,笑中帶淚的劇情,讓我...

2020-09-13 ‧ 由 小偉哥 分享