iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

先你一步的菜鳥 - 從 0 開始的前端網頁設計 系列

這系列主要是講解我最近學 React 的心得,內容包含我自己這一路自學程式的心路歷程,和我對基本觀念的了解,除此之外,也講一些我對專案發想的看法與了解。

參賽除了讓我自己可以整理我目前所學、訓練我的表達能力以外,也希望對那些想開始卻不知道該不該行動的程式新手們一些激勵和入門方法。

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

Day-1-React自我挑戰之旅

嗨大家好我是 Chris 這次是我第一次參加鐵人賽,是我給我自己的挑戰,內容主要是分享我如何從零開始自學React,逐步邁向目標的過程,裡面會參雜著目前我對 R...

2020-09-01 ‧ 由 Chris 分享
DAY 2

Day-2 少年,你身體有一股龐大的查克拉

事情必須從12年前的那場尾獸之亂講起,當年四代火影… 別,先別關,我好好講還不行嗎就算沒有寫過網頁的人,應該也聽過前端網頁三本柱,也就是 HTML、CSS、J...

2020-09-02 ‧ 由 Chris 分享
DAY 3

Day-3 你掉的是這個金React、銀React,還是這個普通React呢?

從標題就應該知道了 我們這個系列要用的 FrameWork 是 React.js。 等等,那到底什麼是 FrameWork,說一下啦。 好的那就必須要來到湖中女...

2020-09-03 ‧ 由 Chris 分享
DAY 4

Day-4 林克,你的大師之劍呢?

我是個劍士,在100年前敗給魔王之後,從復甦神廟醒來(如有雷同純屬巧合)。 發現深愛的國家、人民、公主,全部都在魔王的統治下深受其害。 所以我決定拿起我的寶劍,...

2020-09-04 ‧ 由 Chris 分享
DAY 5

Day-5 DOM,聽起來很有殺傷力。

還沒完呢! 如同一記當頭棒喝,腦中傳出 "DOM" 一聲。 沒錯,在建構 React 之前,我們必須講一下他尊爵不凡的地方。 現在,打開昨天...

2020-09-05 ‧ 由 Chris 分享
DAY 6

Day-6 記住一句話,萬物皆組件

昨天講解了 React 如何渲染畫面 ,現在都懂了可以帥氣的打code了吧。還沒呢,在這之前先記住一句話 就像各門各派都有各自的心法一樣,React 也有一個。...

2020-09-06 ‧ 由 Chris 分享
DAY 7

DAY-7 class vs function-component 基本架構(上)

有一對兄弟 class & function class 很聰明,只是胖了一點。 function 呢,很懶,可是長的好看,他在某些時候甚至可以 a.k...

2020-09-07 ‧ 由 Chris 分享
DAY 8

Day-8 class vs function-component 基本架構(下)

今天這一篇接續著前篇,繼續來講解 function component。 function component 沒有 state、也沒有 constructor...

2020-09-08 ‧ 由 Chris 分享
DAY 9

Day-9 循環的浪漫

上一篇我們說完了 component 基本的創建和使用方法,接下來介紹一下生命週期吧。 當一個 component 被建立時,我們可以使用 constructo...

2020-09-09 ‧ 由 Chris 分享
DAY 10

Day-10 救世主-Hook

經過前幾天的介紹後,我們知道了如何設計 component 以及設計 component 上的一些問題,今天我們要來了解 hook 到底是怎麼解決相關問題,以...

2020-09-10 ‧ 由 Chris 分享