Udemy線上課程 用 VueJS 搭配 Firebase 實作一個部落格網站(含教材) 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程用VueJS搭配Firebase實作一個部落格網站(含教材)講師:HappyCoding快樂學程式影音教學中文發音繁體中文字幕版(DVD版)
內容說明:
身為網頁設計師的你,想要擁有作品轉型成前端嗎?不懂網頁需要有人一步步帶你完成網站。
想要學習VueJS仍沒有時間好好靜下心來學習。
這次參與至該堂課,將是幫助你完成自己部落格網站的契機。
你為什麼需要上這堂課?VueJS是前端必懂三大網頁框架之一,由前Google中國工程師(EvanYou)所開發,除瞭擁有豐富的中文資源以外,更在開發過程中有著89%的開發者滿意度。
作為UI/UX設計師、前端開發者、後端工程師,甚至是剛入門網頁開發的新手都能以簡單的方式進行開發。
其中更包括宣告式語法與MVVM方式,解決以往傳統Javascript是以命令式方式操作DOM文件,進行複雜的處理並且沒有智慧性。
透過雙向綁定的概念,其友善程度會大幅降低對於資料的理解。
本課程將會包含以下內容:這堂課程分為四個大章節。
從基礎VueJS介紹與官網文件做分享,使用開發者常用的編輯器VScode(Windows/Mac皆能安裝使用)去製作一個完整 CRUD 的部落格網站。
上完這堂課,你將擁有自己建置部落格網站的能力,跟著講師一起使用VueJS完成。
在開發一個應用其結構是相當重要的,因此這堂課會教你學習Vuex單向資料流向的結構處理,避免過去資料混亂,而無法駕馭除錯的情形。
並且我們將串接Google提供的雲端服務Firebase去進行網站資料串接。
Firebase提供你儲存資料以及友善的API,對於小型企業/個人都是很好的選擇方案。
串接FirebaseAPI並上線你的部落格,完成你的一個作品。
VueJs基本介紹與運作。
Vuex單向資料流的處理。
FirebaseCloud串接CRUD。
讓網站部署至Firebase,正式上線。
關於這堂課快樂學程式在臺灣擁有超過1000人參與的在地社群活動。
截至2020年我們已經舉辦超過兩年的社群與活動,每個月皆有程式思維相關的聚會與交流,深耕社群並參與推廣工程思維,讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。
這次與Glove推出這堂「用VueJS搭配Firebase實作一個部落格網站」,內容屬於入門並有完整串接實作,從 VueJS到串接部署至FirebaseCloud等一個個逐步講解。
做為上課學員的你可以在裡面跟著一起練習,反覆操作完成一個屬於你的VueJS部落格:)
課程內容:
?Quiz(build-blog-with-vuejs-and-firebase-cloud).html

01Vue.js介紹&前端頁面建立
001Vuejs課程前言.mp4
002Demo使用部落格網站.txt
002Vuejs簡介與Vue官方文件介紹.mp4
002課程文件整理.txt
003VueCDN使用,VueAppInitialization.mp4
004v-bind屬性綁定與資料插值.mp4
005v-model雙向綁定.mp4
006v-if條件渲染與v-for列表渲染.mp4
007Methods方法與事件處理.mp4
008Computed計算屬性與Filters資料過濾.mp4
009Watch監聽資料.mp4
010Vue-CLI介紹與環境建置.mp4
011Vue專案建置、腳手架介紹.mp4
012Lifecycle-Vue實例的生命週期.mp4
013Components組件介紹.mp4
014Components組件在Vue-Cli中的使用.mp4
015利用組件重構首頁與Bootstrap-Vue快速建構基本樣式.mp4

02後臺介面&CRUD製作
016整體網站頁面架構與資料流程.mp4
017VueRouter介紹.mp4
018路由建立與頁面建立.mp4
019文章頁面與路由傳遞參數.mp4
020建立404NotFound路由.mp4
021Vuex資料控管介紹.mp4
022Vuex-State資料狀態.mp4
023Vuex-Mutations與Actions改變資料狀態.mp4
024Vuex-GettersVuex中的Computed.mp4
025CRUD功能介紹與撰寫邏輯.mp4
026CRUD-Create文章上架功能製作.mp4
027CRUD-Update文章更新功能製作.mp4
028CRUD-Delete文章刪除功能製作.mp4

03Firebase(CloudFirestore)資料庫串接
029Firebase介紹與文件閱覽.mp4
030Firebase-CloudFirestore專案建置與本地端Node.js配置方式.mp4
031CloudFirestore資料庫與CRUD的關係.mp4
032CloudFirestore-get讀取資料與Add新增資料.mp4
033CloudFirestore-Update更新資料.mp4
034CloudFirestore-Delete刪除資料.mp4
035Vuex與CloudFirestore在畫面中的影響.mp4

04網站上線&Firebase(Host)
036Vue專案佈署.mp4
037FirebaseHosting功能介紹與專案配置.mp4
038Firebase.json調整設定與本地端Server.mp4
039FirebaseHosting佈署完成網站上線.mp4



相關商品:Udemy線上課程初入Python的資料網路爬蟲實戰,培養程式化資料蒐集能力抓取你所需要的網頁資料(含教材)講師:HappyCoding快樂學程式影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程運用前後端Javascript熱門代碼庫React與流行框架Next.js完成一個網站(含教材)講師:HappyCoding快樂學程式影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程像個工程師思考一般開始使用GoogleTagManager,培養使用追蹤標記的基本概念講師:HappyCoding快樂學程式影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程像個工程師思考一般開始使用GoogleTagManager,培養使用追蹤標記的基本概念講師:HappyCoding快樂學程式影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程從Javascript到ES6現代寫法,身為前端開發人員要學習用ReactJS建立網頁元件講師:HappyCoding快樂學程式影音教學中文發音繁體中文字幕版(DVD版)