iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

一步一腳印,我的前端工程師修煉 系列

這次是第三次參賽,四年前的第一次參賽,哪時候正也是順利轉換跑道,寫的主題都是哪種看了書、線上課程、及文章,再加上用自己的方式,重新撰寫而成,最後因為時間太趕,導致呈現的文章內容,雜亂不堪。

今年的主題思考了很久,想說來個起承轉合,從還未是工程的我,做了哪些事,走向工程師這條路,接著進入業界上班的狀況,當了工程師一年、二年到現在四年了,上下班又做了什麼,類似這樣的分享。

最重要的還是,把碰到的 JS、React 等等...知識跟踩到的雷,跟大家分享,希望您可以少走一點冤望路。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文 團隊貓肥家潤一條龍
DAY 11

Day 11 | 如何在 Next.js + TS 專案設置 ESLint 和 Prettier

本節大綱 前言 如何使用 Create Next App 建立專案 如何在 Next.js + TS 專案設置 ESLint 和 Prettier 其它 參考...

2022-09-26 ‧ 由 Vita Ora 分享
DAY 12

Day 12 | React 18 更新總覽

本節大綱 前言 React 18 更新總覽 參考資料 結論 前言 React 18 發佈於 2022 年的 3 月,跟 17 的版本發布內容相比較起來,更新...

2022-09-27 ‧ 由 Vita Ora 分享
DAY 13

Day 13 | React Road Map

本節大綱 前言 Fundamental Topics (基礎) 參考資料 結論 前言 參考 2022 年的 React Road Map,大概可分為 Rea...

2022-09-28 ‧ 由 Vita Ora 分享
DAY 14

Day 14 | var、let、const 學習心得

前言此篇文章是要介紹,在學習 React 之前,一定要知道的 JavaScript ES6 語法 (之後會簡稱為 JS or ES6),這是因為在撰寫 Reac...

2022-09-29 ‧ 由 Vita Ora 分享
DAY 15

Day 15 | 箭頭函式學習心得

前言這個章節將會介紹到,在 ES6 新增的箭頭函式使用方法,因為在撰寫 React 程式時,已經都是使用 ES6 的模式再撰寫,所以,對於如何了解箭頭函式使用方...

2022-09-30 ‧ 由 Vita Ora 分享
DAY 16

Day 16 | import & export 模組學習心得

前言這個情境是指,當我們開發一個專案時,程式碼愈寫愈多,整個應用程式的規模愈來愈大時,那又如果我們都把全部的 JS 程式碼都集中在一個檔案時,會造成維護及閱讀上...

2022-10-01 ‧ 由 Vita Ora 分享
DAY 17

Day 17 | [ES6] 解構 & 字串模組學習心得

前言解構與字串模組都是 ES6 新增加的特性,也是在撰寫 React 專案時,很常會使用到的語法,接下來就會針對解構 & 字串模組來說明如何使用。 解構...

2022-10-02 ‧ 由 Vita Ora 分享
DAY 18

Day 18 | 變數和資料型別學習心得

前言從前面幾篇講到 ES6 完之後,原本預計是要寫跟 React 有關的,但是…後來想到公司的主管在一個月前問我,在學習 React 之前,我反而希望你去找一本...

2022-10-03 ‧ 由 Vita Ora 分享
DAY 19

Day 19 | 運算子和控制語法學習心得

前言接下來這篇是關於很基本的運算子做一點心得分享,也只會挑幾個需要特別的來說明。另外,最重要的是控制語法 (迴圈),這在任何一種程式語言,必定都會有的,只是各個...

2022-10-04 ‧ 由 Vita Ora 分享
DAY 20

Day 20 | 撰寫易讀且好維護的程式,程式設計規範

前言Web 應用程式佔客戶端 JavaScript 的比重越來越高,增加了使用 JavaScript 開發大型程式的機會。這意味者,開發者不能只是寫完程式就覺得...

2022-10-05 ‧ 由 Vita Ora 分享