鐵人檔案
由於經手的專案中經常有機會使用Angular框架，過程中累積了一些前端專案的開發心得，想在此跟大家做個整理與分享。從開始一個新專案的檔案結構介紹，再以官網的範例專案搭配自己常用的前端開發工具帶大家了解Angular專案基本的開發流程。
前言 由於經手的專案中經常有機會使用Angular框架，過程中累積了一些前端專案的開發心得，想在此跟大家做個整理與分享。 本次從一個新專案的檔案結構開始介紹，利...
特性 以下列出一些主要的特性，提供大家決定是否選用Angular作為開發工具的參考。 由Google開發維護的前端框架，官方文件針對配置與開發方式都有詳細的說...
快速開始 安裝 Angular CLI npm install -g @angular/cli 查看是否安裝完成 ng version 查看目前版本的angu...
Angular應用基本組成 模組(Modules) Angular的基本構成要素是NgModule。它會把相關的程式碼收集到一些功能集中。Angular應用...
使用StackBlitz建立範例專案 StackBlitz是一個非常方便的線上編輯器，可線上編輯各種主流框架，完成之後也便於在團隊成員中分享，適合用於製作互動式...
前言 開發專案前有些事情需要先確認， 使用相同的開發工具 例如要開發Java就使用 Eclipse，C#自然是用 Visual Studio，而當前最多前端...
前言 Angular 搭配 TypeScript 使用，已經能夠在編譯階段檢查出很多問題了，為什麼還要程式碼檢查呢？ 因為 TypeScript 檢查更注重的是...
前言 SCSS 相比於一般的 CSS 有著下列優點， 可變數 可運算 可使用 @mixin/@function 可繼承 @extend 支援巢狀結構 直接匯入...
前言 程式碼註解對一個有一定複雜度的專案來說是有必要的，除了團隊合作的考量，有時候時間一久，自己可能也會忘記當初的設計理念或需求，導致錯誤理解一個變數，一段代碼...
前言 前端的專案通常會挑一個樣式框架來搭配使用，好處是， 元件樣式如表格、列表與選單等元件不需要重新打造。 介面經過專業設計外觀優美。 元件樣式風格統一。...
