Complete Angular Course in Hindi (2025)

Welcome to the Complete Angular Course in Hindi (2024)!
This 7+ hour tutorial takes you from beginner to advanced, covering everything you need to know about Angular and also make a working website on the go. Learn about components, services, routing, RxJS, Signals and more, all in Hindi! Whether you're a newbie or looking to sharpen your skills, this comprehensive course is perfect for you.

----------------------------------------------------------------------------------------------------------------------------------------------------
Additional videos you can watch:

►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: https://youtu.be/krTN38Z-Ux4
► App Auth Screen Playlist: http://bit.ly/authScreenSeries

----------------------------------------------------------------------------------------------------------------------------------------------------

►🔥 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-course

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-app-template

2. Ionic 8+ Food Delivery Complete Platform (including Customer, Restaurant, Rider Apps & Angular Admin panel):
https://bit.ly/Food-delivery-app-platform

----------------------------------------------------------------------------------------------------------------------------------------------------

► Source code: https://github.com/Nykz/angular-course-website

► Social Media
Facebook: https://www.facebook.com/CodingTechnyks
Github: https://github.com/Nykz
Instagram: https://www.instagram.com/codingtechnyks
Twitter: https://twitter.com/codingtechnyks


► Timestamps:
00:00 - Intro
02:48 - Course outline
09:57 - Installing npm &NodeJS
13:15 - Installing Angular CLI
16:19 - Setup VS Code Editor
19:20 - Create First Angular Project (Standalone)
20:33 - Understanding SSR & SSG
25:59 - Understand File structure in VS Code
28:07 - Javascript vs Typescript
33:30 - Run first angular project
34:54 - Play around with App Component
37:53 - NgModule vs Standalone
41:27 - Create Angular ngModule Project
42:28 - Compare File Structure (in NgModule & Standalone projects)
44:55 - Run ngModule Project in different port - Compare File Structure
56:12 - Play around with projects
01:07:00 - Create Component (Home Component)
01:10:18 - Understand “export” keyword
01:11:20 - Routing & Navigation
01:24:00 - Create About Component - Routing & Navigation
01:43:44 - Lazy loading - Routing & Navigation
01:59:16 - Create Admin Component
02:01:24 - Why Bootstrap?
02:02:45 - Instal & Setup Bootstrap
02:07:08 - Forms in Angular with form validation
02:33:11 - Add Navbar (Header Component)
02:40:05 - Design Home Component
02:44:43 - Add Courses Component
02:52:48 - ngIf, ngFor, @if, @for
02:58:32 - ngSwitch vs @switch
02:59:27 - @defer
03:04:38 - @Input & @Output decorators
03:08:49 - Use of localStorage (to store & fetch courses)
03:11:28 - Enum
03:14:33 - Spread Operator
03:18:35 - Add & Fetch Courses using localStorage in Admin & Courses Component
03:28:56 - Add Bootstrap Icons & Delete Course from Admin Component
03:56:00 - Add Footer
04:03:27 - Restructure project & optimise code for better code readability
04:13:40 - Design About Component
04:21:39 - Interfaces
04:26:15 - Services in Angular (Create course service for CRUD with RxJS)
05:04:10 - Sync Code in both Standalone & ngModule projects
05:28:20 - Implementing Signals
05:29:15 - ZoneJS vs Signals
05:33:03 - Writable Signal
05:37:14 - Why Signals? Learn Computed Signal & @let decorator
05:50:40 - CRUD using Signals instead of RxJS
06:00:33 - Effects in Signals
06:08:13 - Input, Output & Model Signals
06:25:48 - Optimise & Sync code (using Signals Concept)
06:34:26 - Build & Deploy Angular App (in Firebase hosting for free)
06:46:25 - HttpClient (for APIs)
06:57:33 - Pipes
07:00:34 - Directives
07:08:45 - NgClass
07:12:34 - NgStyle
07:17:55 - Outro


#angularjs #webdevelopment #frontenddeveloper #learnangular #fullstackdeveloper #javascript #programmingtutorial #codewithme #codinglife #techeducation #hindi #hinditutorial #angularcourse #angulartutorialforbeginners #completecourse #coding #codewithtechnyks #nikhilagarwal #code #angular

Тэги:

#angular2024 #angularfullcourse #angular_for_beginners #angular_tutorial_india #real_projects_in_angular #learn_angular_step_by_step #frontend_frameworks #angular_components #how_to_learn_angular #how_to_make_website_using_angular #angular_course #angular_course_code_with_technyks #javascript #webdevelopment #full_stack_development #how_to_make_app #website_using_angular #how_to_learn_web_development #code_with_technyks #coding #how_to_learrn_coding #angular_course_for_beginners #code

Скачать видео