JavaScript 程式解題組合包

我們是六角學院，到了現在已經培育出許多網頁開發者並成功進入業界，「JavaScript 程式解題組合包」特別推薦給想深入了解 JS 觀念與應用的開發者。

誰適合這組合？

• 有接觸過 JS，但要自己動手做，常常腦袋一片空白
• 覺得自己 JS 邏輯沒練好，想找題庫來刷題
• 想要累積作品，但前端技術掌握尚不熟悉者

這組合合適的職缺？

• 前端設計師
• 前端工程師

這組合課程如何做學習？

組合包內包含不同的課程內容，「JavaScript 程式解題組合包」包含以下課程：

• The F2E 前端 JS 攻略包
• JavaScript 題目篇 - 新手 JS 地下城

---

The F2E 前端 JS 攻略包

這門課的服務有？

1. 500 分鐘的影片教學
2. 40 組專屬 The F2E 第三屆範例程式碼

這門課的優勢在哪？

介接交通部 TDX API，以景點、自行車路線、公車站牌等資訊，透過 500 分鐘影片，教您如何整合 API，手把手量身帶您做出 JS 效果。

我們同時有舉辦活動，邀請 UI 設計師來繪製專屬 TDX API 的設計稿，超過 200 份 UI 設計稿提供授權，讓您能夠充分練習，授權皆有提供 CC BY 、CC BY NC。

觀看設計師 UI 設計稿

也分享得獎的 UI 設計師作品，也感謝他們的積極參與活動，讓 The F2E 社群有許多設計稿能提供練功：

UI 設計 早餐：台灣旅遊景點導覽

UI 設計 Shiaohan：自行車道地圖資訊整合網

UI 設計 鹽酥G：公車時刻查詢

500 分鐘影片大綱有什麼？

大綱如下，將會以原生 JS ES6 語法，著重在 UI 介面搭配 JS 互動資料整合上。

第一章 觀光旅遊 API 開發

1. 滿版式 Banner 設計
2. Swiper 輪播效果
3. 下拉選單切換縣市 JS 功能
4. TDX filter API 優化篩選流程
5. 旅遊詳細資訊換頁功能
6. 旅遊資訊搭配 Bootstrap 設計 Modal 彈跳效果
7. 分頁功能設計

第二章 自行車道景點導覽功能

1. Leaflet 實用 API 大全
2. 個人座標定位，搭配 Leaflet marker 標記效果
3. 畫線顯示自行車道路線
4. 自行車租借、歸還資料處理
5. 圖文列表+地圖整合資料流規劃

第三章 全台公車動態時刻查詢應用服務

1. 公車 API 講解
2. 搭配站位+即時動態之 API 整合
3. JS setTimeout 定期更新網頁內容
4. 整合外部 Google Map 功能進行路線規劃
5. 設計網址參數，外部網頁連結分享功能

第四章 前端 / UI 薪資圖表設計

1. 詳解 C3.js 圖表設計 API
2. 陣列篩選方法，整合實用資訊
3. 長條圖設計
4. 折線圖設計
5. 圓餅圖設計

第五章 洧杰校長全天 Live Demo

1. 上午場直播錄影
2. 下午場直播錄影
3. 晚上直播錄影

我要試聽課程

---

JavaScript 題目篇 - 新手 JS 地下城

這門課的服務有？

• 15 道前端題目
• 所有題目皆附 UI 設計稿

挑戰題目有？

部分關卡設計稿

1F - 9x9 乘法表

5F - 全台空氣指標儀表板

14F - 線上求籤

接下來還可以投入哪個方向？

• 投入不同的 JavaScript 框架運用，增加職場競爭力
• 學習 Node.js，掌握前後端開發技能
• 學習 UI ，培養美感設計出具有價值的網頁

報名這組合課程，讓您一次擁有

• 40 道程式解題題目，一次練個過癮
• 700 分鐘的影音課程，手把手帶你學會