iT邦幫忙

2022 iThome 鐵人賽

DAY 1
0
Modern Web

Angular牙起來系列 第 1

# Day01 Angular牙起來 - 開場簡介

  • 分享至 

  • xImage
  •  

Day01 Angular牙起來 - 開場簡介

歡迎你,勇者
首先要恭喜你開局五星級難度
Vue、React 什麼前端框架不選,偏偏選擇了Angular

眾所皆知,Angular框架上手難易度...
看到標題還點進來,可見你是真的挺有熱忱
本系列文章也會以盡量平滑的曲線進行教學

對於沒有前端經驗的人而言
若每天都專注在學習上
要學會 HTML、CSS、Bootstrap、Javascript 基礎,大約花兩、三個月的時間
Angular 基礎學習大約花一個月半,而後再花三個月更加補強、深入的研究
花在Angular上的學習時間比前面所學的還要多,難度可見一斑
本宅至今也還沒能高度掌握

歷史版本

Angular 指的是 Angular2.0 之後的所有版本

AngularJS 則是專指 Angular1.0 最早期的版本

為何要區分? 因為兩者是完全不同的架構
Angular主要部分是寫Typescript,而AngularJS寫的是Javascript

本系列文章當然是以最新版本的Angular為主(截至現在已經來到14版了)

框架迷思

學習任一框架的先決條件,都需必備HTML、CSS、Javascript基礎知識

不論 Angular、React、Vue 三大框架差異都只是元件劃分、風格上和一些指令的不同
不管透過哪個框架、不管寫什麼語言,只要寫的是網頁,程式最終都會是原生的Javascript,畫面都會是HTMLCSS

換句話說,不管寫什麼,最終都可以看到 Javascript、HTML、CSS 熟悉的身影

畢竟截至今年,在電腦上使用瀏覽器打開任何的網頁,都是 HTML、CSS、Javascript 三種元素呈現出來的結果,沒有其他了

Angular框架的優缺點

Angular是三大框架之中最早、最成熟的
但卻是眉角最多、開發過程中檔案數量最多、也最肥的框架
若拿來開發小專案,有點殺雞焉用牛刀,如同只要滅一隻大象,卻開出了艘艦艇出來
然而當專案規模大到一定程度時,使用Angular對後續而言是較好維護的

對於新創公司、人數較少的開發團隊來說,在開發一個全新項目時,為加速開發過程通常都使用React、Vue框架進行開發(例如Web3.0項目)
對於而金融業、銀行端求穩定開發的,則較常看到Angular


本系列文章適合誰閱讀?

  1. 慣用 WebStorm IDE 開發者
  2. 學過 HTML、CSS、Javascript,還沒接觸過任何框架的人
  3. 看不習慣、覺得 Angular官方文件 太難懂的人
  4. 幾個月後失憶的作者

三十天的鐵人賽文章,希望讀者看完之後硬邦邦,晚上作夢都能乒乓叫


下一篇
# Day02 Angular牙起來 - 安裝環境
系列文
Angular牙起來30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言