Ionic4 + Firebase Master Course

Fireship · Intermediate ·💻 AI-Assisted Coding ·7y ago

Key Takeaways

The video announces the release of the Ionic4 + Firebase Master Course, which covers the fundamentals of building cross-platform mobile apps using Ionic v4 and Firebase, including project structure, developer happiness, components, services, user authentication, push notifications, routing, and deployment to the web, iOS, and Android. The course is designed for intermediate level learners with experience in JavaScript, TypeScript, and Angular.

Full Transcript

[Music] for the last couple months I've been working on a full ionic for fire based course where we build a fully cross-platform mobile app and I'm happy to announce today that it is finally available for enrollment the best way to access it is for free by being a pro member but if you just want this one course I'll also leave a discount code here on YouTube the focus of this initial version of the course is to really focus on the fundamentals it covers important topics that often get overlooked like project structure and developer happiness and it goes into detail about how components and services interact with each other to build out actual features all features are designed to work on the web iOS and Android including user authentication and push notifications then you'll learn pretty much everything you need to know about routing and cross component communication by building a real-time to-do list with firestore then we'll wrap up the course with deployment to the web iOS and Android now if you're thinking a to-do list is a pretty boring demo I agree with you 100% it's just really good at showcasing the fundamentals of ionic but that's why I want to put an extension to this course up to a vote a lot of different requests for features in this course have been made but I want you to tell me what I should prioritize and whatever gets the most votes will be the first extended feature for this course the poll will be held on our slack Channel and I'll give away a free one of a kind t-shirt to one lucky voter so now that we have a good foundation for this course it opens up the door for extended features like firebase analytics and predictions we could build a geolocation feature using map box or Google Maps we could do a more complex fire store exercise like building a whatsapp clone where we might build out an image based feature that uses firebase storage and some of Google's machine learning libraries I'll just let you decide by voting aside from that I just want to let you know that the course is intermediate level so you'll definitely want to have some experience with JavaScript and it will also help if you're familiar with typescript and angular I think that's all the information I have for now I look forward to chatting with you about the course and I'll talk to you soon you

Original Description

Vote Here -- https://goo.gl/qF8Q5r Go PRO Here -- https://angularfirebase.com/pro/ Enroll Here -- https://projects.angularfirebase.com/p/ionic-4-firebase-master-course YouTube Discount code 50% off: ION4-YOUTUBE Use Ionic v4 and Firebase to build cross-platform mobile apps on the web, iOS, and Android in my new full-length course.
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Fireship · Fireship · 0 of 60

