Ionic 8+ & NodeJS: Beginner to Pro - Build Food Delivery App
Build Food Delivery App and many more with Ionic 8+ Angular, Capacitor 6, NodeJS (Typescript) as Backend with MongoDB
IT and Software ,Other IT and Software,
Lectures -337
Resources -55
Duration -86 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
- Building Full-Stack Applications (i.e. frontend + backend) with the MEAN stack is very popular - in this course, you will learn it from scratch at the example of a complete project!
MEAN stands for MongoDB, Express.js, Angular (Ionic Framework using Angular) and Node.js - and combined, these four technologies allow you to build amazing web & mobile applications. - 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). - Node.js is probably THE most popular and modern server-side programming language you can dive into these days!
- Node.js developers are in high demand. Not to mention its applications in build workflows for projects of all sizes.
- No wonder that hybrid frameworks like Ionic are extremely popular and getting into high demand day by day and connecting it with one of the best backend technologies i.e., NodeJs & MongoDB as the database makes it a complete full stack course!.
This course will teach you all of that! From scratch with zero prior knowledge assumed. Though if you do bring some knowledge, you'll of course be able to quickly jump into the course modules that are most interesting to you. - 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 Full Stack Development, 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! Along with that You'll dive into basics of NodeJs, creating simple-complex APIs with optimise Coding Approaches and easy to understand file structure. - 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/simulator or on real 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 )
- Clean Coding Practice along with App Styling & theming
- Node with Typescript as Backend with proper coding approaches & file structure
- Handling middle wares, errors, authentication, security measures etc.
- Using Redis for blacklisting refresh sending mail using Send grid and Gmail
- Angular Signals with Ionic Framework
- & many more - Finally, you'll learn how to configure your app and publish App to the App Store or Google Play Store (or as a progressive web app) & even deploy NodeJs Backend to Heroku
Who this course is for:
- This course is for everyone (whether beginner or already a Developer) who wants to become an Advanced-level full stack Developer with popular technologies like Ionic Angular & Nodejs.
- This course is for everyone interested in diving into the development of native mobile apps for iOS and Android using one codebase.
- This course is also for everyone interested in learning Nodejs as Backend and become a full stack developer.
- It is useful for Web developers as well as App developers.
- Anyone with little knowledge of HTML, CSS, JS can easily enrol in this course but that's not mandatory.
Goals
- Build Native apps for iOS & Android using Angular and the powerful features that Ionic offers along with Capacitor
- Learn Nodejs (Typescript) with MongoDB from Basics to Advanced with proper & optimised coding file structure
- Build Food Delivery App like Swiggy / Zomato / Uber-Eats (includes Customer App & Admin Panel in the Same App) with Ionic Angular & Capacitor, Nodejs (backend)
- Learn to build Native Apps & Progressive Web Apps (PWAs) using Ionic Capacitor with Nodejs
- Learn to build every project using both Angular approaches - Standalone & ngModule
- Using Redis for Blacklisting RefreshTokens
- Learn to Send Mails using SendGrid
- Integrate Payment Gateways like Razorpay & STRIPE
- Learn the Basic Fundamentals of Ionic & Nodejs 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)
- Learn to Deploy Nodejs to Heroku
- Clean Coding Best Approaches
- Upload Images to Cloudinary
- Conversion from Ionic Modular to Standalone approach
- Angular Signals with Ionic Framework
Prerequisites
- 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
Course introduction & how to get my support
6 Lectures
-
Welcome to this course 01:00 01:00
-
Course outline 05:22 05:22
-
How to get the most out of this course 05:09 05:09
-
How to Reach Out to Me through other medium?
-
Join our Discord Community
-
Learn more from my youtube channel
Introduction to ionic framework
7 Lectures

Setting up the environment
6 Lectures

Building native apps with capacitor
4 Lectures

Ionic basics
13 Lectures

Working with HTTP requests
8 Lectures

Debugging ionic app
7 Lectures

Styling & theming apps
12 Lectures

Using some native device features
8 Lectures

Ionic components overview
19 Lectures

Integrating PWA elements
4 Lectures

Inline components
12 Lectures

Getting started with food delivery app
19 Lectures

State management
6 Lectures

Structuring data using models
8 Lectures

Working with google maps
9 Lectures

Implementing modals
13 Lectures

Introduction to nodejs, expressjs & mongoDB
8 Lectures

Setup nodejs project & deep dive into its basics
12 Lectures

User authentication with nodejs
25 Lectures

Working with admin panel in same ionic app for live data seeding using nodejs
14 Lectures

Implementing few optimizations in our app
16 Lectures

Adding pagination features in ionic app using nodejs
5 Lectures

Implementing refresh token for strong JWT authentication
4 Lectures

Blacklisting refresh tokens using redis & applying few optimisations
10 Lectures

Integrate cOD & RAZORPAY payment options and test in andriod & iOS
9 Lectures

Fixing error messages for no records available in nodejs
5 Lectures

Indexing in mongoDB
5 Lectures

Fix some security loopholes & optimise apps
7 Lectures

Deploy nodejs app for production to heroku
7 Lectures

Preparing ionic app for production
7 Lectures

Publishing ionic app to play store & app store
5 Lectures

Upload images in cloudinary using nodejs & learn to exclude REDIS
8 Lectures

Integrate stripe payment gateway & optimise app with latest rxJS changes
7 Lectures

Converting to ionic standalone(from ngModule)
8 Lectures

Angular signals with ionic framework
13 Lectures

Push notifications
1 Lectures

Instructor Details

Nikhil Agarwal
Knowledge — Your Lifelong CompanionExperience 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.

Our students work
with the Best


































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