iT邦幫忙

鐵人檔案

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

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

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

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

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

Day-21 使用 hook 打造專屬 blog(6) - Route

今天終於要來實作第一個功能-設置 route 讓 blog 可以自由切換頁面。 今天的 css 為了更好的設置 route 且讓你的 blog 更有彈性,所以我...

2020-09-21 ‧ 由 Chris 分享
DAY 22

Day-22 使用 hook 打造專屬 blog(7) - 分頁初步建置

既然我們有了分頁,那就來著手初步設計一下。 套用我們模組化的 component 來個快速打底吧。 //about me import React from ...

2020-09-22 ‧ 由 Chris 分享
DAY 23

Day-23 使用 hook 打造專屬 blog(8) - About Page

今天要來快速完成 About Page css 附上 首先介紹一下 react-timeline-scribble這個 package。 它雖然只有兩個 com...

2020-09-23 ‧ 由 Chris 分享
DAY 24

Day-24 使用 hook 打造專屬 blog(9) - Code Notes

css 終於要來迎接表面上的最後一組 UI 介面 為什麼說是一組呢,首先看一下我們上次的設計圖: 然後往下無限延伸,可是這樣也只能看到文章的概觀而已,所以我們...

2020-09-24 ‧ 由 Chris 分享
DAY 25

Day-25 使用 hook 打造專屬 blog(10) - Code Notes(1)

在 src/component/Notes 的 link path 有誤,下面已更改,各位抱歉QQ。 大家好我是 Chris 今天又再挑戰極限了,如果來不及完...

2020-09-25 ‧ 由 Chris 分享
DAY 26

Day-26 使用 hook 打造專屬 blog(11) - Code Notes(2)

嗨大家好,補班補課已經很累了應該也沒精力看太長的文章,那我就偷懶一點吧 沒啦,今天就好好地把那些之前來不及補完的 ui 介面補一補順便講一點資料流的架構吧。 首...

2020-09-26 ‧ 由 Chris 分享
DAY 27

Day-27 使用 hook 打造專屬 blog(12) - 搭配 Redux 整理資料流

嗨大家好我是 Chris,今天這篇將稍微解釋一下甚麼是 redux 以及它的運作方式和他能怎麼改我們的資料流,那話不多說就馬上開始吧。 首先需要聲明,在之前釋...

2020-09-27 ‧ 由 Chris 分享
DAY 28

Day-28 使用 hook 打造專屬 blog(13) - Redux 實作(搭配 connect provider)

嗨大家好,我是 Chris,今天將來說說如何在 React 中實現 Redux。 首先我們需要知道在 React 中,Redux 把 component 切割得...

2020-09-28 ‧ 由 Chris 分享
DAY 29

Day-29 使用 hook 打造專屬 blog(14) - 在個人 BLOG 創建 Redux 架構

嗨大家好我是 Chris,今天我們今天將在 blog 內建置好 Redux 架構。 這篇文章寫得有點亂,為了在我改好之前先撐撐場面,你可以在這裡搭配我寫好的架構...

2020-09-29 ‧ 由 Chris 分享
DAY 30

Day-30 鐵人提前完賽和無法如期完成專案通知(今天可以補完我就馬上補)

大家好,我是 chris 先說結果,我沒辦法在今天完結這個系列 QQ 。 因為在今天專案的進行中發生了一點小差錯,導致現在要 debug。 可是因為我等等要趕車...

2020-09-30 ‧ 由 Chris 分享