現代前端工程師能力養成與實戰

快速接軌「前端工程師」的必備知識與技能

# 專為「切版工人」而設計的技能銜接菜單

前端工程師是這個產業薪資成長最快速的一群，不斷吸引著許多開發人員加入這個領域。但前端的世界進步的非常快，幾乎每個月都有新的技術、名詞推出，建立了一個巨大的鴻溝，讓想要跨足這個領域的朋友常常不知從哪兒下手才好。『實戰! 前端工程師必備技能養成』是針對想跨足這個領域，卻又不知從何開始的你而設計。課程目標期許任何上過本課程的朋友，都能在前端工程的領域上，打好基礎，站穩腳步，並且不斷向上成長。

「社群」討論一堆東西都看不懂！我到底還缺什麼技能？

# 前端工程技術繁雜，沒學習方向，讓人茫然...？

許多已經學會 HTML 與 CSS 切版與基礎 JS 的網頁前端設計工作者或跨領域轉職者，常常為了玲琅滿目的學習清單困惑。這堂課將一次把前往前端工程師路上您所欠缺的觀念、工具、知識，一次幫您先接到位，不再茫然！

「切版人」到「前端工程師」的路在這裡。

# 從「純切版」升級至「軟體工程」吧！

切版工人大多是指已經熟悉使用 HTML + CSS 刻出版面，對基礎JS有一定的概念，會用  jQuery 做出簡單特效。但對於資料、API 串接、SPA前後分離、前端框架，後端資料庫、套件管理...等基本概念很陌生，也無法獨立看文件學習一套框架、套件、工具。而這裡前端養成將教會您現今大多數業界前端工程師，會使用到的 必備技術。

10 大主軸齊發，完整技能對接！

>> 跨界前端工程必備知識與觀念

1. 前端工程師與切版工人的差異
2. 現代前端工程師學習藍圖
3. 了解熱門前端工具與專有名詞

>> 大家都在用的 VScode

1. 工程師在用編輯器介紹與比較
2. VScode 編輯器介紹與快速入門
3. 好用套件與除錯功能

>> 快速認識 Chrome Devtools 

1. Chrome 開發者工具個功能介紹
2. Chrome Network、Console、檢測器、除錯功能...詳解 
3. Chrome 好用外掛介紹

>> 快速掃瞄 JavaScript 的地雷區 

1. 弄懂 三元運算字、嚴格模式、Call By Reference/Value、this、Call Back...等等 常常連高手都會困惑的 JS 地雷區 
2. JS 更多學習資源與方向

>> ES6 ？ ES5 語法到底在講啥？

1. 明白 ECMAScript 版本差異
2. 學會從 ES5 到 ES6 的各項功能與寫法差異

>> 什麼是套件管理工具？ Npm、Webpack ？ 

1.  Npm、Webpack 簡介
2. 學會從 ES5 到 ES6 的各項功能與寫法差異

>> 關於 JSON 、API 、Ajax 的詳解

1. 什麼是 JSON 、API 、Ajax
2. JSONP 與 Cores 
3. 資料交換的運作原理
4. Http 動詞 Get 、Post 是什麼？ 
5. Axios、Superagnet、Ajax 

>> JavaScript 必學套件 

1. Moment.js 時間操作
2. Lodash JS 的瑞士小刀

>> 實戰吧 ! 用jQuery Ajax 實現 CRUD 系統

1. 利用本課所學知識、工具、用前端工程師思維實現基本 Create（創建）、Read（讀取）、Update（更新）、Delete（刪除）

# 更詳細課程內容，請看本課程章節表

內容隨趨勢持續更新，學習不間斷！

許多工具、套件、甚至連程式語言本身，都會隨著時間的推移而過期。這堂課將會更新當下「最適合」的技術版本，讓您的學習不間斷。不必擔心課程內容不符合潮流。

課程收益回饋社群

本課程部分收益，將由 HiSKIO 與 開課講師 共同回饋至「台中前端社群」活動使用，使用在包括 場地費、講師費、人員費用、茶水費...等。

關於講師

竹藝 - 台中前端社群發起人

從事網站開發將近十年的時光，精通網站後台系統建置到前端工程，目前多在 中部地區 推廣新一代的前端技術如 React.js, React Native, Webpack, GraphQL 等，期待能夠協助更多的新進者順利進入到網站開發的領域。

這堂課和其他免費、300 元國外課程有何差異？

＊網路上有許多「分享」影片、「免費兌換」、「300元」的國外課程，這堂課有什麼差異呢？

>>聽中文始終比較順暢

相比其他非母語的語言，用中文講解的課程，學起來絕對比英文課程有效率！在遇到專有名詞，或講解抽象概念時，用中文絕對是最好的選擇。

>>老師專業度與問題溝通

在 HiSKIO 上的老師，都經過嚴選而出，也都具備一定程度專業技術與教學經驗！課程內容並非隨意製作。另外，沒人可以解答問題是件很痛苦的事情！遇到問題不會用英文表達怎辦？溝通產生誤會很不方便，甚至導致您留下錯誤地理解觀念。

>>因應國內職場環境

看完課程就是要派上用場！課程會因應國內職場需求來做設計。以確保其實用性。

>>其他便利性

購課、退費、發票作帳、平台官方溝通...等瑣碎的重要小事，皆提供許多管道可供選擇，不用煩惱無人能協助解決問題！