• 課程時長

    9 小時 49 分

  • 課程級別

    中階

  • 授課語言

    中文

這堂課你將會學到

  • 學習進階開發技巧：陣列迴圈、陣列操作、字串處理等，操作資料才是王道
  • 學習 JSON 應用，瞭解如何串聯伺服器與瀏覽器
  • 攻略 axios 完成非同步處理使用
  • 帶您無痛升級 ES6 超好用的開發技巧
  • 學習前後端分離，成為後端工程師的好隊友
  • 最簡單的方式去規劃程式架構
  • 最後告訴你，千萬不要這樣寫 code

章節目錄

  • 1

    第 1 章 開發好用工具篇

    • 單元 1 - 範例下載

    • 單元 2 - vscode 就是讚

    • 單元 3 - vscode外掛介紹
  • 2

    第 2 章 陣列與物件 : 複雜資料進階篇

    • 單元 1 - 什麼是物件?

    • 單元 2 - 常見物件的使用方法

    • 單元 3 - 陣列包物件

    • 單元 4 - 陣列迴圈應用 - 1

    • 單元 5 - 陣列迴圈應用 2-1

    • 單元 6 - 陣列迴圈應用 2-2

    • 單元 7 - 陣列迴圈應用 2-3

    • 單元 8 - 陣列迴圈應用 2-4

    • 單元 9 - 資料格式的基本觀念

    • 單元 10 - Function的回傳 - 1

    • 單元 11 - Function的回傳 - 2

    • 單元 12 - 操作資料才是王道 1

    • 單元 13 - 操作資料才是王道 2

    • 單元 14 - 操作資料才是王道 3-1

    • 單元 15 - 操作資料才是王道 3-2

    • 單元 16 - 陣列進階操作 forEach() - 1

    • 單元 17 - 陣列進階操作 forEach() - 2

    • 單元 18 - 陣列進階操作 forEach() - 3

    • 單元 19 - this你在哪?

    • 單元 20 - 陣列進階操作 filter()

    • 單元 21 - 陣列進階操作 every()

    • 單元 22 - 陣列進階操作 map()

    • 單元 23 - 陣列進階操作總結
  • 3

    第 3 章 進階字串處理篇

    • 單元 1 - 字串前後去除空白trim

    • 單元 2 - 分割字串 slice

    • 單元 3 - 變換英文字母大小寫 - 1

    • 單元 4 - 變換英文字母大小寫 - 2

    • 單元 5 - 字串反轉

    • 單元 6 - 字串取代replace

    • 單元 7 - 取得字串位置indexOf

    • 單元 8 - 取得字串位置indexOf - 2

    • 單元 9 - 數字千分位符號
  • 4

    第 4 章 非同步處理篇

    • 單元 1 - 前後端分離

    • 單元 2 - 什麼是 api ?

    • 單元 3 - 什麼是非同步?

    • 單元 4 - JSON 介紹與應用

    • 單元 5 - 什麼是get? 什麼是post?

    • 單元 6 - 非同步工具 axios

    • 單元 7 - JSON 與 FormData

    • 單元 8 - 非同步資料動態渲染列表實作

    • 單元 9 - 常見的HTTP狀態碼 - 1

    • 單元 10 - 常見的HTTP狀態碼 - 2

    • 單元 11 - 跨網域存取CORS

    • 單元 12 - instagram hashtag 搜尋頁 - 1

    • 單元 13 - instagram hashtag 搜尋頁 - 2

    • 單元 14 - instagram hashtag 搜尋頁 - 3

    • 單元 15 - instagram hashtag 搜尋頁 - 4

    • 單元 16 - instagram hashtag 搜尋頁 - 5

    • 單元 17 - instagram hashtag 搜尋頁 - 6

    • 單元 18 - instagram hashtag 搜尋頁 - 7

    • 單元 19 - instagram hashtag 搜尋頁 - 8

    • 單元 20 - instagram hashtag 搜尋頁 - 9
  • 5

    第 5 章 共用組件載入篇

    • 單元 1 - 非同步載入共用組件

    • 單元 2 - 程式流程控管
  • 6

    第 6 章 網址兩三事篇

    • 單元 1 - 網頁轉址與重整

    • 單元 2 - 開新視窗

    • 單元 3 - 網址GET參數

    • 單元 4 - 轉址帶參數注意事項
  • 7

    第 7 章 正規表達式入門篇

    • 單元 1 - 什麼是正規表達式?

    • 單元 2 - 匹配

    • 單元 3 - 模糊匹配

    • 單元 4 - 檢查是否輸入大寫英文

    • 單元 5 - 修飾符

    • 單元 6 - 頭尾

    • 單元 7 - 頭尾 - 2

    • 單元 8 - 方括號與大括號

    • 單元 9 - 使用網路上現有的正規表達式
  • 8

    第 8 章 ES6升級指南篇

    • 單元 1 - let 與 const

    • 單元 2 - 解構賦值

    • 單元 3 - 展開運算子Array

    • 單元 4 - 展開運算子 Object

    • 單元 5 - 字串模板

    • 單元 6 - 箭頭函式 - 1

    • 單元 7 - 箭頭函式 - 2

    • 單元 8 - function 預設值
  • 9

    第 9 章 JavaScript模組化入門篇

    • 單元 1 - nodejs 環境安裝

    • 單元 2 - Parceljs - 高版本 JavaScript 轉換

    • 單元 3 - Import and Require
  • 10

    第 10 章 javascript 的矯正姿勢篇

    • 單元 1 - coding style

    • 單元 2 - 波動拳 & if else 撰寫重點

    • 單元 3 - 如何簡單去規劃程式架構

    • 單元 4 - 千萬不要這樣寫code - 10個必知的JavaScript寫作技巧
  • 11

    第 11 章 課堂總結

    • 單元 1 - 最後的最後
  • 12

    第 12 章 課後輔導

    • 單元 1 - Pass by value 還有 Pass by reference

    • 單元 2 - 淺拷貝與深拷貝

    • 單元 3 - 在開始寫code之前