前言

2020年六月初參加六角學院的「JavaScript 實戰直播班 2020 夏季班」的線上直播課程，本課程結業目標

1. 讓學員在結業時，能夠自豪地說出「自己掌握的網頁開發技能」
2. 讓學員的網頁開發能力，遠高於平均就業水準
3. 具備足夠的知識，能夠依此脈絡研究更進階的前端開發技巧。

因為本身還停留在網頁設計師等級，很想讓自己可以更往上發展成長，於是毫不猶豫報名，尤其報名費也很佛心價! 非常值得推薦 !
雖說這堂課最後會用 Vue 來製作電商網站，對於前端菜鳥完全沒碰過 Vue 來說，實在有點怕怕的，所幸最後照著課程一步一步學習，也能做出一個電商網站出來 ! 而且最後主委一直加碼課程，幾乎多了一倍的影片可以讓人好好學習。
目前課程已經結束，所以想藉由這次鐵人賽，讓自己重新複習跟筆記這次課程，希望讓自己更加提升!

課程內容

• JavaScript 邏輯規劃
• ES6
• Vue 起步走，由數據驅動畫面
• 元件及生命週期介紹
• Vue.js 進階方法
• Vue Cli 及 Router
• 單頁式應用程式開發細節說明
• 實戰開發講解

以上是這次課程大綱，隨著每周課程講解跟每周任務製作，使人每周都有好多可以學習的點!尤其是我這種前端苦手XD

寫作方式

針對每周課程影片內容與其他任務所以講的重點，製作筆記並複習，此篇為前言與簡介F2E，下篇開始筆記。

F2E 介紹

認識前端工程師

前端工程師的英文寫作 Front-End Engineer ( 業界簡稱 F2E )，是中大型企業都會有的職務，
是網頁設計師與後端工程師之間重要的溝通橋樑。

以裝潢廚房來比喻的話 :

• 網頁設計師 : 決定水龍頭的樣式及位置
• 前端工程師 : 負責安裝水龍頭與水管
• 後端工程師 : 提供水電瓦斯各種能源

如何從網頁設計師到前端工程師

網頁設計師工作流程 :

前端工程師工作流程 :

兩者差異 :

• 前端工程師比較不會去修改視覺（除非本身很會，值得鼓勵！）
• 要比網頁設計師更熟悉 HTML、CSS
• JavaScript 撰寫比重更多
• 與後端工程師合作需要了解 HTTP 基礎觀念

前端工程師基本技能 :

• 建議至少會使用一種繪圖軟體 ( Photoshop、Illustrator 等 )
• 網頁設計 HTML、CSS ( HTML5、CSS3 更佳 )
• 網頁程式設計 JavaScript、JQuery，或其他前端 Framework 等
• 資料交換格式 JSON、XML
• 非同步傳輸 AJAX
• 建議學習任一種後端程式語言 ( PHP、Nood.js 等 )

前端工程師必要知識 :

• JavaScript 除錯技巧
• 解決跨瀏覽器問題
• 了解 HTTP Status Code 狀態碼
• 了解 HTTP 傳輸協定基本概念
• 優化 JavaScript 程式碼提升執行效能

前端學習地圖

• 2020 網頁開發人員學習地圖 連結網址
• 六角學院 - 2018 前端開發者學習地圖 連結網址
• 六角學院 - 邁向前端工程師之路 連結網址