Vue.js & Nuxt.js 前端網站應用開發入門

在現代流行的開源網站開發技術中,Vue.js與Nuxt.js已是在網站開發領域相當知名且廣受開發者們關注的前端框架。在這門30小時的課程中,我們會從最基礎的入門知識開始逐步認識前端框架技術,學習如何有效地利用Vue.js的特性管理並設計多頁面共用的前端元件、設計路由邏輯、換頁轉場特效。

除基本的Vue.js技術知識外,我們也將學習如何使用基於Vue.js之上用以解決伺服器渲染(Server-Side Rendered)的Nuxt.js框架,並同時整合電子信箱、Google註冊登入、Firebase Cloud Firestore資料庫存取與Google Map JavaScript API等常見的第三方服務API設計出一個具多功能的動態資料網站。

課程大綱

1. 開發環境設定
2. Vue.js基本知識認識
3. 認識MVVM概念
4. 動態屬性配置與雙向綁定
5. 共用元件設計與資料傳遞
6. 認識生命週期事件
7. Nuxt.js架構與伺服器渲染
8. 認識Nuxt專案結構:頁面、排版與元件
9. 換頁漸進動畫效果設計
10. 應用實例製作(1):旅遊社群網站設計
11. 應用實例製作(2):即時客服聊天視窗系統設計
12. 整合Firebase Authentication API 實作電子信箱與Google登入
13. 整合Firebase Cloud Firestore API實作資料存取
14. 整合Google Map JavaScript API置放動態資料地圖
15. 部署應用與版本管理

適合對象

適合具有基本HTML, CSS, JavaScript基礎知識的學員。
對於前端Vue.js & Nuxt.js框架應用感興趣的學員。

開發環境

Visual Studio Code
Node.js
Chrome 瀏覽器
Git

近期班次

  • 第335期 開課日期:2020.10.14 確定開課

    上課時間: 週 (三)(六)
    7:00 PM ~ 10:00 PM
    上課日期:2020.10.14 ~ 2020.11.14
    學費:新生新台幣5000元整

  • 注意事項

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

    講師介紹

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

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

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

    (三) 教學經歷:
    1.國立臺灣大學資訊系統訓練班授課時數累計至2020年8月1日為2,290小時;
    擔任:Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、Python Flask動態網站與聊天機器人實作班課程講師、React Native開發入門班課程講師、Sketch 3 基礎專題班課程講師
    2.國立臺灣大學:文學數位應用與實作課程合作講師
    3.國立臺灣大學:文學編輯的當代型態與數位實作網頁開發技術課程合作講師
    4.國立宜蘭大學:微學分課程Python程式設計與網頁爬蟲應用程式實作課程講師
    5.國立宜蘭大學:RWD網頁設計與專題實作研習課程講師
    6.國立宜蘭大學:Python程式設計與專題實作研習課程講師
    7.哈瑪星科技:jQuery基礎程式設計應用與開發、Sass & Scss網頁設計切版課程講師
    8.中華民國國防部:React Natvie程式設計課程講師

    (四) 興趣領域:
    使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、Python、Node.js、React Native應用開發。

    (五) 專欄文章:
    1. 使用Node.js建置你的第一個LINE BOT
    2. 使用VSCode外掛自動編譯SASS/SCSS