本來打算一篇寫完的，結果居然要分成三篇 XD

前端工具挑選

前端的部分可以搭配框架來建立

比較有名的像是三大框架 Vue、React、Angular
以這三個框架在台灣職場來說
使用率占比應該是 Vue > React > Angular
難易度排行也差不多

通常推薦新手都會從Vue學起，
因為簡單好上手，使用率也高，
除了官方文件外也有大量的教學文

不過我自己最一開始是學React

這邊其實有個小故事可以說
一開始在學習前端時，我也是在三大框架前面猶豫了很久
當時詢問一個前端的朋友，
她剛好是本來在寫Vue，結果換工作後改用React
因為Vue 跟 React 的難易度有落差，
轉換的時候很痛苦，學習成本很高

當時她就建議我說，
反正都是從頭學，那乾脆從難的先學
之後如果換成簡單的，那轉換的成本就不會那麼高了

就因為這句話

我就投入了React的懷抱

以一個剛熟悉 HTML、CSS、JavaScript的人來說
真的太難了 ( 痛哭
不過非常推薦 React官方文件
教學文寫的很詳細，雖然有些地方還是需要一點悟性就是了 XD

而後來換工作的我，
居然！　真的需要用到Vue框架
不知道是不是被React 折磨過，感覺Vue真的比較簡單一點
不過因為還沒有到非常熟悉
這次的框架會採用 Vue 並搭配 Vuetify 組件庫
希望完成後可以把Vue用的熟練一點 (握拳

後端工具挑選

後端的部分因為我平常是寫Python

而Python本身就有兩大框架 Django 跟 Flask

Django

主要是整合好了很多網站需要的東西
像是權限系統、DB連結、甚至一架好就會給一個完整的後台頁面

另外像是登入登出、忘記密碼、表單等，
都是敲幾行程式碼就可以自動生成的
通常會拿來做比較大型、複雜的專案

這個也是我第一個學的框架，
如果要找教學文的話可以參考這篇，寫的非~~常詳細

不過因為他是採用 MVT 設計模式，
也就是模型（Model），視圖（View）和模板（Template）
本身沒有前後端分離，所以我這次會採用另一個框架 Flask

Flask

就是主打輕量化Web 框架，
雖然預設沒有資料庫、表單驗證工具，
不過也有很多第三方庫可以使用，
算是一個需要什麼就自己加的概念

我其實也沒有到很熟悉，只有初步試過串接API
應該沒問題的~吧

好的，今天先這樣啦
工具挑完了，接下來就該來挑主題搂~

推薦閱讀

現在的前端都在用 JavaScript「框架」？前端框架的功能與優點｜ALPHA Camp Blog