Front-End Examples
本專案是帽子哥(張元鴻)在台大系統訓練班所開設的課程「HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班 (上下)」所提到的上課範例。
- HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班 上
主要著重在HTML，CSS，與Bootstrap - HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班 下
主要著重在JavaScript，jQuery與 Firebase。
這堂課希望大家深入了解基礎語法，並且透過完成一個專題，來幫助自己學以致用。
基礎上 課程大綱
主題一：網頁基本開發
第一週：
- 網站架設基礎與開發工具簡介
- HTML與CSS 介紹
第二週：HTML5 與CSS3 介紹
主題二：網站的版面設計
- 第三週：網頁排版實做介紹
- 第四週：Bootstrap 網頁排版
主題三：網頁前端程式基礎
- 第五週：Javascript 與jQuery基礎
基礎下 課程大綱
本課程將由JavaScript開始，並藉由 Firebase 學習如何使用無伺服器服務，快速打造自己的Prototype
- 第一堂 建置Node.js開發環境
- 第二堂 JavaScript 基礎入門 (1)：變數宣告，函數使用
- 第三堂 JavaScript 基礎入門 (2)：條件控制與迴圈使用
- 第四堂 JavaScript 進階概念：物件的使用，JSON資料的處理
- 第五堂 使用套件開發：學習如何使用jQuery
使用 Firebase 打造即時聊天室與購物車
- 第六堂 Firebase 與 Google Cloud Firestore 資料庫簡介
- 第七堂 Firebase Authetication 實作登入系統
- 第八堂 Firebase Storage 檔案上傳
- 第九堂 Nodejs、Express 與 Firebase Admin API 第十堂 總結暨成果發表