iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Follow me! 來一場前端技能樹之旅 系列

前端這個大坑技術多到好像怎麼學也學不完,在學程前期我常常會迷失方向,不知道接下來該往哪個技術努力,後來學習了不少才總算是摸清楚前端的架構,知道我下一步該往哪裡進步。

因此這個系列會帶領讀者來場小小的前端技能之旅,基礎了解每個技術存在的意義,以及它能夠做到什麼?再延伸提供一些進階學習方向的指引,希望能夠幫助那些對前端有興趣但不知道從哪裡開始的初新手,能夠有個更好更輕鬆的學習之路。

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

[Day 21 - React] 今晚我想來點,React的其他功能

前情提要:在上一篇網頁UI組件化 — React component,大致了解 React 最重要的核心 — Component,並且學會了在組件內控制資料...

2021-10-04 ‧ 由 May 分享
DAY 22

[Day 22 - Redux] 有了Redux,狀態管理沒煩惱

前情提要:在前面關於 React 的幾篇文章,學會了建立 React Component,依據使用者操作在組件間處理資料。接下來就會提到如何使用 Redux,...

2021-10-05 ‧ 由 May 分享
DAY 23

[Day 23 - Redux] React + Redux = React-redux

前情提要:在前面的文章有了Redux,狀態管理沒煩惱,學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...

2021-10-06 ‧ 由 May 分享
DAY 24

[Day 24 - Modern CSS] 在JS中寫CSS,神套件Styled-components

要如何在 React 中撰寫 CSS,為元素添加樣式?目前的方法有 Inline-Style、CSS Modules...,其中一個方法就是很多人使用的 Sty...

2021-10-07 ‧ 由 May 分享
DAY 25

[Day 25 - Modern CSS] 指定CSS作用域,模組化開發 CSS Modules

要在 React 中撰寫 CSS,為元素添加樣式,除了 Styled-components,另外還有一種方式就是 CSS Modules。之前我們提過,在寫 C...

2021-10-08 ‧ 由 May 分享
DAY 26

[Day 26 - 小試身手] Todolist with React (1)

終於差不多進入30天前端技能樹之旅的尾聲,最後就來利用系列後半部所學的 React,搭配 Redux、Styled-components 來個小試身手,實作一個...

2021-10-09 ‧ 由 May 分享
DAY 27

[Day 27 - 小試身手] Todolist with React (2)

在上一章Todolist with React (1),建立了專案環境、並且拆離 UI 設定好所有 Component 後,現在就讓我們使用套件 Styled...

2021-10-10 ‧ 由 May 分享
DAY 28

[Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2),完成所有樣式設定後,現在就讓我們在 React 中加入 Redux,使用 React-redux 動態...

2021-10-11 ‧ 由 May 分享
DAY 29

[Day 29 - 小試身手] Todolist with React (4)

在上一章Todolist with React (3),使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作,就讓我們繼續完成最後一個部分...

2021-10-12 ‧ 由 May 分享
DAY 30

[Day 30] 完賽心得:你的前端之旅還尚未結束

未完待續的前端之旅 在這30天我們帶到了前端技能樹上各種類型的技能,包括基本的 HTML、CSS、JS 到各種套件框架的運用,透過入門的方式讓大家了解如何使用各...

2021-10-13 ‧ 由 May 分享