iT邦幫忙

鐵人檔案

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

30 天線上自學前端 系列

連續 30 天,天天上前端的線上課程並記錄這個過程。
在決定參賽以前,已經上完這套課程共 490 個小節的 194 個小節。
194 個小節中包含基礎和中階的 HTML、CSS、Javascript,以及已完成兩個階段性的小遊戲 project:Drum Kit & Dice Game。
給自己第 30 天的目標是上到第 317 小節,經過的這 100 多個小節中會完成 1 個小遊戲(The Simon Game)和 2 個小挑戰,還有 317 小節的階段挑戰:做一個能後台寫文並發布的部落格。

參賽天數 1 天 | 共 72 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文

[Day 41] [React] React Props 練習篇!

昨天是 React Props 的簡單介紹,今天依照課程安排就是 React Props 練習~ 今天的 React Props 練習題目://1. Apply...

2022-10-11 ‧ 由 wscindy 分享

[Day 42] [React] React DevTools 介紹 - 1

React DevTools 這堂課的影片時間比較長,所以會拆幾個段落來寫文章。 DevTools 可以幫助我們 debug 和管理所有的 components...

2022-10-12 ‧ 由 wscindy 分享

[Day 43] [React] React DevTools 介紹 - 2

在 Sandbox 裡面的 React DevTools 可以看到現在的 Dom tree。 一開始先從 App components 延伸,然後分成三個 Ca...

2022-10-15 ‧ 由 wscindy 分享

[Day 44] [React] Map method - 定位資料到 Components

最近上課都是在上 components,以下是含有如何使用 Components 的 Days: [Day 34] [React] React componen...

2022-10-16 ‧ 由 wscindy 分享

[Day 45] [React] Map method - 練習篇! (1)

今天的練習是要在 Card.jsx 裡面加入 id 這個 pros,而且要是用 Paragraph tag <p>。 目前 Card.jsx 的樣子...

2022-10-17 ‧ 由 wscindy 分享

[Day 46] [React] Map method - 練習篇! (2) & HTML dictionary list

今天的 Map method 練習是使用「emojipedia」專案,在 emojipedia.js 裡面加入新的 emoji 時,在 HTML 會自動顯示新的...

2022-10-18 ‧ 由 wscindy 分享

[Day 47] [JavaScript] ES6 - map & forEach

[Day 46] [React] Map method - 練習篇! (2) & HTML dictionary list 這是昨天的練習,用 map...

2022-10-19 ‧ 由 wscindy 分享

[Day 48] [JavaScript] ES6 - filter

看起來接下來幾天都會是介紹 ES6 的 function。[Day 47] [JavaScript] ES6 map & forEach這是昨天的 ES...

2022-10-20 ‧ 由 wscindy 分享

[Day 49] [JavaScript] ES6 - reduce

map:[Day 47] [JavaScript] ES6 map & forEachfilter:[Day 48] [JavaScript] ES6...

2022-10-22 ‧ 由 wscindy 分享

[Day 50] [JavaScript] ES6 - find、substring ,以及 JSON 裡找資料和過濾字數的小挑戰

早在 ES6 出現以前,Map、Filter、reduce 就已經出現在 JavaScript 了,也可能是最有用的 JavaScript function。...

2022-10-23 ‧ 由 wscindy 分享