飛霆設計學院:課程介紹
JavaScript
什麼是 JavaScript?
高階、解釋型的程式語言,主要用於網頁開發,應用於在網頁中增加互動性。隨著網站與閱讀習慣發展,JavaScript 已經成為前端開發中不可或缺的一部分。
- 特性:用於實現網頁的互動功能,可以在瀏覽器和伺服器端運行
- 應用:前端開發(動態網頁、互動式網站)、後端開發(Node.js)
- 適合對象:對網頁開發有一定基礎的學生,能讓網頁更具互動性
為什麼要學習 JavaScript?
功能強大且靈活的語言,尤其是在瀏覽網頁時看到有類似動畫效果的功能便是從JavaScript作出來的,而且還是C語言的語法架構。它可以用來操控HTML和CSS,動態更新網頁內容,還能延伸開發桌面應用、遊戲開發…等。
JavaScript 課程特色
互動式編程練習
創建互動按鈕、設計動態效果、製作簡單遊戲、執行測試自己的程式碼
創造性專題項目
互動式網頁應用、設計動態表單,遊戲開發
高度互動教學
利用互動教學開放在線平台,課程討論、問答交流
前沿技術與設計
掌握新技術學習ES6新特性、Fetch API、響應式設計
動態網頁設計
使用CSS動畫和JavaScript進行動態效果設計
綜合能力提升
邏輯思維+創造力+團隊合作+溝通能力+技術與知識
JavaScript 入門班
掌握JavaScript的基本概念和技術,能夠製作簡單的互動網頁
1.
課程介紹
- 課程目標與介紹
- JavaScript 應用展示
2.
JavaScript 基礎知識
- 什麼是 JavaScript?
- 變數與資料型態
- 運算符號與表達式
- 條件語句
- 迴圈
3.
函數與事件處理
- 函數的定義與使用
- 事件處理
- 事件綁定與監聽
4.
DOM 操作
- 什麼是DOM?
- DOM元素選取與操作
- 改變元素樣式
- DOM 事件處理
5.
綜合應用與項目實踐
- 項目規劃與設計
- 項目開發
JavaScript 應用班
掌握進階JavaScript技術和物件導向程式設計,能夠開發複雜的互動網頁應用
1.
課程介紹與回顧
- 回顧入門課程
- 進階課程目標與介紹
2.
進階函數
- 高階函數
- 閉包與作用域
- 箭頭函數
3.
物件導向程式設計
- 物件與類別
- 繼承與多型
- 封裝與模組化
4.
瀏覽器 API 與 Ajax
- 瀏覽器 API
- Ajax 與 Fetch API
5.
進階DOM操作
- 動態創建與刪除元素
- 動畫與過渡效果
6.
綜合項目實踐
- 項目選擇與規劃
- 項目開發
JavaScript 完課之後
要讓網頁展現更生動效果與可能性,除了HTML、CSS,還需加上JavaScript。
前端開發工程師、網頁設計師、前端 UI/UX 設計師