Ionic Apps with Firebase

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase. In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app.

We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well.

You will be building a Social Mobile App using Ionic and Firebase - Feedly.

You will learn about

  • Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic.
  • Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic.
  • Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces.
  • Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage.
  • Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore.
  • Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app.

So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase.


Who this course is for:

  • Students who want to learn to build Mobile Apps
  • Students who want to create an outstanding project
  • Professionals who want to become Full-stack developers
  • Web developers who want to build Mobile Apps
  • Anyone who wants to learn to build Hybrid Mobile Apps

Instructor

Application/Web Developer, Instructor, Tech Enthusiast
  • 4.3 Instructor Rating
  • 2,142 Reviews
  • 16,446 Students
  • 11 Courses

Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS.

Expected Outcomes

  1. Build Android and iOS Apps with Ionic Using Ionic Native Plugins for native features like Camera Use Firebase with Ionic and Angular apps Use Firebase Auth to manager users Using Cloud Firestore to store and manage app data Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  2. Using Ionic Native Plugins for native features like Camera Use Firebase with Ionic and Angular apps Use Firebase Auth to manager users Using Cloud Firestore to store and manage app data Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  3. Use Firebase with Ionic and Angular apps Use Firebase Auth to manager users Using Cloud Firestore to store and manage app data Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  4. Use Firebase Auth to manager users Using Cloud Firestore to store and manage app data Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  5. Using Cloud Firestore to store and manage app data Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  6. Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  7. Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 lectures • 1hr 26min Introduction to Cloud Functions 01:45 Likes and Comments 05:22 Installing Firebase CLI 04:45 First Cloud Function 03:53 Cloud Function for Likes 09:50 Testing with Postman 04:27 Implementing Likes Functionality in the App 08:39 Updating Likes in Realtime 05:02 Improving UX 02:47 Introduction to Comments 01:47 Creating a New Comment 08:33 Cloud Function for Comment Count 10:04 Creating Comment Modal 05:22 Displaying Comments in Modal 06:11 Finishing Comments Functionality 07:07 Push Notifications with Firebase Cloud Messaging 7 lectures • 28min Introduction to Firebase Cloud Functions 01:18 Adding Apps on Firebase 03:34 Installing the Cordova Plugin for Firebase 02:58 Getting the Token 05:58 Sending First Push Notification 04:04 Automating Push Notifications 07:16 Testing Automated Push Notifications 02:38 Requirements Some experience with programming and development Aptitude for programming Enthusiasm to create something out-of-the-box A computer with Windows or Mac VS Code or any text editor A reliable internet connection Description Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies - Ionic Framework and Firebase . In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app. We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well. You will be building a Social Mobile App using Ionic and Firebase - Feedly. You will learn about Building User Interfaces with Ionic You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic. Firebase Authentication You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic. Cloud Firestore Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular's concepts to display data in the app. You will be using Ionic to build all the user interfaces. Firebase Cloud Storage The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone's camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user's phone's camera and uploading it to Firebase Storage. Firebase Cloud Functions Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore. Firebase Cloud Messaging Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app. So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google's Firebase. Who this course is for: Students who want to learn to build Mobile Apps Students who want to create an outstanding project Professionals who want to become Full-stack developers Web developers who want to build Mobile Apps Anyone who wants to learn to build Hybrid Mobile Apps Show more Show less Instructor Samarth Agarwal Application/Web Developer, Instructor, Tech Enthusiast 4.3 Instructor Rating 2,142 Reviews 16,446 Students 11 Courses Samarth is a developer, an instructor, and an entrepreneur. He has been working in the field of online education for around 4 years and has around 15000+ students combined on a number of platforms. He has amazing mobile and web app development courses on Udemy, Packt, Internshala, SkillShare and LinkedIn Learning. Samarth works on the latest front-end web frameworks like Angular and Ionic, Flutter, React Native and builds cross-platform mobile applications for Android and iOS. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777ad77f909f3f7',m:'8326f4366e1a607afe90fc0c497e5650dd911d70-1627743431-1800-AZRUYGyTK5wEfOg1+5oC1b8hqjaQLO6CnwrSnshZAPJqzEcaSOKXV3wq5BCEKxvMKnwXSOEbZlP8CxM0Icx7pWSMsmyw/3XV/3LLRZ4BgCMPrDT5hrj3faOKu7mzpBif9ucES8mvNNVVTyb2LG9fnXoHuRSRkj8FP78bBUpXX1JM',s:[0x7d30adf619,0xbe7d66f85b],}})();
  8. Sending automated Push Notifications to the users Publishing apps to Google Play Store Curated for the Udemy Business collection Course content 7 sections • 57 lectures • 5h 30m total length Expand all sections Introduction 4 lectures • 10min Introduction Preview 04:15 Before We Start 01:19 Introduction to Ionic Preview 02:16 Introduction to Firebase Preview 02:07 Introduction to the Ionic Framework 5 lectures • 25min Installing NodeJS and VS Code 03:43 Installing Ionic and Creating an App 04:37 Understanding Ionic Folder Structure 08:42 Running the app on Android Emulator 04:51 Running the app on iOS Simulator 03:32 User Management with Firebase Authentication 7 lectures • 1hr Designing the Wireframes Preview 02:58 Designing the Login Page 16:14 Designing the Signup Page 11:15 Installing anf Configuring Firebase 04:09 Signing up Users with Firebase Authentication 13:38 Login using Firebase Authentication 04:26 Polishing Login and Signup UX 07:23 Creating Feed using Firebase Cloud Firestore 11 lectures • 1hr 16min Creating the Feed Page 06:10 Sketching the Wireframe 03:22 Designing the Feed Page - 1 05:58 Designing the Feed Page - 2 07:44 Creating a Post on Cloud Firestore 10:59 Getting Posts on Cloud Firestore 07:19 Ordering the Posts by Time 05:39 Pagination and Infinite Scrolling 09:39 Refreshing the Feed Page (Pull-to-Refresh) 06:21 Getting Realtime Updates 06:19 Improving UX and Adding Logout 06:58 Uploading Picture to Firebase Cloud Storage 8 lectures • 45min Firebase Cloud Storage and Ionic Native 05:18 Importing the Camera Module 02:08 Launching the Camera 05:30 Using Chrome Remote Debugging 04:35 Displaying Image Preview 05:49 Uploading the Image 08:00 Displaying Images in Feed 07:36 Displaying Upload Percentages 05:51 Likes and Comments using Firebase Cloud Functions 15 le