Build Web Apps with Vue JS 2 & Firebase
Best Rated Udemy Course 2019
272

Signup to Download

What you'll learn
  • Get in-depth knowledge of Vue JS & Firebase from the ground up
  • Build & deploy 3 real-world web apps with Vue JS & Firebase
  • Learn about & implement Firebase authentication into Vue JS web apps
  • Use other Firebase services such as a Firestore database, Cloud Functions & Hosting
Course content

– Introduction
  • Introduction
  • Course Files

  • Text Editor Setup

– Vue.js Basics
  • What is Vue.js?
  • Setting up Vue.js (the simple way)
  • The Vue Instance
  • Methods
  • Data Binding
  • Events
  • The Event Object
  • Keyboard Events
  • Two-way Data Binding (v-model)
  • Modifiers
  • Conditional Output with v-if
  • Looping with v-for

– The Vue CLI
  • The Vue CLI
  • Components & Vue Files
  • The data() Function
  • Nesting Components
  • Scoped CSS
  • Passing Data with Props
  • Custom Events
  • Life-cycle Hooks
  • Making Requests with Axios
  • Filters
  • Computed Properties (custom search box)

– The Vue Router
  • What is the Vue Router?
  • Setting up Routes
  • Router Links
  • Route Parameters
  • Watching the $route Object
  • More on Router Links
  • Programmatically Redirecting Users
  • Hash vs History Mode
  • Styling Active Links
– Project One - Ninja Smoothies
  • Project Preview & Setup
  • Project Structure
  • Material Design
  • Navbar Component
  • Index Component
  • Deleting (local) Data
  • Introduction to Firebase
  • Setting up Firestore
  • Installing Firebase
  • Retrieving Firestore Data
  • Deleting Firestore Data
  • Add Smoothie Component
  • Adding Ingredients
  • Outputting Ingredients
  • Saving Records to Firestore
  • Deleting Ingredients
  • Edit Smoothie Route
  • Firestore Queries
  • Edit Smoothie Form
  • Updating Firestore Records
  • Deploying to Firebase
  • Project Review

– Project Two - Real-Time Chat App
  • Project Overview & Setup
  • Project Structure
  • Processing..
  • Firestore Setup
  • Making a Welcome Screen
  • Passing Props Via Routes
  • Route Guards
  • Creating the Chat Window
  • New Message Component
  • Adding Messages to Firestore
  • Real-Time Events (event listeners)
  • Formatting Times with Moment
  • Auto-scrolling
  • Deploying the App
  • Project Review

– Project Three - Geo Ninjas
  • Project Overview & Setup
  • Project Structure
  • Setting up Firebase
  • Navbar Component
  • Map Component
  • Google Maps API
  • Creating a New Map
  • Creating a Signup Page
  • Firebase Auth & Data Structure
  • Checking if an Alias exists
  • Signing up a User
  • Creating Firestore User Records
  • Wrapping the Vue Instance
  • Logging a User Out
  • Login Component
  • Logging Users In
  • Geolocation API
  • Updating a User’s Location
  • Route Guarding (auth)
  • Conditional Navbar Links
  • Ninja (map) Markers
  • User Profiles
  • User Comments (data discussion)
  • Adding Comments
  • Showing Comments (Real-Time)
  • Some Final Styles
  • Deploying the app

–Firebase Cloud Functions
  • What Are Cloud Functions?
  • Creating a Simple Callable Function
  • Calling a Function
  • Intro to Firebase Rules
– ES6 & Extras
  • ES6 Arrow Functions
  • ES6 Promises
  • Imports and Exports
  • JavaScript Filter Method
– BONUS: Vue CLI 3
  • Vue CLI 3 Introduction
  • Using the new Vue CLI
  • The CLI Service
  • Custom Presets
  • Adding Plugins
  • Build & Deploy to Firebase
  • Instant Prototyping
  • Build Targets (Making a Web Component)
  • Using Web Components
  • The Vue GUI (part 1)
  • The Vue GUI (part 2)
  • Using 'vue init' with the New CLI
Requirements
  • A basic understanding of HTML, CSS & JavaScript
  • ES6 Knowledge is advantageous
  • An appreciation of AJAX is a plus but not essential

