Udemy線上課程 用 VueJS 搭配 Firebase 實作一個部落格網站(含教材) 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 用 VueJS 搭配 Firebase 實作一個部落格網站(含教材) 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
內容說明:
身為網頁設計師的你，想要擁有作品轉型成前端嗎？不懂網頁需要有人一步步帶你完成網站。
想要學習 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 部落格：）
課程內容:
?Quiz(build-blog-with-vuejs-and-firebase-cloud).html
01 Vue.js介紹 & 前端頁面建立
001 Vue js課程前言.mp4
002 Demo 使用部落格網站.txt
002 Vue js簡介與Vue官方文件介紹.mp4
002 課程文件整理.txt
003 Vue CDN使用，Vue App Initialization.mp4
004 v-bind 屬性綁定與資料插值.mp4
005 v-model 雙向綁定.mp4
006 v-if 條件渲染與v-for 列表渲染.mp4
007 Methods 方法與事件處理.mp4
008 Computed 計算屬性與 Filters 資料過濾.mp4
009 Watch 監聽資料.mp4
010 Vue-CLI 介紹與環境建置.mp4
011 Vue專案建置、腳手架介紹.mp4
012 Lifecycle - Vue實例的生命週期.mp4
013 Components 組件介紹.mp4
014 Components 組件在Vue-Cli中的使用.mp4
015 利用組件重構首頁與Bootstrap-Vue快速建構基本樣式.mp4
02 後臺介面 ＆ CRUD製作
016 整體網站頁面架構與資料流程.mp4
017 Vue Router 介紹.mp4
018 路由建立與頁面建立.mp4
019 文章頁面與路由傳遞參數.mp4
020 建立404NotFound路由.mp4
021 Vuex 資料控管介紹.mp4
022 Vuex - State 資料狀態.mp4
023 Vuex - Mutations與Actions 改變資料狀態.mp4
024 Vuex - Getters Vuex中的Computed.mp4
025 CRUD功能介紹與撰寫邏輯.mp4
026 CRUD - Create 文章上架功能製作.mp4
027 CRUD - Update 文章更新功能製作.mp4
028 CRUD - Delete 文章刪除功能製作.mp4
03 Firebase ( Cloud Firestore ) 資料庫串接
029 Firebase介紹與文件閱覽.mp4
030 Firebase - Cloud Firestore專案建置與本地端Node.js配置方式.mp4
031 Cloud Firestore資料庫與CRUD的關係.mp4
032 Cloud Firestore - get 讀取資料與 Add 新增資料.mp4
033 Cloud Firestore - Update 更新資料.mp4
034 Cloud Firestore - Delete 刪除資料.mp4
035 Vuex與Cloud Firestore 在畫面中的影響.mp4
04 網站上線 ＆ Firebase ( Host )
036 Vue專案佈署.mp4
037 Firebase Hosting功能介紹與專案配置.mp4
038 Firebase.json調整設定與本地端Server.mp4
039 Firebase Hosting佈署完成網站上線.mp4
相關商品:
Udemy線上課程 初入 Python 的資料網路爬蟲實戰，培養程式化資料蒐集能力 抓取你所需要的網頁資料(含教材) 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 運用前後端 Javascript 熱門代碼庫 React 與流行框架 Next.js 完成一個網站(含教材) 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 像個工程師思考一般開始使用 Google Tag Manager，培養使用追蹤標記的基本概念 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 像個工程師思考一般開始使用 Google Tag Manager，培養使用追蹤標記的基本概念 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 從 Javascript 到 ES6 現代寫法，身為前端開發人員要學習用 ReactJS 建立網頁元件 講師:Happy Coding 快樂學程式 影音教學 中文發音 繁體中文字幕版(DVD版)
