JavaScript 程式解題組合包

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

誰適合這組合?

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

這組合合適的職缺?

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

這組合課程如何做學習?

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


程式解題密室逃脫 - 你要留下,還是塊陶

這門課的服務有?

  1. 25 道程式解題,每題皆含任務批改
  2. 200 分鐘影音內容
  3. 專屬 Discord 頻道參與討論
  4. 解題通關,將贈與完賽獎狀

這門課的優勢在哪?

量身打造的 25 道題目,滿足你刷題慾望,在短短開課一個月後,就締造超過 1,000 人次攻略題目成功。

解題列表1

解題列表2

解題卡關時,也提供專屬討論頻道發問並尋找攻略
解題討論

這堂課能研究到的 JS 與前端知識點有:

JavaScript
  • Chart.js 圖表套件整合與資料處理
  • D3.js 繪製 SVG 台灣地圖
  • draggable.js 拖拉功能設計
  • moment.js 時區轉換設計
  • flatpickr.js 日曆設計效果
  • cropper.js 裁切圖片、浮水印設計
  • JS canvas + CSS3 animation 尾牙抽獎轉盤設計
  • audio MP3 音樂播放器製作
  • Postman API 操作管理
前端綜合
  • API CORS 狀況排錯
  • NVM Node.js 版本切換
  • 瀑布流排版效果
  • Google app script 開 API
  • Google pagespeed 偵測網頁效能
  • SEO 技巧
  • RWD 響應式網頁設計
  • 無障礙網頁開發 AA 標章
  • Google 表單樣式設計
軟體開發與其他
  • Docker 容器化技術建立後端環境
  • HMAC SHA256、Base 64 加密
  • Wordpress 架站
  • Git 團隊協作,發 PR

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 設計稿

THE F2E

也分享得獎的 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 分鐘的影音課程,手把手帶你學會

我想學 JS 程式解題

JS 地下城

與勇者們一起攻略 15 道 JS 實作關卡,透過彼此之間的範例程式碼,讓你對 JS 應用融會貫通。

程式解題

為前端量身打造 25 道實務情境題,模擬軟體公司的工作內容,讓您更有自信挑戰軟體職場環境!

THE F2E 前端攻略包

講解第三屆 The F2E 多個關卡案例,包含 UI 設計稿拆解、JS 互動功能等,逐步培養程式邏輯。

原價 NT$ 8,398

NT$ 6,298