• Post category:StudyBullet-14
  • Reading time:6 mins read


The Only Course You Need To Master Firebase 9 Along With JavaScript Like A Pro

What you will learn

Be able to build any full-stack web app faster

Build a CRUD Responsive Web App using Firestore Database & JavaScript

Able to design professional looking UI using CSS Flexbox from scratch

Test Firestore Database CRUD Queries via NPM without UI

Understand the important parts of JavaScript such as DOM Manipulation, Events, Functions, Promise (Async/Await), and much more

Description

Welcome to the JavaScript (ES6) and Firebase (Version 9) course, the only course you need to learn and code, to build full-stack web applications.

Being one of the best-selling Udemy Instructors, 22K+ students have already trusted taking one of my courses, with 4+ ratings, and transforming their skills to the next level in their careers.

In this course, you’re going to be building full-stack web apps, from start to finish from scratch, that will teach you how to build a CRUD Web App using JavaScript &ย Firebase Firestore Database.

I’ll take you step-by-step through engaging and fun video tutorials that are rich in content!

Throughout this fully practical course, we cover a massive amount of tools and technologies, including:

JavaScript

  • Variables
  • Arrow Functions
  • JS Array
  • JS Object
  • JS For Loop
  • Reusable Form Validation
    • Empty Check
    • Email Validation
    • Character Length Validation
  • JavaScript Events
  • DOM Manipulation
  • Promise (Async/Await)
  • Error Handling
  • ES6 Modules
  • String Interpolation
  • Higher Order Functions (forEach)
  • Dynamic HTML
  • Dynamic CSS
  • Control Flow
  • Regex (Regular Expression)

Firebase


Get Instant Notification of New Courses on our Telegram channel.


  • Create A Firebase Project
  • Add Firebase SDK To The Web App (CDN)
  • Add Firebase SDK To The Web App (NPM)
  • Add Data To The Firestore Database using addDoc()/setDoc()
  • Update Data To The Firestore Database using updateDoc()/setDoc()
  • Delete Data To The Firestore Database using updateDoc()/deleteDoc()
  • Get Data By IDย From The Firestore Database using getDoc()
  • Get Real-Time Data Updates Using onSnapshot()

CSS Flexbox

  • Create A Two Column Layout
  • Create A Reusable Header Element
  • Responsive Web Layout

By the end of this course, you will be fluently coding in JavaScript and utilizing Firebase as a back-end server to build your own full-stack web apps faster, like a pro!

REMEMBERโ€ฆ I’m so confident that you’ll love this course that’s why all eligible courses purchased on Udemy can be refunded within 30 days, provided the request meets the guidelines in their refund policy. (please refer to the Udemy Refund Policy for more)

So it’s a complete no-brainer, sign up today with ZERO risk and EVERYTHING to gain.

I will be here to support you throughout this journey, so if you ever have any questions, suggestions, or feedback, please do not hesitate to contact me!

So what are you waiting for? Click the buy button and join now!

English
language

Content

Getting Started

Create A Brand New Firebase 9 Project
Setting Up Firebase 9 Via CDN
Setting Up Firebase 9 Via NPM

Cloud Firestore CRUD Queries

Add Data To Cloud Firestore 9 Using addDoc()
setDoc() – Add Data To Cloud Firestore Using setDoc() Method
setDoc() – Update Data To Cloud Firestore
updateDoc() – Update Data To Cloud Firestore
updateDoc() – Delete Document Field Cloud Firestore
deleteDoc() – Delete A Document
Get Document Data By ID From A Collection Using getDoc()

Build A Simple CRUD App

What You Will Be Building By The End Of This Module
Setting Up The Project Structure
Create Two Column Base Layout Using CSS Flexbox
Create A Header
Create A Custom Pop-up Modal Window
Design Add Contact Form
Open & Close Add Contact Modal Window
Form Validation 1 – Check Required Fields
Form Validation 2 – Email, Age & Phone Validation
Add Firebase To The Project
Add User Data To The Cloud Firestore Database
Get Contacts Data From Cloud Firestore
Design Contacts List Item
Display Contacts Data As List
Update Live Changes When Adding Data
Show Contacts Data On Detail View
Edit Contact
Delete Contact
Make Responsive Contacts App