Build your first mobile app using HTML, CSS and JavaScript + Firebase. Firebase is a magical database service that lets you easily make realtime apps.
Intermediate
Build a Mobile App with Firebase
Curriculum
- 1 Section
- 35 Lessons
- 2h Duration
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