Description

If you're looking to get started building full-stack applications with Vue JS and Firebase, then look no further. In this course I'll take you from novice to ninja in Vue JS, starting out with the very basics of VueJS and then moving on towards creating fully-fledged VueJS applications.
We'll spend a whole chapter learning about the Vue Router - and how to create SPA's (single page applications) using it - as well as exploring how to use the Vue CLI to get up and running quickly when creating Vue applications.

I'll also teach you how to use Firebase, an online, free service provided by Google which acts as a very feature-rich, fully-fledged back-end to our applications. We'll learn how to use Firebase to store and retrieve data to and from a NoSQL database called Firestore, as well as authenticate our app's users with the Firebase Auth service, We'll also take a peak at Firebase Cloud Functions (which allow us to run server-side JavaScript code in a Node.js environment), as well as deploying all of our applications to Firebase hosting.
There's a crazy amount to cover, but by the end of this course you'll be in a position to create full-stack web applications (complete with user authentication) using Vue JS and Firebase!

...With around 200,000 subscribers and nearly 1000 free web development tutorials. So feel free to check out my teaching style and reviews before you buy my course :).
This course is built with Vue 2.x, and will be added to with extra sections in the future.

Who this course is for:
  • Anyone who wants to learn how to create apps with Vue & Firebase
  • Anyone who wants to learn Vue and Firebase
  • Anyone who wants to learn about Authentication in Vue apps
  • Anyone who wants to learn Vue JS from the ground up
  • Anyone who wants to learn how to use Firebase in their applications

udemy-webapps.jpg

build web apps with vue js 2 & firebase download, build web apps with vue js 2 & firebase free, udemy build web apps with vue js 2 and firebase download, build web apps with vue js 2 and firebase, build web apps with vue js 2 and firebase download, build web apps with vue js 2 & firebase free download, udemy build web apps with vue js 2 & firebase, vue js 2 firebase, build web apps with vue js 2 and firebase, build web apps with vue js 2 & firebase download, build web apps with vue js 2 & firebase free download, build web apps with vue js 2 & firebase free, vue js 2 and firebase, build web apps with vue js 2 and firebase download, udemy build web apps with vue js 2 and firebase download, udemy build web apps with vue js 2 & firebase, vue js firebase database, vue js firebase hosting, vue js firebase example, vue js firebase chat, vue js firebase crud, vue js firebase notifications, vue js firebase storage, vue.js + firebase realtime database, vue js firebase messaging, vue js firebase authentication, build web apps with vue.js and firebase, vue js y firebase en español - curso completo, firebase config vue.js, vue.js firebase deploy, vue.js + vuetify + firebase full project, firebase in vue js, vue js firebase login, vue js firebase tutorial, deploy vue js to firebase, vue js with firebase, 初めてのシングルページアプリケーション vue.js と firebase で作るミニ web サービス, vue js 2 firebase, build web apps with vue js 2 and firebase, build web apps with vue js 2 & firebase download, build web apps with vue js 2 & firebase free download, build web apps with vue js 2 & firebase free, angular firebase, angularfire, angularfire2, build web apps with vue js 2 & firebase, build web apps with vue js 2 & firebase coupon, build web apps with vue js 2 & firebase download, build web apps with vue js 2 & firebase free download, build web apps with vue js 2 & firebase udemy, cloud messaging, console firebase, firebase, firebase android, firebase angular 2, firebase app, firebase auth, firebase authentication, firebase cdn, firebase chat, firebase cloud code, firebase cloud messaging, firebase console, firebase cost, firebase database, firebase db, firebase docs, firebase get data, firebase ios, firebase ios sdk, firebase javascript, firebase js, firebase nodejs, firebase push notification, firebase realtime database, firebase sdk, firebase update, firebase user authentication, firebase web, freetutorials, google cloud messaging, google firebase console, ionic firebase, learn to build beautiful web apps using vue js includes three practice projects, net ninja, udemy, udemy vue js 2 coupon, vue firebase auth, vue js course, vue js essentials, vuefire, vuejs firebase, vuex firestore.
Author
murugans1011
Downloads
18
Views
470
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from murugans1011

Share this resource

Top