Complete Ionic Course in Hindi (2024) | Build iOS & Android Apps with Ionic Angular
Complete Ionic Course in Hindi (2024) - Build iOS & Android Apps
In this 6-hour tutorial, you'll learn everything about Ionic Framework, including creating iOS and Android apps using Angular. We cover both ngModule and Standalone approaches, with real-world projects to guide you.
----------------------------------------------------------------------------------------------------------------------------------------------------
Add-on videos you can watch:
► Angular complete course in HIndi - • Complete Angular Course in Hindi (2024)
English videos:
► Ionic UI series (Android & iOS): https://bit.ly/Ionic-ui-series
► Finance App Series: https://bit.ly/finance-app-ui-series
► Ionic Capacitor Generate APK & Run in Android & iOS: • Ionic Capacitor - Create new App - Ru...
----------------------------------------------------------------------------------------------------------------------------------------------------
►🔥 All Courses Now Only ₹499/$13.99! Limited Time Offer! Hurry Up and Grab Your Spot! 📚🚀 | Link to the discounted courses : codewithtechnyks.com
1. Ionic 8+ & NodeJS: Beginner to Pro-Build Food Delivery App: https://bit.ly/ionic-nodejs
2. Ionic 8+ From Beginner to Advanced - Build Food Delivery App : https://bit.ly/ionic-firebase-full-co...
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: https://bit.ly/nodejs-backend-course
4. Ionic 8+ Chat App using Firebase:
https://bit.ly/ionic-chat-app-course
----------------------------------------------------------------------------------------------------------------------------------------------------
► Check out our Templates & Code scripts
1. Ionic 8+ Food Delivery Customer App template (ngModules & standalone): https://bit.ly/Food-delivery-customer...
2. Ionic 8+ Food Delivery Complete Platform (including Customer, Restaurant, Rider Apps & Angular Admin panel):
https://bit.ly/Food-delivery-app-plat...
----------------------------------------------------------------------------------------------------------------------------------------------------
► Social Media
Facebook: / codingtechnyks
Github: https://github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
Timestamps:
00:00 - Intro
01:15 - What is Ionic?
02:44 - Understanding Ionic Ecosystem & Working
08:14 - Capacitor vs Cordova
10:25 - Understand use of NodeJS
12:26 - Installing NodeJS and npm & Ionic Cli
18:41 - How to install Angular Cli
20:28 - Create First Ionic Project (ngModule) & Running in browser (Windows)
33:54 - Setup VS Code Editor
37:00 - Understanding File Structure & running app in different port
48:41 - Setup in MacOS - Create Ionic (Standalone & NgModule) Project & Setup VS Code Editor
55:04 - Standalone vs NgModule & Understanding difference in file structure
01:05:24 - Running both projects
01:09:22 - Understanding Ionic Components (tags) using Ionic framework docs in ngModule project
01:31:32 - Theming in Ionic Apps
01:38:22 - Sync code with Ionic standalone project
01:41:28 - How files linked with each other in Ionic App?
01:44:36 - Designing Ionic App (Home Screen - Grocery List App)
01:57:07 - Understand Routing & Navigation in Ionic Angular (NgModule & Standalone) Apps with Lifecycle hooks
02:23:28 - Design Item Detail Screen
02:32:54 - Use of Services
02:42:22 - Preparing Grocery List App with Capacitor Native plugins (Camera plugin)
03:17:18 - Preferences plugin
03:19:52 - Converting into a To-do List App
03:22:58 - Forms in Ionic (Add items in To-do List App)
03:34:39 - Add Ionicons in Standalone App & change app theme - Forms
03:56:05 - Submit form, save in Preferences, manage state with BehaviorSubject, and perform CRUD in Ionic.
04:08:30 - Redesign Home Screen & perform CRUD
05:02:36 - Sync code in NgModule project
05:09:01 - Setup Android Studio for Android App & run app in Emulator
05:37:25 - Setup Xcode for iOS App in MacOS
05:43:52 - App platforms & Build App for Web, Android & iOS
05:46:43 - Passing Permissions & Syncing project
05:57:30 - Running in Android Emulator & iOS Simulator
06:07:58 - Outro
📌 Key Highlights:
Understand the Ionic Ecosystem, differences between Capacitor and Cordova
Learn how to use Ionic with Angular to create mobile apps
Real-world project: Build a Grocery List/To-do List App
Integrate Capacitor Native Plugins (Camera, Preferences)
Manage app state with BehaviorSubject and perform CRUD operations
Perfect for both beginners and advanced learners who want to master Ionic development. By the end of this course, you will be able to build stunning cross-platform mobile apps for iOS and Android.
#ionicframework #ioniccourse #mobileappdevelopment #webdevelopment #angular #frontenddeveloper #frontenddevelopment #capacitor #cordova #ionicangular #ionictutorial #learnionic #hybridapps #techtutorials #appdevelopment #ionicnative #ioniccomponents #ionic
#ionicangular #course #ioniccourse #ionicangularcourse
