The F2E 前端 JS 攻略包

為什麼出這堂課？

我們發現許多參賽者，單純寫 JS 語法沒問題，但很難看著 UI 介面實作 JS 功能。本課程就在解決這問題：

1. 帶您看著 UI 設計稿，做出第三屆 The F2E 的 JS 互動功能
2. 一開始不知從何下手？講解多個關卡案例，逐步培養程式邏輯

攻略包裡面有哪些服務？

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

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. 晚上直播錄影

我要試聽課程

講者是誰？

六角學院校長 / 洧杰

Udemy 超過 5000 顆五星 JS 課程評價

協助 1000 位以上學員，成功轉職為前端工程師

課程註冊價 NT$ 2,199

立即註冊去

完整課程直播說明

常見QA

Q：這門課會教基礎 JS 嗎？
A：不會，這篇著重實作為主， 讓您看到 UI 介面能理解如何實作 JS 功能。

Q：JS 基礎需要到什麼程度
A：至少要會 JS 變數、陣列物件、函式、DOM、事件監聽、AJAX 等。

Q：我有看完 JavaScript 必修篇 - 前端修煉全攻略課程，有到門檻嗎？
A：有的，這樣基礎已足夠。

Q：我沒這門課程，但想確認自己基礎夠不夠，有辦法辨識嗎？
A：有的，這裡的題目若能答對 60 題，就沒問題。