HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班下集

2009年 Node.js 初次被釋出在Linux上,從此前端開發的領域進入了一個新的時代,也因為Node.js,程式設計師可以使用JavaScript做到全端(full stack)的開發,也使得JavaScript的重要性大幅的提升,時至今日已經有各式各樣的服務基於Node。作為現在才要進入成為前端工程師的夥伴們,Node.js是必然必須學習的技術,因此中級班的課程將延續自基礎班,從基礎的JavaScript到Node.js相關的知識都將在本課程中做一個簡短的介紹。

課程大綱

本課程將由JavaScript開始,並藉由Node.js學習現今JavaScript的開發方式

第一堂 建置開發環境、認識開發工具操作方法
第二堂 JavaScript 基礎入門 (1):變數宣告、資料型別、函數使用
第三堂 JavaScript 基礎入門 (2):條件控制、迴圈、網頁元件事件綁定
第四堂 JavaScript 進階概念 (1):物件與陣列、JSON資料的處理
第五堂 JavaScript 進階概念(2):JavaScript資料非同步處理,如何從後端API取得資料
第六堂 使用套件開發:學習如何使用jQuery
第七堂 結合網頁存儲API應用:實作一個簡單的網站購物車
第八堂 串接Firebase相關服務API實現動態資料網站
第九堂 透過Node.js開發網站:學習Express框架建置網站
第十堂 總結暨成果發表

適合對象

本課程屬「HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班」的中級課程,因此適合以下的對象報名學習(符合以下其一項目即可):
1. 已上過本班的「HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班」課程並結業。
2. 已了解HTML與CSS的使用規則,並能搭配Bootstrap製作網頁。

為了讓同學們學習與除錯的效率更佳,建議可攜帶筆記型電腦參與課程。

開發環境

1. Firebase
2. Git
3. Google Chrome瀏覽器除錯工具
4. Node.js
5. NPM
6. Postman
7. Terminal
8. Visual Studio Code

近期班次

注意事項

  • 上課地點:台灣大學資訊工程學系系館 詳細位置;教室號碼將於開課前一日公佈於官網"最新消息"中。
  • 上課教材:開課後將公布教學網站給同學查閱。
  • 結業狀況:請上官網”結業名單”查閱是否合格及可領取證書進度。

講師介紹

國立臺灣科技大學工商業設計系學士學位

(一) 個人網站:
https://enn.design

(二) 經歷:
Kyosei.ai - 前端工程師 (現職)
Uninus 合一系統整合科技 網站設計與前端開發
台北市政府春遊補助管理系統開發
LINE HACK 2018 入選前十強
緯創資通股份有限公司價值創新中心
京尚股份有限公司
微星科技工業設計中心

(三) 教學經歷:
1.國立臺灣大學資訊系統訓練班授課時數累計至2019年6月1日為1,460小時;
擔任:Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、Python Flask動態網站與聊天機器人實作班課程講師、React Native開發入門班課程講師、Sketch 3 基礎專題班課程講師
2.國立臺灣大學-文學數位應用與實作課程講師
3.國立宜蘭大學-RWD網頁設計與專題實作研習課程講師
4.國立宜蘭大學-Python程式設計與專題實作研習課程講師

(四) 興趣領域:

使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、Python、Node.js

(五) 專欄文章:

1. 使用Node.js建置你的第一個LINE BOT
2. 使用VSCode外掛自動編譯SASS/SCSS