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+
Course Description
Ionic is one of the most exciting & evolving technologies you should learn at the moment. It empowers you to build leading cross-platform mobile apps (native mobile apps) for iOS and Android, and also Progressive Web Apps (PWAs) using one codebase (written in HTML, JS and CSS)
This course will introduce you to Ionic step by step and gradually adding more and more Ionic components. It teaches you the latest version of Ionic from scratch with no prior knowledge needed about it.
Angular allows you to create awesome web applications powered by TypeScript / JavaScript. We will use it to build web applications that can be compiled into native mobile apps, running on any iOS or Android device, also teach you to build progressive web apps with same codebase simultaneously.
The Ionic framework allows you to build Native Mobile Apps using your existing Angular, HTML, JS and CSS knowledge. Ionic provides a lot of beautiful components (which you'll learn about in this course) that can be used to create Native-like User Interfaces (UI).
Capacitor (a tool provided by the Ionic team) will be used to then build a native mobile app for iOS/ Android based on your code. This allows you to publish your application on all possible devices (desktop and mobile) without having to learn lots of different languages! So with Ionic, you can use one codebase to create 3 different apps (iOS, Android, web).
No wonder that hybrid frameworks like Ionic are extremely popular and getting into high demand day by day!
My name is Nikhil Agarwal and I'm a professional web & app developer. I love creating awesome applications that are challenging & amazing.
This course takes you from being a newbie(zero) to expert (advanced level) in making Apps, taking a very practice-orientated route. At first you will gain all the basics knowledge along with that you’ll build an app to use main Capacitor plugins & some basics concepts about Ionic. In the basics of Ionic you’ll learn about its rich component library, how to fetch and handle user input, how to store data and access native device features and much more! After bagging all the basics, you'll build a realistic app (similar to Swiggy / Zomato / Uber-Eats) in this course.
You'll dive into all important Ionic components & concepts such as navigation, user input, native device features (e.g. camera, geolocation, call, contacts, local notifications, share etc.), storage, http, authentication!
And since building apps is only part of the fun, you'll of course also learn how to run your apps either in the browser, on an emulator or on your own device!
Here’s a quick rundown of what you are going to learn in this course?
- How to set up environment for Ionic projects in Windows & MAC &
- How to run native apps in Emulator, Simulator & real devices for both iOS & Android. Also, testing app in browser, with all debugging tools
- The basics about Ionic - How navigation works, how your project is structured and you use its rich component library
- How to use the many beautiful components Ionic provides
- How to use modals, alerts, toasts and many, many more useful UI components
- How to fetch and handle user input through inputs, text-fields, dropdowns, dialogs etc.
- How to authenticate users and access web servers to store & load data
- How to work with different Capacitor plugins for PWAs & Native Mobile Apps (using Capacitor v2 & Capacitor v3 also)
- Clean Coding Practice along with App Styling & theming
- & many more
Finally, you'll learn how to configure your app and publish it to the App Store or Google Play Store (or as a progressive web app).
Does this sound great?
I can't wait to welcome you in this course! :)
Goals
What will you learn in this course:
- Build Food Delivery App like Swiggy / Zomato / Uber-Eats (includes Customer App & Admin Panel in the Same App) with Angular & Capacitor.
- Build Native apps for iOS & Android, using Angular and the powerful features that Ionic offers along with Capacitor.
- Learn to build Native Apps & Progressive Web Apps using Capacitor v2 & learn to upgrade all Plugins to Capacitor v3.
- Learn the Basic Fundamentals of Ionic coupled with Advanced Features.
- Learn to use different Capacitor Plugins (also with Cordova) & Resolve all encountered issues in it.
- Test iOS & Android Apps on Real Devices (including Emulators & Simulators) and Publish those Apps to their respective stores (App Store & Google Play Store).
- Clean Coding Best Approaches.
- Firebase Cloud Firestore & Cloud Storage (along with Setting Security Rules).
Prerequisites
What are the prerequisites for this course?
- One should be little familiar with modern web development: HTML, CSS, JavaScript.
- A brief understanding of Angular and Typescript would be beneficial, but not ultimately required.

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

Building Native Apps with Capacitor
4 Lectures

Ionic Basics
11 Lectures

Debugging Ionic Apps
6 Lectures

Working with HTTP Requests
8 Lectures

Styling & Theming Ionic Apps
10 Lectures

Using Some Native Device Features
8 Lectures

Ionic Components Overview
17 Lectures

Integrating PWA Elements
4 Lectures

Getting Started with Food Delivery (Swiggy Clone) App
17 Lectures

State Management
5 Lectures

Structuring data using Models
7 Lectures

Working with Google Maps
8 Lectures

Implementing Modals
11 Lectures

User Authentication
12 Lectures

Working with Live data (data seeding) in Firestore
12 Lectures

Implementing few Optimizations in Our App
8 Lectures

Upgrading to Capacitor v3
5 Lectures

Preparing Food Delivery (Swiggy Clone) App for Production
10 Lectures

Publishing Our Apps
4 Lectures

Course Wrap-up & its Future Aspects
1 Lectures

Instructor Details

Nikhil Agarwal
Full Stack DeveloperExperience 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
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

Our students work
with the Best


































Feedbacks
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
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now