{"id":1168,"date":"2025-12-24T11:42:08","date_gmt":"2025-12-24T11:42:08","guid":{"rendered":"https:\/\/yuvakshit.valuegoods.in\/?p=1168"},"modified":"2025-12-24T12:09:47","modified_gmt":"2025-12-24T12:09:47","slug":"angular","status":"publish","type":"post","link":"https:\/\/yuvakshit.valuegoods.in\/index.php\/2025\/12\/24\/angular\/","title":{"rendered":"Angular"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1168\" class=\"elementor elementor-1168\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76a02f4 e-flex e-con-boxed e-con e-parent\" data-id=\"76a02f4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7a6524c e-grid e-con-full e-con e-child\" data-id=\"7a6524c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16c1d2c elementor-widget elementor-widget-heading\" data-id=\"16c1d2c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Introduction to Angular<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c05b07 elementor-widget elementor-widget-text-editor\" data-id=\"0c05b07\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u2705 What is Angular &amp; why use it<br data-start=\"185\" data-end=\"188\" \/>\u2705 SPA (Single Page Application) concept<br data-start=\"227\" data-end=\"230\" \/>\u2705 Angular architecture overview<br data-start=\"261\" data-end=\"264\" \/>\u2705 Installing Node.js &amp; Angular CLI<br data-start=\"298\" data-end=\"301\" \/>\u2705 Creating your first Angular app<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf8fdcb e-flex e-con-boxed e-con e-parent\" data-id=\"bf8fdcb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-24e6797 e-grid e-con-full e-con e-child\" data-id=\"24e6797\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-449872b elementor-widget elementor-widget-heading\" data-id=\"449872b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TypeScript Basics<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8763d1e elementor-widget elementor-widget-text-editor\" data-id=\"8763d1e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"383\" data-end=\"528\">\u2705 Introduction to TypeScript<br data-start=\"411\" data-end=\"414\" \/>\u2705 Variables, data types &amp; functions<br data-start=\"449\" data-end=\"452\" \/>\u2705 Classes &amp; interfaces<br data-start=\"474\" data-end=\"477\" \/>\u2705 Modules &amp; decorators<br data-start=\"499\" data-end=\"502\" \/>\u2705 TypeScript compilation<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ad62b7 e-flex e-con-boxed e-con e-parent\" data-id=\"9ad62b7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2277c5a e-grid e-con-full e-con e-child\" data-id=\"2277c5a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-848a7a6 elementor-widget elementor-widget-heading\" data-id=\"848a7a6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Components &amp; Templates\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7fed84 elementor-widget elementor-widget-text-editor\" data-id=\"d7fed84\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"580\" data-end=\"748\">\u2705 Components &amp; component structure<br data-start=\"614\" data-end=\"617\" \/>\u2705 Templates &amp; template syntax<br data-start=\"646\" data-end=\"649\" \/>\u2705 Interpolation &amp; data binding<br data-start=\"679\" data-end=\"682\" \/>\u2705 Event binding &amp; property binding<br data-start=\"716\" data-end=\"719\" \/>\u2705 Component lifecycle hooks<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4c71b1 e-flex e-con-boxed e-con e-parent\" data-id=\"a4c71b1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7b128a9 e-grid e-con-full e-con e-child\" data-id=\"7b128a9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcc867d elementor-widget elementor-widget-heading\" data-id=\"bcc867d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Directives &amp; Pipes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20aafd4 elementor-widget elementor-widget-text-editor\" data-id=\"20aafd4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"796\" data-end=\"975\">\u2705 Built-in directives (*ngIf, *ngFor, *ngSwitch)<br data-start=\"844\" data-end=\"847\" \/>\u2705 Attribute directives<br data-start=\"869\" data-end=\"872\" \/>\u2705 Creating custom directives<br data-start=\"900\" data-end=\"903\" \/>\u2705 Built-in pipes (date, currency, uppercase)<br data-start=\"947\" data-end=\"950\" \/>\u2705 Creating custom pipes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a7130f e-flex e-con-boxed e-con e-parent\" data-id=\"9a7130f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-46f94c8 e-grid e-con-full e-con e-child\" data-id=\"46f94c8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc3771 elementor-widget elementor-widget-heading\" data-id=\"6dc3771\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Modules &amp; Routing<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbafd7c elementor-widget elementor-widget-text-editor\" data-id=\"fbafd7c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1022\" data-end=\"1143\">\u2705 Angular modules (NgModule)<br data-start=\"1050\" data-end=\"1053\" \/>\u2705 Feature modules<br data-start=\"1070\" data-end=\"1073\" \/>\u2705 Routing &amp; navigation<br data-start=\"1095\" data-end=\"1098\" \/>\u2705 Route parameters<br data-start=\"1116\" data-end=\"1119\" \/>\u2705 Lazy loading modules<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-348a9eb e-flex e-con-boxed e-con e-parent\" data-id=\"348a9eb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fc27912 e-grid e-con-full e-con e-child\" data-id=\"fc27912\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcb55ff elementor-widget elementor-widget-heading\" data-id=\"bcb55ff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services &amp; Dependency Injection<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d9fdd5 elementor-widget elementor-widget-text-editor\" data-id=\"8d9fdd5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1204\" data-end=\"1345\">\u2705 Creating &amp; using services<br data-start=\"1231\" data-end=\"1234\" \/>\u2705 Dependency Injection (DI)<br data-start=\"1261\" data-end=\"1264\" \/>\u2705 Sharing data between components<br data-start=\"1297\" data-end=\"1300\" \/>\u2705 HTTPClient module<br data-start=\"1319\" data-end=\"1322\" \/>\u2705 Consuming REST APIs<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-229114e e-flex e-con-boxed e-con e-parent\" data-id=\"229114e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2965079 e-grid e-con-full e-con e-child\" data-id=\"2965079\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af8bad9 elementor-widget elementor-widget-heading\" data-id=\"af8bad9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Forms in Angular<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c99f87f elementor-widget elementor-widget-text-editor\" data-id=\"c99f87f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u2705 Template-driven forms<br data-start=\"1414\" data-end=\"1417\" \/>\u2705 Reactive forms<br data-start=\"1433\" data-end=\"1436\" \/>\u2705 Form validation<br data-start=\"1453\" data-end=\"1456\" \/>\u2705 Custom validators<br data-start=\"1475\" data-end=\"1478\" \/>\u2705 Handling form errors<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d947d3 e-flex e-con-boxed e-con e-parent\" data-id=\"7d947d3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0037c1a e-grid e-con-full e-con e-child\" data-id=\"0037c1a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11eaaf2 elementor-widget elementor-widget-heading\" data-id=\"11eaaf2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">State Management &amp; Advanced Concepts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49ed709 elementor-widget elementor-widget-text-editor\" data-id=\"49ed709\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1568\" data-end=\"1719\">\u2705 Component communication<br data-start=\"1593\" data-end=\"1596\" \/>\u2705 Observables &amp; RxJS basics<br data-start=\"1623\" data-end=\"1626\" \/>\u2705 Subjects &amp; BehaviorSubjects<br data-start=\"1655\" data-end=\"1658\" \/>\u2705 State management overview (NgRx intro)<br data-start=\"1698\" data-end=\"1701\" \/>\u2705 Error handling<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee24dbe e-flex e-con-boxed e-con e-parent\" data-id=\"ee24dbe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b74a425 e-grid e-con-full e-con e-child\" data-id=\"b74a425\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e5788f elementor-widget elementor-widget-heading\" data-id=\"1e5788f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Authentication &amp; Security<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b01bb8d elementor-widget elementor-widget-text-editor\" data-id=\"b01bb8d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1774\" data-end=\"1900\">\u2705 User authentication flow<br data-start=\"1800\" data-end=\"1803\" \/>\u2705 JWT authentication<br data-start=\"1823\" data-end=\"1826\" \/>\u2705 Route guards<br data-start=\"1840\" data-end=\"1843\" \/>\u2705 Role-based access control<br data-start=\"1870\" data-end=\"1873\" \/>\u2705 Security best practices<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7526ee e-flex e-con-boxed e-con e-parent\" data-id=\"d7526ee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4713adf e-grid e-con-full e-con e-child\" data-id=\"4713adf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a8661 elementor-widget elementor-widget-heading\" data-id=\"d2a8661\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Testing &amp; Performance<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80533e3 elementor-widget elementor-widget-text-editor\" data-id=\"80533e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u2705 Unit testing with Jasmine &amp; Karma<br data-start=\"1987\" data-end=\"1990\" \/>\u2705 End-to-end testing basics<br data-start=\"2017\" data-end=\"2020\" \/>\u2705 Debugging Angular apps<br data-start=\"2044\" data-end=\"2047\" \/>\u2705 Performance optimization<br data-start=\"2073\" data-end=\"2076\" \/>\u2705 Best coding practices<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c888749 e-flex e-con-boxed e-con e-parent\" data-id=\"c888749\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f074e0a e-grid e-con-full e-con e-child\" data-id=\"f074e0a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46a87c elementor-widget elementor-widget-heading\" data-id=\"b46a87c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Deployment &amp; Real Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef2f9f elementor-widget elementor-widget-text-editor\" data-id=\"7ef2f9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u2705 Building Angular apps for production<br data-start=\"2196\" data-end=\"2199\" \/>\u2705 Deployment on live servers<br data-start=\"2227\" data-end=\"2230\" \/>\u2705 Integrating Angular with backend APIs<br data-start=\"2269\" data-end=\"2272\" \/>\u2705 Project: CRUD application<br data-start=\"2299\" data-end=\"2302\" \/>\u2705 Project: Authentication-based dashboard<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Introduction to Angular \u2705 What is Angular &amp; why use it\u2705 SPA (Single Page Application) concept\u2705 Angular architecture overview\u2705 Installing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":183,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","wpupg_custom_link":[],"wpupg_custom_link_behaviour":[],"wpupg_custom_link_nofollow":[],"wpupg_custom_image":[],"wpupg_custom_image_id":[],"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/posts\/1168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/comments?post=1168"}],"version-history":[{"count":16,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/posts\/1168\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/posts\/1168\/revisions\/1186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/media\/183"}],"wp:attachment":[{"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/media?parent=1168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/categories?post=1168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yuvakshit.valuegoods.in\/index.php\/wp-json\/wp\/v2\/tags?post=1168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}