← Previous Next →
1 Angular 4 Development and Production Environments with Firebase
Angular 4 Development and Production Environments with Firebase
Fireship
2 OAuth with Angular and Firebase Tutorial
OAuth with Angular and Firebase Tutorial
Fireship
3 Anonymous Authentication with Angular and Firebase - Lazy Registration
Anonymous Authentication with Angular and Firebase - Lazy Registration
Fireship
4 Angular Router Guards for Firebase Users
Angular Router Guards for Firebase Users
Fireship
5 Angular Firebase CRUD App with NoSQL Database Tutorial
Angular Firebase CRUD App with NoSQL Database Tutorial
Fireship
6 Upload Files from Angular to Firebase Storage
Upload Files from Angular to Firebase Storage
Fireship
7 How to Deploy an Angular App to Firebase Hosting
How to Deploy an Angular App to Firebase Hosting
Fireship
8 Sharing Data between Components in Angular
Sharing Data between Components in Angular
Fireship
9 Loading Spinners for Asynchronous Firebase Data
Loading Spinners for Asynchronous Firebase Data
Fireship
10 Angular 4 Transactional Email with Google Firebase Cloud Functions
Angular 4 Transactional Email with Google Firebase Cloud Functions
Fireship
11 Firebase Database Rules Tutorial
Firebase Database Rules Tutorial
Fireship
12 Autocomplete Search with Angular4 and Firebase
Autocomplete Search with Angular4 and Firebase
Fireship
13 Reddit Inspired Upvoting System with Angular and Firebase NoSQL
Reddit Inspired Upvoting System with Angular and Firebase NoSQL
Fireship
14 Angular Drag-and-Drop File Uploads to Firebase Storage
Angular Drag-and-Drop File Uploads to Firebase Storage
Fireship
15 Text Translation with Firebase Cloud Functions onWrite and Angular 4
Text Translation with Firebase Cloud Functions onWrite and Angular 4
Fireship
16 Custom Usernames with Firebase Authentication
Custom Usernames with Firebase Authentication
Fireship
17 Twitter-Inspired Follow Unfollow Feature with Firebase and Angular 4
Twitter-Inspired Follow Unfollow Feature with Firebase and Angular 4
Fireship
18 Simple Pagination with Firebase and Angular 4
Simple Pagination with Firebase and Angular 4
Fireship
19 How to Connect Firebase Users to their Data - 3 Methods
How to Connect Firebase Users to their Data - 3 Methods
Fireship
20 Add Toast Message Notifications to your Angular App
Add Toast Message Notifications to your Angular App
Fireship
21 Facebook-Inspired Reactions System with Angular and Firebase
Facebook-Inspired Reactions System with Angular and Firebase
Fireship
22 Learn NgModule in Angular with Examples
Learn NgModule in Angular with Examples
Fireship
23 Lazy Loading Components in Angular 4
Lazy Loading Components in Angular 4
Fireship
24 Stripe Checkout Payments with Angular and Firebase - Part 1
Stripe Checkout Payments with Angular and Firebase - Part 1
Fireship
25 Process Stripe Payments with Firebase Cloud Functions - Part 2
Process Stripe Payments with Firebase Cloud Functions - Part 2
Fireship
26 Selling Digital Content in Angular with Stripe Payments - Part 3
Selling Digital Content in Angular with Stripe Payments - Part 3
Fireship
27 Angular 4 Full Text Search with Algolia - Part 1
Angular 4 Full Text Search with Algolia - Part 1
Fireship
28 Algolia with Firebase Cloud Functions - Part 2
Algolia with Firebase Cloud Functions - Part 2
Fireship
29 Firebase Phone Authentication in Angular 4
Firebase Phone Authentication in Angular 4
Fireship
30 Top 7 RxJS Concepts for Angular Developers
Top 7 RxJS Concepts for Angular Developers
Fireship
31 Learn Angular Animations with 5 Examples
Learn Angular Animations with 5 Examples
Fireship
32 Advanced Firebase Data Filtering (Multi-Property)
Advanced Firebase Data Filtering (Multi-Property)
Fireship
33 Realtime Maps with Mapbox + Firebase + Angular
Realtime Maps with Mapbox + Firebase + Angular
Fireship
34 Angular Reactive Forms with Firebase Database Backend
Angular Reactive Forms with Firebase Database Backend
Fireship
35 Send Push Notifications in Angular with Firebase Cloud Messaging
Send Push Notifications in Angular with Firebase Cloud Messaging
Fireship
36 Top 7 Ways to Debug Angular 4 Apps
Top 7 Ways to Debug Angular 4 Apps
Fireship
37 Infinite Scroll with Angular and Firebase
Infinite Scroll with Angular and Firebase
Fireship
38 Use TypeScript with Firebase Cloud Functions
Use TypeScript with Firebase Cloud Functions
Fireship
39 Realtime Graphs and Charts with Plotly and Firebase
Realtime Graphs and Charts with Plotly and Firebase
Fireship
40 Role-Based User Permissions in Firebase
Role-Based User Permissions in Firebase
Fireship
41 User Presence System in Realtime - Online, Offline, Away
User Presence System in Realtime - Online, Offline, Away
Fireship
42 Location-based Queries with GeoFire and Angular Google Maps
Location-based Queries with GeoFire and Angular Google Maps
Fireship
43 Angular ngrx Redux Quick Start Tutorial
Angular ngrx Redux Quick Start Tutorial
Fireship
44 Angular Ngrx Effects with Firebase Database
Angular Ngrx Effects with Firebase Database
Fireship
45 Progressive Web Apps with Angular
Progressive Web Apps with Angular
Fireship
46 Angular Ngrx with Firebase Google OAuth User Authentication
Angular Ngrx with Firebase Google OAuth User Authentication
Fireship
47 RxJS Quick Start with Practical Examples
RxJS Quick Start with Practical Examples
Fireship
48 Send SMS Text Messages with Twilio and Firebase
Send SMS Text Messages with Twilio and Firebase
Fireship
49 Firebase Database Performance Profiling
Firebase Database Performance Profiling
Fireship
50 Native Desktop Apps with Angular and Electron
Native Desktop Apps with Angular and Electron
Fireship
51 Subscription Payments with Stripe, Angular, and Firebase
Subscription Payments with Stripe, Angular, and Firebase
Fireship
52 Firestore with AngularFire5 Quick Start Tutorial
Firestore with AngularFire5 Quick Start Tutorial
Fireship
53 Angular HTTP Client Quick Start Tutorial
Angular HTTP Client Quick Start Tutorial
Fireship
54 Google Sign-In with Firestore Custom User Data
Google Sign-In with Firestore Custom User Data
Fireship
55 Star Review System from Scratch with Firestore + Angular
Star Review System from Scratch with Firestore + Angular
Fireship
56 Angular Chatbot with Dialogflow (API.ai)
Angular Chatbot with Dialogflow (API.ai)
Fireship
57 Learn @ngrx/entity and Feature Modules
Learn @ngrx/entity and Feature Modules
Fireship
58 Infinite Scroll Pagination with Firestore
Infinite Scroll Pagination with Firestore
Fireship
59 Faster Firestore via Data Aggregation
Faster Firestore via Data Aggregation
Fireship
60 Contentful - CMS for Angular Progressive Web Apps
Contentful - CMS for Angular Progressive Web Apps
Fireship

The Ionic4 + Firebase Master Course teaches learners how to build cross-platform mobile apps using Ionic v4 and Firebase, covering topics such as project structure, components, services, and deployment. The course is designed for intermediate level learners and provides a comprehensive foundation for building mobile apps.

Key Takeaways
  1. Enroll in the course
  2. Set up the development environment
  3. Build a real-time to-do list with Firestore
  4. Implement user authentication and push notifications
  5. Deploy the app to the web, iOS, and Android
💡 The course provides a comprehensive foundation for building cross-platform mobile apps, covering both the technical and practical aspects of app development.

Related Reads

📰
The Real Divide in the AI Economy Isn't Human vs. Machine
Developers who combine AI with strong engineering fundamentals will thrive in the AI economy, rather than being replaced by machines
Hackernoon
📰
Here's Why Code Review Is Having Trouble Scaling to the AI Era
Code review is struggling to scale in the AI era due to outdated metrics and tools, learn how to adapt and measure code quality effectively
Hackernoon
📰
Make Your Claude Subscription Last 3x Longer: Lossless Context Compression for Claude Code
Optimize Claude code with lossless context compression to reduce token costs and make subscriptions last longer
Medium · AI
📰
Make Your Claude Subscription Last 3x Longer: Lossless Context Compression for Claude Code
Learn how to use Magic Compact for lossless context compression to reduce token costs and make your Claude subscription last 3x longer
Medium · Programming
Up next
Claude Code Local Google Ads: Automate Everything ($730K Earned)
Jono Catliff
Watch →