iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

前端開發之那些我會的與我不會的技術 系列

此次的內容主要會圍繞在我在前端開發所使用的相關技術,從建構工具到React.js等相關的技術分享。希望能藉由此次機會將自己會的技術與不熟悉的技術跟大家交流討論。

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

緣起-在開始之前

在看到這個題目(前端開發之那些我會的與我不會的技術)的你,可能會不太知道這系列會包含哪些內容,因為我自己其實也還不知道(哈,在一個衝動之下就先報了名)。你可能看...

2023-09-16 ‧ 由 ss95159 分享
DAY 2

淺談前端工程師的npm套件管理工具

npm是什麼? 是node package manager的縮寫,也就是node的套件管理工具,只要安裝node就會內建有npm。 如何使用npm 首先,要安裝...

2023-09-17 ‧ 由 ss95159 分享
DAY 3

React 開發者前端建構工具之路

什麼是建構工具,它的用途是什麼? 在當代的前端開發絕大多數都會使用到建構工具(打包工具),在了解建工具前我們先來回顧一下在前端世界還是風平浪靜的時候我們都怎麼開...

2023-09-18 ‧ 由 ss95159 分享
DAY 4

ESLint 簡介:提高前端程式碼品質的必備工具

eslint是什麼? eslint可以幫助我們檢查我們程式裡是不是有錯誤、可能造成bugs、沒有best practices的地方。可以讓我們保持團隊程式碼的一...

2023-09-19 ‧ 由 ss95159 分享
DAY 5

Prettier和ESLint的完美結合

prettier是什麼? prettier可以讓我們的code樣式風格保持一致,像是空格是幾格或有沒有分號等的程式碼樣式風格。 安裝 npm install -...

2023-09-20 ‧ 由 ss95159 分享
DAY 6

使用Husky和Lint-staged:提高團隊項目的代碼品質

husky是什麼? husky可以讓我們很容易的在git hooks的階段執行scripts,像是在commit之前可以執行eslint,讓我們在團隊開發的時候...

2023-09-21 ‧ 由 ss95159 分享
DAY 7

JavaScript Modules入門

JavaScript modules是什麼? JavaScript modules又稱 ES modules,是將程式模組化的技術。 在最早之前我們開發網頁應用...

2023-09-22 ‧ 由 ss95159 分享
DAY 8

前端開發的進化:從傳統JavaScript到現代前端框架

為什麼要有前端框架? 在前端框架蓬勃發展的這幾年以來,好像愈來越少聽到有人在討論這個問題,但是在開始我們還是不免俗地來說一下,還是那句老話現在網頁的應用程式越來...

2023-09-23 ‧ 由 ss95159 分享
DAY 9

JSX在React中的作用以及它的基本語法規則

什麼是JSX Jsx是一種語法的擴展(syntax extension),讓我們可以在Js裡面寫像是HTML的語法,這些像HTML的語法最終幫助我們產生HTML...

2023-09-24 ‧ 由 ss95159 分享
DAY 10

React JSX 中的事件處理程序:基本介紹和語法範例

如何在JSX加入event handler 如同上篇JSX的介紹,在JSX加上屬性要是駝峰,要使用JS的話要使用大括號{}, function App() {...

2023-09-25 ‧ 由 ss95159 分享