Tutorialspoint

This Black Friday, Get lowest Price Ever! Use: BFS8

Ionic 5+ from Beginner to Advanced - Build Food Delivery App

person icon Nikhil Agarwal

4.7

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+

updated on icon Updated on Sep, 2024

language icon Language - English

person icon Nikhil Agarwal

English [CC]

category icon Lifestyle,Food and Beverages,

Lectures -185

Resources -123

Duration -46.5 hours

Lifetime Access

4.7

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

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

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
13 Lectures
  • play icon Course Introduction 04:19 04:19
  • play icon What is Ionic? 12:50 12:50
  • play icon What is Angular? 07:17 07:17
  • play icon Understanding Ionic Ecosystem & How it Works 04:05 04:05
  • play icon Evolution of Ionic 05:02 05:02
  • play icon Ionic5+ vs Ionic 4 vs Ionic 3 05:32 05:32
  • play icon Ionic App - Compiled or Hybrid 07:08 07:08
  • play icon Capacitor vs Cordova 05:18 05:18
  • play icon Capacitor v3 launched 09:57 09:57
  • play icon Course Outline 07:25 07:25
  • play icon How to get the Most out of this Course 04:47 04:47
  • play icon How to Reach Out to Me through other medium
  • play icon Join our Online Learning Community
Setting up the Environment
4 Lectures
Tutorialspoint
Building Native Apps with Capacitor
4 Lectures
Tutorialspoint
Ionic Basics
11 Lectures
Tutorialspoint
Debugging Ionic Apps
6 Lectures
Tutorialspoint
Working with HTTP Requests
8 Lectures
Tutorialspoint
Styling & Theming Ionic Apps
10 Lectures
Tutorialspoint
Using Some Native Device Features
8 Lectures
Tutorialspoint
Ionic Components Overview
17 Lectures
Tutorialspoint
Integrating PWA Elements
4 Lectures
Tutorialspoint
Getting Started with Food Delivery (Swiggy Clone) App
17 Lectures
Tutorialspoint
State Management
5 Lectures
Tutorialspoint
Structuring data using Models
7 Lectures
Tutorialspoint
Working with Google Maps
8 Lectures
Tutorialspoint
Implementing Modals
11 Lectures
Tutorialspoint
User Authentication
12 Lectures
Tutorialspoint
Working with Live data (data seeding) in Firestore
12 Lectures
Tutorialspoint
Implementing few Optimizations in Our App
8 Lectures
Tutorialspoint
Upgrading to Capacitor v3
5 Lectures
Tutorialspoint
Preparing Food Delivery (Swiggy Clone) App for Production
10 Lectures
Tutorialspoint
Publishing Our Apps
4 Lectures
Tutorialspoint
Course Wrap-up & its Future Aspects
1 Lectures
Tutorialspoint

Instructor Details

Nikhil Agarwal

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

Our students work
with the Best

Related Video Courses

View More

Annual 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

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515