哈囉大家好～我目前是就讀資訊相關科系的大三生
繼去年參加佛心分享的主題，睽違一年又來參加Ithome鐵人賽了

學習動機

由於去年學習過基礎的HTML、CSS、JavaScript等知識，今年想繼續朝著網頁前端的方向繼續邁進，所以這系列的文章將紀錄我30天學習網頁前端框架Vue.js的過程。

網頁前端框架是什麼？

早期網頁開發主要是透過HTML、CSS、JavaScript，但隨著專案需求愈來愈龐大和複雜，出現程式效能差、難以維護等問題，而框架的興起便能改善這些問題，運用規劃好的架構、模板，藉此提升開發效率也能減少重複出現的程式碼。

前端三大框架比較

Vue 由尤雨溪開發的漸進式JavaScript框架，建立在HTML、CSS 和JavaScript 之上，因此對於初學者較容易入門，透過基於模板的語法、雙向資料綁定和集中狀態管理等，使得開發使用者介面更有效率。

React 由Facebook開發的JavaScript函式庫，使用JSX (JavaScript XML)語法來撰寫程式，實現虛擬DOM和組件的高效更新。

Angular 由Google開發的框架，使用TypeScript語法來撰寫程式，具備豐富和強大的內建功能，但是學習難度相對高。

總結：前端三大框架該如何選擇？

為什麼選擇Vue.js？

Vue相較其他框架具備更輕量級也更容易上手的優勢，而且中文的教材和資源豐富，因此很適合新手入門學習。
P.S.不過建議網頁前端新手具備基礎的HTML、CSS和JavaScrip知識再來學習框架會比較好哦～

圖片來源

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTAcj0e6uNQd_Ln9TubHdTizMTvcTg1Jyvh8rjZBKEo61l27WZgJOt6uIxIZIlE5ErIlN0&usqp=CAU
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGoEJqEcRvH5wpoQ_aCe54kWDLf68kTvxTmfo47CGUPiuNObM5KOonaieZfoHgeZAhO7o&usqp=CAU
https://angular.jp/assets/images/press-kit/angular_wordmark_gradient.png
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGoEJqEcRvH5wpoQ_aCe54kWDLf68kTvxTmfo47CGUPiuNObM5KOonaieZfoHgeZAhO7o&usqp=CAU

參考資源

https://vuejs.org/guide/introduction.html
https://www.w3schools.com/vue/
https://www.thisweb.dev/post/front-end-framework-comparison
https://medium.com/@gww680923/%E8%AA%B0%E6%98%AF%E5%89%8D%E7%AB%AF%E4%B8%89%E5%A4%A7%E6%A1%86%E6%9E%B6%E4%B8%AD%E7%9A%84%E4%BD%BC%E4%BD%BC%E8%80%85-%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%E5%90%84%E6%A1%86%E6%9E%B6%E7%9A%84%E7%89%B9%E9%BB%9E%E5%92%8C%E5%84%AA%E5%8B%A2-%E5%8A%A9%E4%BD%A0%E5%BF%AB%E9%80%9F%E5%85%A5%E9%96%80%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC-20e82d2d51b7