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

小至個人簡歷、大至研討會活動的官方網站,越來越多的網站的發跡逐漸證實了一件事:HTML5 / CSS3 / Javascript 提供的互動性完全不亞於 Flash,而使用如 Twitter Bootstrap 等 CSS 框架所製作的網站,不僅能有效傳達重要的訊息,更散發著正式、專業的氣質;其響應式設計(Responsive Web Design, RWD)也能確保網站資訊能在手機、平板電腦與桌上型電腦上提供平順的閱讀體驗。
  隨著雲端運算崛起,Javascript 在互動性高的 Web App 上也扮演著舉足輕重的地位,如 GMail, Facebook 的許多功能,都是透過 Javascript 實作。 jQuery 則可以大幅減輕開發者的開發成本,讓大家可以專心在製作自己想要的功能上。
  這門課將從由基本的架設網站開始,逐步帶領大家走入網頁開發的世界,並依照內容分為基礎班與進階班,適合不同程度與需求的同學來選修,詳細的課程規劃請參考課程大綱。

課程大綱

HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班課程主題

*基礎班課程大綱,共計30小時課程為一期:

主題一:學習架設網站與網頁基本開發
(1)網站架設基礎與開發工具簡介
(2)HTML與CSS 介紹

主題二:網站的版面設計
(3)網頁排版實做介紹
(4)HTML5 與CSS3 介紹

主題三:網頁前端程式基礎
(5)Javascript 與jQuery基礎

主題四:進階版面設計實戰
(6)Bootstrap 網頁排版

課程內容將依照學習狀況進度做調整,亦可斟酌大家的意見追加內容。


**進階班課程大綱,共30小時課程為一期
主題一:HTML5、CSS3 進階
(1)HTML5與CSS3 深入實戰
(2)SASS、SCSS、LESS、Compass介紹

主題二:Javascript Framework 實戰應用
(3)jQuery與jQuery Mobile UI實戰
(4)anjular.js 、react.js 介紹
(5)其他常用framework簡介

其他主題:繪圖與版本管理
(6)HTML5 Canvas繪圖簡介、Github簡介


***HTML系列課程地圖:
1. HTML基礎班→JavaScript網頁設計入門→Javascript進階班→HTML進階班
2. HTML基礎班→HTML進階班→JavaScript網頁設計入門→Javascript進階班

適合對象

無需任何網頁設計基礎,本課程將從0開始教起,程度較佳者或已有Bootstrap相關經驗,建議報名進階班或JavaScript網頁設計入門。

開發環境

使用跨平台編輯器Visual Studio Code做為主要開發環境,此編輯器可安裝於Windows及MacOS的環境下使用。

近期班次

  • 第322期 開課日期:2019.12.10 確定開課

    上課時間:每週(二)(五)
    7:00 PM ~ 10:00 PM
    上課日期:2019.12.10 ~ 2020.01.10
    學費:新生新台幣5000元整

    詳細資訊

  • 第323期 開課日期:2020.01.13 招生中

    上課時間:每週(一)(二)(三)(四)(五)
    9:00 AM ~ 12:45 AM
    上課日期:2020.01.13 ~ 2020.01.22
    學費:新生新台幣5000元整

    備註: 上課日期1/13.1/14.1/15.1/16.1/17.1/20.1/21.1/22
    八次上課;一次上課三小時四十五分

    詳細資訊

  • 第324期 開課日期:2020.02.03 招生中

    上課時間:每週(一)(二)(三)(四)(五)
    1:30 PM ~ 4:30 PM
    上課日期:2020.02.03 ~ 2020.02.14
    學費:新生新台幣5000元整

    詳細資訊

  • 注意事項

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

    講師介紹

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

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

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

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

    (四) 興趣領域:

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

    (五) 專欄文章:

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