iT邦幫忙

鐵人檔案

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

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

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

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

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

Day-11 作用域和變數宣告

在昨天我們稍微提到了 react 裡宣告變數的方式,也就是 const、let、var。 不過在了解宣告變數之前,先了解作用域(Scope)會讓你上手更快。 作...

2020-09-11 ‧ 由 Chris 分享
DAY 12

Day-12 hosting & Lexical Scope & function expression/declaration 雜談總集

在昨天我們提到了5個問題 為什麼定義在 function scope 內的都用 var ?用 let 不好嗎?const 呢?怎麼沒出現? 為什麼在 bloc...

2020-09-12 ‧ 由 Chris 分享
DAY 13

Day-13 非同步 和 同步 - async/await & promise 物件了解 & callback function 和 IIFEs

在講這篇的主題之前,先來聊聊超商店員好了。 不覺得他們根本就超猛嗎,除了基本業務以外,還可以代繳費、代收包裹、宅配寄件、做你的假掰咖啡、打掃、煮關東煮、茶葉蛋、...

2020-09-13 ‧ 由 Chris 分享
DAY 14

Day-14 從需求的角度來看-把這隻筆賣給我

好的,我們將從今天這篇開始系列文實作~ 就如前面所說的,我們將使用 hook 打造 react 網站,對 hook 不熟悉或是還沒看過我前面系列的人可以去參考D...

2020-09-14 ‧ 由 Chris 分享
DAY 15

Day-15 基本架構設計

大家好,我是 chris ,既然要來製作專屬 blog 了,首先要知道大致上的畫面可以長怎樣。 以我之前的專案來說,畫面架構大致上長這樣。 這也是最最最基本的...

2020-09-15 ‧ 由 Chris 分享
DAY 16

Day-16 使用 hook 打造專屬 blog(1)

俗話說的好,長得好看就是吃香 在經歷了昨天慘不忍睹的規劃階段後,就很想趕快把頁面弄得能看一點。 雖然可能沒辦法在這一篇內翻新整個頁面,但其實只要改一個地方就能夠...

2020-09-16 ‧ 由 Chris 分享
DAY 17

Day-17 使用 hook 打造專屬 blog(2) - InfoBoard

除了有首頁之外,能夠讓人快速的認識也是很重要的。 今天就來快速打造資訊頁面 首先先從這裡 拿到今天的 css。 那我們來看看今天的草稿吧! 大概會像這樣 我們...

2020-09-17 ‧ 由 Chris 分享
DAY 18

Day-18 使用 hook 打造專屬 blog(3) - InfoBoard2

現在我們的 blog 網頁上面有了一開始進來的視覺畫面和 about me,今天就來繼續快速的建造下一個 infoBoard吧。 今天的 css 為了整體的觀感...

2020-09-18 ‧ 由 Chris 分享
DAY 19

Day-19 使用 hook 打造專屬 blog(4) - footer

今天將會快速的帶過 footer ,然後明天將會開始認真系列! 今天的 css 一如往常的先看看設計圖 那就廢話不多說,馬上來完成吧! 首先打開 footer...

2020-09-19 ‧ 由 Chris 分享
DAY 20

Day-20 使用 hook 打造專屬 blog(5) - navbar

今天將把整個首頁的格局都建置完成,並開始建置路徑 首先先看今天的設計 大概會是這樣子,那我們就快速把它建立起來吧。 css 首先打開 navbar.js 並按...

2020-09-20 ‧ 由 Chris 分享