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 部落格:)
目標受眾
- 對前端開發有興趣,並有聽過 VueJS
- 對完整建立一個部落格有興趣
- 嘗試接觸串接 API 對完成一個作品動力
講師簡介
Happy Coding 快樂學程式 Grow up digital skills like an Engineer. 建立工程思維,提升數位能力第一站。
Using Engineering Thinking build up digital nomads skill.
快樂學程式成立於 2017 年,希望能提供給非本科系與相關領域的學生以及工作者們一個友善學習程式的平臺,幫助大家培養工程思維以及邏輯思維,運用在解決工作上以及生活中的各種大小事。
工程思維為建立解決方法中的邏輯化思考。例如處理你的支出報告,你減少非需要支出,增加你的可動用資產。這時候會需要紀錄你每月份的支出與收入並在適當的軟體工具上建立你的收支紀錄,透過收支紀錄組織每月的標準支出。可以從影象流程化列點出步驟、要點、目標後進而找出改善方式,以達成解決問題的方法。
建立良好的工程思維會幫助你更好、快速地組織出問題的解決辦法。運用系統化思考與流程化條列,提升你溝通與組織問題的能力,在數位化時代是相當重要的技能,同時,我們將推出更多的課程幫助提升數位能力。
提升數位化專長不再只是空談。快樂學程式舉辦每月的工作坊,並與社群舉辦主題社群小聚,讓喜愛網路生活與增加數位能力的數位住民更多的機會與舞臺交流,快樂輕鬆地建立你的工程思維與解決問題的軟實力技能。
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT490 起特價中 ) | 大多地區 ✨ 優惠連結 ✨( NT390 起特價中 )| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- VueJS 程式設計學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
你必須登入才能發表留言。