iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

文科生轉職React前端工程師的菜鳥學習日記 系列

希望透過這30天督促自己脫離菜味,內容預計會有JS基礎,API串接,用React完成一個可以新增、修改、刪除、查詢的網站。

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

[Day21] 設計師畫完Mockup設計精稿之後呢?Prototype原型

昨天講完UI/UX設計師負責的Mockup設計精稿(視覺圖稿),接下來下一步驟就來到Prototype原型(但很多公司會省略這個很重要的步驟XD),今天就來分享...

2022-10-06 ‧ 由 cherylcloud 分享
DAY 22

[Day22] 菜鳥學習日記,React是甚麼?

上一篇結尾提到我的鐵人賽倒數計時,該進入專題的開發階段了,今天來介紹我們要使用的ReactJS。 React JS React JS是一個由 Facebook...

2022-10-07 ‧ 由 cherylcloud 分享
DAY 23

[Day23] 菜鳥學習日記, React的生命週期?

上一篇介紹甚麼是React及React現在在前端框架的使用率排行,和Hello React World的初體驗。今天這篇準備來介紹React的生命週期。 Rea...

2022-10-08 ‧ 由 cherylcloud 分享
DAY 24

[Day24] 菜鳥學習日記,React的專案啟用

前面介紹了React生命週期,這邊準備來啟用我們第一個React專案,先使用簡單的工具,可線上快速建立專案的codesandbox使用上面的工具就可以快速進入開...

2022-10-09 ‧ 由 cherylcloud 分享
DAY 25

[Day25] 菜鳥學習日記,React的To-Do List專案Part1

今天來複習用昨天的create-react-app創建新專案的方法,在本地端創建自己的To-Do List應用程式。環境需求:需先安裝好node.js開啟VS...

2022-10-10 ‧ 由 cherylcloud 分享
DAY 26

[Day26] 菜鳥學習日記,React的To-Do List專案Part2

ReactJS CRUD To-Do List專案 IA資訊架構 使用者Users:怕忘記待辦事項的我。內容Contents:待辦事項的內容等。情境Contex...

2022-10-11 ‧ 由 cherylcloud 分享
DAY 27

[Day27] 菜鳥學習日記,React的To-Do List專案Part3

接續昨天React的To-Do List專案PartII的功能地圖,今天來畫我們的前端畫面的線稿圖,使用免費規劃工具為Day17介紹的whimsical,簡單易...

2022-10-12 ‧ 由 cherylcloud 分享
DAY 28

[Day28] 菜鳥學習日記,React的To-Do List專案Part4

昨天我們完成了To-Do List的React專案靜態刻畫,昨天的codesandbox連結在這邊,今天要讓我們的To-Do List動起來。認識我們的第一個R...

2022-10-13 ‧ 由 cherylcloud 分享
DAY 29

[Day29] 菜鳥學習日記,React的To-Do List專案Part5

昨天我們完成To-Do List的React專案內的輸入狀態和新增按鈕送出後會將輸入狀態內的文字新增到下方的待辦清單中。今天會完成刪除的按鈕功能。做刪除按紐之前...

2022-10-14 ‧ 由 cherylcloud 分享
DAY 30

[Day30] 菜鳥學習日記,React的To-Do List專案Part6

我的30天鐵人賽最後一天終於來了!!!今天要來介紹的是To-Do List內的update更新功能,讓我們繼續看下去,這邊附上完整的程式碼連結在codesand...

2022-10-15 ‧ 由 cherylcloud 分享