AJAX API 網頁前端課程
JavaScript AJAX & API 資料串接教學課程
網頁前後端分離,是一個時代的趨勢,而後端提供了各式各樣的資料,使用前端 AJAX 和 API 技術串接資料,便能讓你的程式充滿變化性!
例如:外送交通服務串接 Google Maps 資料、Facebook串接、購物車串接銀行資料、新聞服務串接氣象局的資料來即時提供天氣資料...
JavaScript AJAX & API 資料串接課程 【週六班】
- 課程教學日期:2021 年 4 月 24 日 ~ 5 月 1 日
- 課程教學日期:4/24、5/1
- 課程教學時間:星期六 / 早上 10:00 ~ 1:00 、 下午 2:00 ~ 5:00
JavaScript AJAX & API 網頁前端教學課程 - 課程資訊
- 【 新生報名特價 5800 / 舊生會員特價 5200 】限時特價:付現金再折 200 元
- 付款方式:開課當天現場繳費【 現金 / 刷卡 / 匯款 / 支票 】
- 教學時數:每堂課 3 小時 / 共 4 堂課 / 共 2 週
- 教學教材:前端程式教學講義 / 前端程式範例原始檔
- 上課地點:飛肯台北教室 【教室照片】【Google地圖】
- 聯絡電話:(02) 2370-1122
JavaScript AJAX & API 網頁前端教學課程 - 課程報名資格
- 1. 本課程是 JavaScript 的中階課程不適合完全沒有接觸過 JavaScript 前端程式的人
- 2. 必須先俱備 JavaScript ES6 的程式觀念和能力(課程推薦「JavaScript ES6 前端工程師課程」)
- 3. 必須會使用 JavaScript 「陣列」和「物件」變數型態
JavaScript AJAX & API 網頁前端教學課程 - 課程介紹
飛肯講師來自業界在職高手中的高手,老師上課時會帶著同學實做練習,課堂有很多的前端設計教學範例,老師隨側指導同學,解說再練習,學習效果佳,教學口碑看得到!練熟之後就可以應用在你的工作上喔!
主管交代要為自家電商平台串接金流系統,或者想要為實體店面的網頁加上一個 Google map,又或者只是單純想成為一個,能夠與後端順利溝通的前端工程師?
網頁前後端分離,已經是一個時代的趨勢,而後端提供了各式各樣的資料,只要前端懂得如何串接 API,便能夠讓你的程式充滿變化性!例如:許多外送或交通服務使用 Google Maps 的資料、購物車系統會串接銀行的資料、新聞服務可以串接氣象局的資料來即時提供天氣資料。
本課程會教你:
- ☆ 如何與後端串接開發?
- ☆ 如何使用 API 打造真正的動態網站?
- ☆ 如何串接第三方(如 Youtube、Facebook、Google)的資料,納為己用?
- ☆ Ajax、API => 與後端溝通的基礎
- ☆ http request => 徹底了解網路傳輸的原理
- ☆ 第三方 API 串接 => 讓自己的程式站在巨人的肩膀上
如果你非常熱愛網頁前端,也期許自己能夠成為獨當一面的「前端」工程師,那麼,有多擅長與「後端」溝通,就是你無可取代的價值。
JavaScript AJAX & API 網頁前端教學課程 - 課程大綱
老師會因應職場的需求變化,做課程內容和範例的即時調整與修改,確保本課程的實用性和即時性。
【教學主題一】 AJAX 與 API 串接必備知識
- 陣列及實戰常用方法
- 物件及實戰常用方法
- JSON 資料結構
- 「同步」與「非同步」的差異
- AJAX 基本知識
- AJAX 與現代網頁
- SPA API 基本知識
- 什麼是 Restful API
【教學主題二】 AJAX 串接後端 - 實戰演練
- 前端與後端之間的橋樑
- ES6 Promise 介紹
- 使用 ES6 fetch 實作 AJAX
- 如何存取與使用 API
- 從假資料到真資料
- 自己打造 API
- 應用開發人員工具提升開發效率
【教學主題三】 串接第三方 API
- 什麼是第三方 API
- 各領域第三方 API 大整理
- 實際應用範例介紹
- 口罩地圖、台鐵訂票
- 網路請求的種類 - GET、POST
- 搞懂常見的 200、404 狀態碼
- 什麼是 CRUD
- 網路請求(request)與回應(response)
【教學主題四】 串接第三方 API 實戰練習
- API 如何驗證與授權 - 生活化舉例
- 一次看懂串接需要的資料與格式
- 清楚看懂 API 文件
- API 金鑰(key)申請
- 整理並美化第三方資料
- 處理 Ajax 錯誤情況