Completed
⌨️ Setting up app skeleton
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript
Automatically move to the next video in the Classroom when playback concludes
- 1 ⌨️ Introduction
- 2 ⌨️ Let's Build a Mobile App with Firebase
- 3 ⌨️ Setting up app skeleton
- 4 ⌨️ Adding CSS
- 5 ⌨️ Aside: Firebase Realtime Database
- 6 ⌨️ Adding Firebase to project
- 7 ⌨️ Security Rules
- 8 ⌨️ innerHTML to append li to ul
- 9 ⌨️ Refactoring
- 10 ⌨️ Aside: Turning an Object into an Array
- 11 ⌨️ Aside: Fetching database items in realtime using onValue
- 12 ⌨️ Updating items in realtime
- 13 ⌨️ For loop to render database items
- 14 ⌨️ Let's smash the bug
- 15 ⌨️ Aside: Flexbox flex-wrap
- 16 ⌨️ Aside: Flexbox gap
- 17 ⌨️ Adding CSS for li to wrap items
- 18 ⌨️ Getting ID of item in database
- 19 ⌨️ Replacing innerHTML with createElement
- 20 ⌨️ Aside: Removing items from Firebase
- 21 ⌨️ Removing an item when clicked
- 22 ⌨️ Only fetching items from database if snapshot exists
- 23 ⌨️ Adding hover styles to buttons
- 24 ⌨️ Aside: user-select
- 25 ⌨️ Aside: Setting the viewport
- 26 ⌨️ Making the app more mobile-friendly
- 27 ⌨️ Aside: Favicon
- 28 ⌨️ Adding favicon and phone icons
- 29 ⌨️ Aside: Web Application Manifest
- 30 ⌨️ Turning web app into "mobile" app
- 31 ⌨️ Personalise your app
- 32 ⌨️ Deploy to Netlify
- 33 ⌨️ Add app to home screen
- 34 ⌨️ Share your creation
- 35 ⌨️ Recap
- 36 ⌨️ Outro + Credits
