鐵人檔案
透過MERN Stack 架構 (MongoDB, Express.js, React, Node.js) 來建立 React 小型專案，並使用近期流行的 Tailwind CSS 打造網站樣式。藉由邊學邊做的模式，紀錄學習過程。
嗨大家好～ 這是我第一次參與 iThome 鐵人賽，這次的挑戰比較著重在應用、個人經驗及結果的部分，所以理論部分不會描述太多。雖然已經接觸前端一段時間了，但還是...
前端三大主流框架 如果有心往前端的方向前進，相信你肯定聽過這三個框架，他們常常被拿來比較，是目前前端三大主流框架：（以下為維基百科簡介） React -...
官網：https://www.figma.com/在進入開發之前，免不了需要經過籌劃階段，例如主題的制定、流程的規劃、以及設計環節等等，而整體 UIUX 更算是...
準備工具 在開始 Coding 前，先介紹需要用到的工具： VS Code 應該算是目前最好用的程式碼編輯器，功能強大且方便使用，也可以添加許多擴充功能。...
想要成為工程師的大家，一定知道用 git 管理專案是非常重要的一件事！不論是團隊合作或是個人開發，git 管理都是不可或缺的重要環節，git 可以紀錄每個版本...
除了一行一行把自己要的功能或介面 code 出來之外，還有一個快速又方便的方法，能夠幫我們快速建構專案所需的東西，那就是使用「套件 Package」。 對於個人...
Tailwind CSS Tailwind CSS 是近年來愈來愈多人使用的 CSS 框架，跟其他框架如： Bootstrap、Material-UI、Ant...
利用 JavaScript ES6 的模組化開發在 React 中也是重要的一環，模組化的方式讓我們在開發大型複雜應用程式時更為方便且易於管理，相同的程式碼可以...
到目前為止，我們都還是將所有東西寫在 App.js 中，但大部分網站總不可能只有一個頁面吧？ 不像傳統靜態網頁是由一堆 HTML 檔案切換而成，SPA 動態網頁...
在繼續往下之前，想先來整理一篇常見也常用的 JavaScript 語法，這些是我認為新手會比較不熟悉但用到頻率會很高的語法。 雖然在前端開發常常是看到什麼不會，...
