中文課程 - 用 VueJS 搭配 Firebase 實作一個部落格網站

Contents

學習使用 Vue.js 開發網站，建立你的作品集/部落格網站。從基礎開始到上架至 Firebase Cloud （繁中)

從這 8.5 小時的課程，你會學到

VueJS 概念與完整教學
學會使用 Vue 串接 Firebase Cloud API
使用 Vue Cli 起手專案
學習單向資料流 Flux 概念
用 Vuex 匯入資料流向
建置一個 CRUD 的部落格

要求

不需要嚴謹的程式背景，願意思考學習
有操作 Mac/Windows 電腦的基礎
具備快樂學習的心情與一個假日
具有 HTML, CSS 觀念，有操作過 JavaScript

課程說明

身為網頁設計師的你，想要擁有作品轉型成前端嗎？不懂網頁需要有人一步步帶你完成網站。想要學習 VueJS 仍沒有時間好好靜下心來學習。這次參與至該堂課，將是幫助你完成自己部落格網站的契機。

你為什麼需要上這堂課？

VueJS 是前端必懂三大網頁框架之一，由前 Google 中國工程師(Evan You)所開發，除了擁有豐富的中文資源以外，更在開發過程中有著 89% 的開發者滿意度。作為UI/UX設計師、前端開發者、後端工程師，甚至是剛入門網頁開發的新手都能以簡單的方式進行開發。其中更包括宣告式語法與 MVVM 方式，解決以往傳統 Javascript 是以命令式方式操作 DOM 檔案，進行複雜的處理並且沒有智慧性。透過雙向繫結的概念，其友善程度會大幅降低對於資料的理解。

本課程將會包含以下內容：

這堂課程分為四個大章節。從基礎 VueJS 介紹與官網檔案做分享，使用開發者常用的編輯器 VScode（Windows/Mac 皆能安裝使用）去製作一個完整 CRUD 的部落格網站。上完這堂課，你將擁有自己建置部落格網站的能力，跟著講師一起使用 VueJS 完成。在開發一個應用其結構是相當重要的，因此這堂課會教你學習 Vuex 單向資料流向的結構處理，避免過去資料混亂，而無法駕馭除錯的情形。並且我們將串接 Google 提供的雲端服務 Firebase 去進行網站資料串接。Firebase 提供你儲存資料以及友善的 API，對於小型企業/個人都是很好的選擇方案。串接 Firebase API 並上線你的部落格，完成你的一個作品。

VueJs 基本介紹與運作。
Vuex 單向資料流的處理。
Firebase Cloud 串接 CRUD 。
讓網站部署至 Firebase，正式上線。

課程更新

目前團隊正在處理字幕的部分，將在完成後上架中文字幕。如有迫不及待想製作一個屬於自己的部落格網站，歡迎提前加入，本課程內容適合懂「華語/普通話」的學習者參加，我們會使用「繁體中文」，如您是其他國家的學員，歡迎訊息，我們將在日後納入「英文」版本的製作。快樂學程式為新創教育團隊，如您對我們的課程有興趣請以行動支援我們，給予我們鼓勵與分享，有你們的學習與投入，我們會製作更好的內容與經營在地社群，一起快樂學程式！

關於這堂課

快樂學程式在臺灣擁有超過 1000 人參與的在地社群活動。截至 2020 年我們已經舉辦超過兩年的社群與活動，每個月皆有程式思維相關的聚會與交流，深耕社群並參與推廣工程思維，讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。這次與 Glove 推出這堂「用 VueJS 搭配 Firebase 實作一個部落格網站」，內容屬於入門並有完整串接實作，從 VueJS 到串接部署至 Firebase Cloud 等一個個逐步講解。做為上課學員的你可以在裡面跟著一起練習，反覆操作完成一個屬於你的 VueJS 部落格：）