Ionic 5+ from Beginner to Advanced - Build Food Delivery App
Build Native iOS & Android Apps (like Swiggy/Zomato/Uber-Eats), also PWA with Angular, Capacitor v3, Firebase & Ionic 5+
Ionic,IT & Software,Other IT & Software
Lectures -185
Resources -123
Duration -46.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Ionic is a powerful framework that allows you to build native mobile and progressive web apps using one codebase (written in HTML, JS, and CSS). This course will teach you the latest version of Ionic from scratch, with no prior knowledge required.
Course Overview
Ionic 5+ From Beginner To Advanced - Build Food Delivery App course will help you master the basic fundamentals of Ionic coupled with advanced features. Here you will learn to build high-quality native mobile and progressive web apps using Ionic.
This course will help you set up your Ionic development environment and learn to test iOS and Android apps on real devices (including emulators and simulators) and publish those apps to their respective stores (iOS App Store and Google Play Store).
You will also learn to use different Capacitor plugins (also with Cordova) and resolve all encountered issues in it and also understand how to use Capacitor to deploy your apps. Learn Ionic from scratch to build a real-world food delivery app using Ionic, Angular, and Capacitor.
Goals
Build a food delivery app like Swiggy/Zomato/Uber Eats (includes customer app and admin panel in the same app) with Angular and Capacitor.
Build native apps for iOS and Android, using Angular and the powerful features that Ionic offers along with Capacitor.
Build native apps and progressive web apps using Capacitor v2 and learn to upgrade all plugins to Capacitor v3.
Clean coding best approach.
Firebase Cloud Firestore and Cloud Storage (along with setting security rules).
Build the user interface for your app
Add functionality to your app, such as user authentication, product browsing, and order placement
Test and deploy your app to the App Store and Google Play Store
Prerequisites
Familiarity with modern web development: HTML, CSS, JavaScript.
A brief understanding of Angular and TypeScript would be beneficial, but not ultimately required.
![Ionic 5+ from Beginner to Advanced - Build Food Delivery App Ionic 5+ from Beginner to Advanced - Build Food Delivery App](https://d3mxt5v3yxgcsr.cloudfront.net/courses/5519/course_5519_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
13 Lectures
-
Course Introduction 04:19 04:19
-
What is Ionic? 12:50 12:50
-
What is Angular? 07:17 07:17
-
Understanding Ionic Ecosystem & How it Works 04:05 04:05
-
Evolution of Ionic 05:02 05:02
-
Ionic5+ vs Ionic 4 vs Ionic 3 05:32 05:32
-
Ionic App - Compiled or Hybrid 07:08 07:08
-
Capacitor vs Cordova 05:18 05:18
-
Capacitor v3 launched 09:57 09:57
-
Course Outline 07:25 07:25
-
How to get the Most out of this Course 04:47 04:47
-
How to Reach Out to Me through other medium
-
Join our Online Learning Community
Setting up the Environment
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Building Native Apps with Capacitor
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Ionic Basics
11 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Debugging Ionic Apps
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Working with HTTP Requests
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Styling & Theming Ionic Apps
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Using Some Native Device Features
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Ionic Components Overview
17 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Integrating PWA Elements
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Getting Started with Food Delivery (Swiggy Clone) App
17 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
State Management
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Structuring data using Models
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Working with Google Maps
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Implementing Modals
11 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
User Authentication
12 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Working with Live data (data seeding) in Firestore
12 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Implementing few Optimizations in Our App
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Upgrading to Capacitor v3
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Preparing Food Delivery (Swiggy Clone) App for Production
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Publishing Our Apps
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Course Wrap-up & its Future Aspects
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Nikhil Agarwal](https://www.tutorialspoint.com/assets/profiles/390089/profile/200_19204-1635250478.jpg)
Nikhil Agarwal
Experience as Developer
I started my Coding Journey at the age of 16 with C++. That's when I realised my passion in this field. From there on I worked hard on my learning bypassing all the obstacles and entered Engineering College. Very soon, I realised that practical knowledge was hard to get at that level, so I decided to upgrade on my own along with the academics, that's when I learnt Web Development in PHP and App Development in Android. To explore things in depth, I developed few websites and apps for helping friends and my juniors in their projects, bagging a lot of experience from that. This passion lead me to enter this virtual world and explore my innovative ideas in it. I started as a freelancer and then in no time started a Software Company. Working professionally gave me a lot of experience that is needed to fulfill my bigger goals. As of now, I am also preparing to start my innovative startups, and also helping you all to gain all the knowledge from my experience, which drives me to upgrade myself much more.
I have done a lot of projects using modern frontend frameworks such as Angular and on the backend with Core PHP, Laravel PHP, NodeJS. I love to work as a full stack developer!
Started working with Ionic (version 2) way back in 2017, and in no time it became my first priority for Cross-platform Apps. I have worked with other similar technologies but I found it enjoyable, that's why I have made lot of projects using Ionic (using all versions of it except version 1).
Experience as Instructor
Being a self-taught professional I really know the hard parts and the difficult topics when learning a new language or improving on already-known ones. In order to enter into the teaching world, I started a YouTube channel named "Coding Technyks" in Feb' 2021, my effort is to provide best content out there which is not easily available or people find it hard to do in relation to Coding (including UI & UX along with other topics).
So far in my career I have always received great feedback for my work. The most rewarding experience is to see how people find new, better jobs, build awesome web applications, acquire amazing projects or simply enjoy their hobby with the help of my content.
This is a new journey to share my experience with the needful ones in the form of digital courses, all my efforts is to bring a good change in your life!
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)