The F2E 前端 JS 攻略包
為什麼出這堂課?
我們發現許多參賽者,單純寫 JS 語法沒問題,但很難看著 UI 介面實作 JS 功能。本課程就在解決這問題:
- 帶您看著 UI 設計稿,做出第三屆 The F2E 的 JS 互動功能
- 一開始不知從何下手?講解多個關卡案例,逐步培養程式邏輯
攻略包裡面有哪些服務?
- 500 分鐘的影片教學
- 40 組專屬 The F2E 第三屆範例程式碼
500 分鐘影片大綱有什麼?
大綱如下,將會以原生 JS ES6 語法,著重在 UI 介面搭配 JS 互動資料整合上。
第一章 觀光旅遊 API 開發
- 滿版式 Banner 設計
- Swiper 輪播效果
- 下拉選單切換縣市 JS 功能
- TDX filter API 優化篩選流程
- 旅遊詳細資訊換頁功能
- 旅遊資訊搭配 Bootstrap 設計 Modal 彈跳效果
- 分頁功能設計
第二章 自行車道景點導覽功能
- Leaflet 實用 API 大全
- 個人座標定位,搭配 Leaflet marker 標記效果
- 畫線顯示自行車道路線
- 自行車租借、歸還資料處理
- 圖文列表+地圖整合資料流規劃
第三章 全台公車動態時刻查詢應用服務
- 公車 API 講解
- 搭配站位+即時動態之 API 整合
- JS setTimeout 定期更新網頁內容
- 整合外部 Google Map 功能進行路線規劃
- 設計網址參數,外部網頁連結分享功能
第四章 前端 / UI 薪資圖表設計
- 詳解 C3.js 圖表設計 API
- 陣列篩選方法,整合實用資訊
- 長條圖設計
- 折線圖設計
- 圓餅圖設計
第五章 洧杰校長全天 Live Demo
- 上午場直播錄影
- 下午場直播錄影
- 晚上直播錄影
講者是誰?

六角學院校長 / 洧杰
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 題,就沒問題。