Build a Mobile App with Firebase

0 (0)

Duration

2h

Students

0

Level

Intermediate

Last Updated

February 27, 2025

Build a Mobile App with Firebase

Overview
Curriculum
Reviews

Build your first mobile app using HTML, CSS and JavaScript + Firebase. Firebase is a magical database service that lets you easily make realtime apps.

1 Sections
35 Lessons
2h Duration

Expand All

Build a Mobile App with Firebase

35 Lessons

Let’s Build a Mobile App with Firebase
Setting Up App Skeleton
Adding CSS
Aside: Firebase Realtime Database
Adding Firebase to Project
Security Rules
innerHTML to Append li to ul
Refactoring
Aside: Turning an Object into an Array
Aside: Fetching Database Items in Realtime Using onValue
Updating Items in Realtime
For Loop to Render Database Items
Let’s Smash the Bug
Aside: Flexbox Flex-Wrap
Aside: Flexbox Gap
Adding CSS for to Wrap Items
Getting ID of Item in Database
Replacing innerHTML with createElement
Aside: Removing Items from Firebase
Removing an Item When Clicked
Only Fetching Items from Database If Snapshot Exists
Adding Hover Styles to Buttons
Aside: User-Select
Aside: Setting the Viewport
Making the App More Mobile-Friendly
Aside: Favicon
Adding Favicon and Phone Icons
Aside: Web Application Manifest
Turning Web App into ‘Mobile’ App
Personalize Your App
Deploy to Netlify
Add App to Home Screen
Share Your Creation
Recap
Solo Project (PRO) – We Are the Champions

0

0 Ratings

5 Star 0%

4 Star 0%

3 Star 0%

2 Star 0%

1 Star 0%

Reviews

Free

Course Includes

import
Firebase: initializeApp
Firebase: getDatabase
Firebase: reference
Firebase: push
Firebase: onValue
Firebase: snapshot
Firebase: remove
IDs
Object → Array
createElement
Flexbox: flex-wrap
Flexbox: gap
user-select
Setting the viewport
Favicon
Web Application Manifest