用 VueJS 搭配 Firebase 實作一個部落格網站

身為網頁設計師的你，想要擁有作品轉型成前端嗎？不懂網頁需要有人一步步帶你完成網站。想要學習 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 部落格：）