3:I[39275,[],""] 5:I[61343,[],""] 6:I[44284,["922","static/chunks/c15bf2b0-77a7fe2edf0e5bbc.js","6648","static/chunks/6648-bd55b61b3b302c00.js","133","static/chunks/133-980159a2ee1837ab.js","4284","static/chunks/4284-dbed9ba5ff3f8a5a.js","3185","static/chunks/app/layout-7b043aa072b79a29.js"],"default"] 4:["slug","angular-development-course-ahmedabad","d"] 0:["2C8US6ZDYwTgGy_wfjElZ",[[["",{"children":[["slug","angular-development-course-ahmedabad","d"],{"children":["__PAGE__?{\"slug\":\"angular-development-course-ahmedabad\"}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","angular-development-course-ahmedabad","d"],{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/14b2faf5da28e615.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/9dcf09da03f85202.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/31db57dba135ef29.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},[["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}],"params":{}}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/d3df112486f97f47.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/69f81e06845cd7ae.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/921ac715acaa8639.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/f14dc9877f514335.css","precedence":"next","crossOrigin":"$undefined"}]],"$L7"]]]] 8:I[63134,["922","static/chunks/c15bf2b0-77a7fe2edf0e5bbc.js","6648","static/chunks/6648-bd55b61b3b302c00.js","133","static/chunks/133-980159a2ee1837ab.js","8472","static/chunks/8472-ac695b284eaf4dad.js","3153","static/chunks/3153-81caed117848c59d.js","4284","static/chunks/4284-dbed9ba5ff3f8a5a.js","3134","static/chunks/3134-529776227f305a13.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-f481eefe06c3b654.js"],"default"] 9:I[26228,["922","static/chunks/c15bf2b0-77a7fe2edf0e5bbc.js","6648","static/chunks/6648-bd55b61b3b302c00.js","133","static/chunks/133-980159a2ee1837ab.js","8472","static/chunks/8472-ac695b284eaf4dad.js","3153","static/chunks/3153-81caed117848c59d.js","4284","static/chunks/4284-dbed9ba5ff3f8a5a.js","3134","static/chunks/3134-529776227f305a13.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-f481eefe06c3b654.js"],"default"] b:I[40193,["922","static/chunks/c15bf2b0-77a7fe2edf0e5bbc.js","6648","static/chunks/6648-bd55b61b3b302c00.js","133","static/chunks/133-980159a2ee1837ab.js","8472","static/chunks/8472-ac695b284eaf4dad.js","3153","static/chunks/3153-81caed117848c59d.js","4284","static/chunks/4284-dbed9ba5ff3f8a5a.js","3134","static/chunks/3134-529776227f305a13.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-f481eefe06c3b654.js"],"default"] c:I[30908,["922","static/chunks/c15bf2b0-77a7fe2edf0e5bbc.js","6648","static/chunks/6648-bd55b61b3b302c00.js","133","static/chunks/133-980159a2ee1837ab.js","8472","static/chunks/8472-ac695b284eaf4dad.js","3153","static/chunks/3153-81caed117848c59d.js","4284","static/chunks/4284-dbed9ba5ff3f8a5a.js","3134","static/chunks/3134-529776227f305a13.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-f481eefe06c3b654.js"],"default"] a:T240b,
<div class="masonry"><div class="grid-item"><h2>Getting Started with Angular</h2><ul><li>What is Node Server?</li><li>Introduction of Node JS</li><li>What is NPM & NPX?</li><li>What is package.json file?</li></ul></div><div class="grid-item"><h2>Building Blocks of Web Application Development</h2><ul><li>Web Application Architecture</li><li>Introduction to Angular</li><li>Deeply Explanation Angular Architecture</li><li>Building Blocks of Angular</li><li>Angular Installation</li><li>Angular CLI</li><li>Angular CLI Commands</li><li>Understanding Files in Angular</li><li>Deeply Explanation Angular Architecture | Folder Structure</li></ul></div><div class="grid-item"><h2>Angular</h2><ul><li>What is Angular</li><li>Difference between Angular 2.0 vs 7.0</li><li>Angular CLI and Troubleshooting</li><li>Node JavaScript Introduction</li><li>Setup a Project</li><li>Setup Nodejs with Angular</li><li>Typescript Introduction</li><li>What is Bootstrap</li><li>Create Your First App</li></ul></div><div class="grid-item"><h2>Modules and Components</h2><ul><li>What is Component in AngularJS</li><li>What is Module in AngularJS</li><li>Create and Start Component</li><li>Why Components are Important</li><li>How We Create a Component</li><li>Create Component Using CLI</li><li>What is Nesting Component</li><li>What is Component Template</li><li>Component Styles and Selectors</li></ul></div><div class="grid-item"><h2>Component Lifecycle Hooks</h2><ul><li>ngOnChanges</li><li>ngOnInit</li><li>ngOnDestroy</li><li>ngDoCheck</li><li>ngAfterContentInit</li><li>ngAfterContentChecked</li><li>ngAfterViewInit</li><li>ngAfterViewChecked</li></ul></div><div class="grid-item"><h2>Data Binding in Angular</h2><ul><li>What is Data Binding</li><li>Splitting Application into Component</li><li>String Interpolation</li><li>What is Property Binding</li><li>Difference between Property Binding and String Interpolation</li><li>Binding with Custom Events</li><li>What are Binding Properties and Events</li><li>Two Way Binding</li><li>Combine Forms with Data Binding</li><li>Custom Properties</li><li>What is Encapsulation</li><li>How to Use Local Reference in Templates</li><li>Template Access and DOM</li><li>Component Life Cycle</li><li>What is Hooks in AngularJS</li><li>Access Template with Hooks</li></ul></div><div class="grid-item"><h2>Dependency Injection in AngularJS</h2><ul><li>What is Dependency Injection</li><li>What is Services</li><li>Logging Service and Injection</li><li>Create Data Service</li><li>Instance of Services</li><li>Insert Service into Services</li><li>How to Use Service in Cross Component</li><li>What is Hierarchical Injector</li></ul></div><div class="grid-item"><h2>Routing</h2><ul><li>What is Routing?</li><li>Loading of Routes</li><li>Navigation and its Path</li><li>Styling of Router Links</li><li>Relative Path Navigation</li><li>Define Parameter in Routing</li><li>Fetch Routing Parameter</li><li>Observables</li><li>Passing & Retrieving Parameters & Fragments</li><li>Nested Routing Configuration</li><li>Query Parameters</li><li>Redirection Routes</li><li>Route Configuration</li><li>Route Guards</li><li>Protect Routes with canActivate</li><li>Navigation Controlling</li><li>Static Data in Route</li><li>Location Strategies</li></ul></div><div class="grid-item"><h2>Forms</h2><ul><li>What is Forms and How Do We Handle It?</li><li>Reactive Approach</li><li>Template Driven</li><li>Create Template Driven Forms</li><li>What is Registering Control</li><li>Use and Submit of Forms</li><li>Access of Forms</li><li>How to Add Validation in User Input</li><li>Built-In Validation</li><li>HTML5 Validation</li><li>Output Validation and Error Messages</li><li>Two Way Binding</li><li>Grouping</li><li>Radio Button Handling</li><li>Patch Forms Values</li><li>Resetting Template Forms</li></ul></div><div class="grid-item"><h2>Reactive Forms</h2><ul><li>What is Reactive Forms</li><li>Create Reactive Form Through Code</li><li>Syncing of HTML and Form</li><li>Adding Validation</li><li>Submit Forms</li><li>Grouping</li><li>Form Control Arrays</li><li>Custom Validators</li><li>Relative Forms</li><li>Async Validation</li><li>Value Changes and Reacting to Status</li></ul></div><div class="grid-item"><h2>Pipes</h2><ul><li>What is Pipes in Angular</li><li>How We Use Pipes</li><li>Chaining Multiple Pipes in Angular</li><li>Parameterizing a Pipe</li><li>Filter Pipe</li><li>Impure & Pure Pipe</li><li>Async Pipes</li></ul></div><div class="grid-item"><h2>Sharing Data Among Components</h2><ul><li>Sending Data from Parent Component to Child via Shared Service</li><li>Send Data from Parent Component to Child Component via Data Binding Using @Input</li><li>Sending Data from Child to Parent via @Output Event Emitter</li><li>Sending Data Asynchronously from Parent to Child Using Observable and Subject</li></ul></div><div class="grid-item"><h2>HTTP Requests, RXJS and Observables</h2><ul><li>What is HTTP Requests</li><li>How it Works</li><li>How to Send Requests</li><li>Adjusting Request Headers</li><li>How to Handle Get and Put Request</li><li>Catching HTTP Errors</li><li>Async with HTTP Requests</li></ul></div><div class="grid-item"><h2>Authentication with JWT and Security</h2><ul><li>What is Authentication</li><li>How Authentication Works</li><li>Introduction to JSON Web Tokens</li><li>Creating Page and Route</li><li>User Signing Up and In</li><li>Sending Token & Requiring</li><li>Authentication Status</li><li>How to Add Log Out Button</li><li>Protection & Redirection of Route</li></ul></div><div class="grid-item"><h2>Angular Modules</h2><ul><li>What is the Idea Behind Modules</li><li>What is Feature Modules and How We Create It</li><li>What is App Modules</li><li>Registering Routes in Feature Modules</li><li>What is Shared Module and How We Create</li><li>Create the Auth Feature Module</li><li>What is Lazy Loading</li><li>How Modules & Services Work</li><li>What is Core Module</li><li>How to Create Basic Core Module</li></ul></div><div class="grid-item"><h2>HTTP Client</h2><ul><li>What is Http Client and How We Unlock It</li><li>Request Configuration with Response</li><li>Request Events</li><li>Setup Headers</li><li>HTTP Parameters</li><li>Progress</li><li>What is Interceptors</li><li>Modify Request in Interceptors</li><li>Multiple Interceptors</li></ul></div><div class="grid-item"><h2>Animations</h2><ul><li>What is Angular Animations</li><li>Triggers and State</li><li>Switch Between States</li><li>Basic and Advanced Transitions</li><li>What is Void State</li><li>Key Frames in Animation</li><li>Grouping</li><li>Animation Callback</li></ul></div></div>
e:T240b,
<div class="masonry"><div class="grid-item"><h2>Getting Started with Angular</h2><ul><li>What is Node Server?</li><li>Introduction of Node JS</li><li>What is NPM & NPX?</li><li>What is package.json file?</li></ul></div><div class="grid-item"><h2>Building Blocks of Web Application Development</h2><ul><li>Web Application Architecture</li><li>Introduction to Angular</li><li>Deeply Explanation Angular Architecture</li><li>Building Blocks of Angular</li><li>Angular Installation</li><li>Angular CLI</li><li>Angular CLI Commands</li><li>Understanding Files in Angular</li><li>Deeply Explanation Angular Architecture | Folder Structure</li></ul></div><div class="grid-item"><h2>Angular</h2><ul><li>What is Angular</li><li>Difference between Angular 2.0 vs 7.0</li><li>Angular CLI and Troubleshooting</li><li>Node JavaScript Introduction</li><li>Setup a Project</li><li>Setup Nodejs with Angular</li><li>Typescript Introduction</li><li>What is Bootstrap</li><li>Create Your First App</li></ul></div><div class="grid-item"><h2>Modules and Components</h2><ul><li>What is Component in AngularJS</li><li>What is Module in AngularJS</li><li>Create and Start Component</li><li>Why Components are Important</li><li>How We Create a Component</li><li>Create Component Using CLI</li><li>What is Nesting Component</li><li>What is Component Template</li><li>Component Styles and Selectors</li></ul></div><div class="grid-item"><h2>Component Lifecycle Hooks</h2><ul><li>ngOnChanges</li><li>ngOnInit</li><li>ngOnDestroy</li><li>ngDoCheck</li><li>ngAfterContentInit</li><li>ngAfterContentChecked</li><li>ngAfterViewInit</li><li>ngAfterViewChecked</li></ul></div><div class="grid-item"><h2>Data Binding in Angular</h2><ul><li>What is Data Binding</li><li>Splitting Application into Component</li><li>String Interpolation</li><li>What is Property Binding</li><li>Difference between Property Binding and String Interpolation</li><li>Binding with Custom Events</li><li>What are Binding Properties and Events</li><li>Two Way Binding</li><li>Combine Forms with Data Binding</li><li>Custom Properties</li><li>What is Encapsulation</li><li>How to Use Local Reference in Templates</li><li>Template Access and DOM</li><li>Component Life Cycle</li><li>What is Hooks in AngularJS</li><li>Access Template with Hooks</li></ul></div><div class="grid-item"><h2>Dependency Injection in AngularJS</h2><ul><li>What is Dependency Injection</li><li>What is Services</li><li>Logging Service and Injection</li><li>Create Data Service</li><li>Instance of Services</li><li>Insert Service into Services</li><li>How to Use Service in Cross Component</li><li>What is Hierarchical Injector</li></ul></div><div class="grid-item"><h2>Routing</h2><ul><li>What is Routing?</li><li>Loading of Routes</li><li>Navigation and its Path</li><li>Styling of Router Links</li><li>Relative Path Navigation</li><li>Define Parameter in Routing</li><li>Fetch Routing Parameter</li><li>Observables</li><li>Passing & Retrieving Parameters & Fragments</li><li>Nested Routing Configuration</li><li>Query Parameters</li><li>Redirection Routes</li><li>Route Configuration</li><li>Route Guards</li><li>Protect Routes with canActivate</li><li>Navigation Controlling</li><li>Static Data in Route</li><li>Location Strategies</li></ul></div><div class="grid-item"><h2>Forms</h2><ul><li>What is Forms and How Do We Handle It?</li><li>Reactive Approach</li><li>Template Driven</li><li>Create Template Driven Forms</li><li>What is Registering Control</li><li>Use and Submit of Forms</li><li>Access of Forms</li><li>How to Add Validation in User Input</li><li>Built-In Validation</li><li>HTML5 Validation</li><li>Output Validation and Error Messages</li><li>Two Way Binding</li><li>Grouping</li><li>Radio Button Handling</li><li>Patch Forms Values</li><li>Resetting Template Forms</li></ul></div><div class="grid-item"><h2>Reactive Forms</h2><ul><li>What is Reactive Forms</li><li>Create Reactive Form Through Code</li><li>Syncing of HTML and Form</li><li>Adding Validation</li><li>Submit Forms</li><li>Grouping</li><li>Form Control Arrays</li><li>Custom Validators</li><li>Relative Forms</li><li>Async Validation</li><li>Value Changes and Reacting to Status</li></ul></div><div class="grid-item"><h2>Pipes</h2><ul><li>What is Pipes in Angular</li><li>How We Use Pipes</li><li>Chaining Multiple Pipes in Angular</li><li>Parameterizing a Pipe</li><li>Filter Pipe</li><li>Impure & Pure Pipe</li><li>Async Pipes</li></ul></div><div class="grid-item"><h2>Sharing Data Among Components</h2><ul><li>Sending Data from Parent Component to Child via Shared Service</li><li>Send Data from Parent Component to Child Component via Data Binding Using @Input</li><li>Sending Data from Child to Parent via @Output Event Emitter</li><li>Sending Data Asynchronously from Parent to Child Using Observable and Subject</li></ul></div><div class="grid-item"><h2>HTTP Requests, RXJS and Observables</h2><ul><li>What is HTTP Requests</li><li>How it Works</li><li>How to Send Requests</li><li>Adjusting Request Headers</li><li>How to Handle Get and Put Request</li><li>Catching HTTP Errors</li><li>Async with HTTP Requests</li></ul></div><div class="grid-item"><h2>Authentication with JWT and Security</h2><ul><li>What is Authentication</li><li>How Authentication Works</li><li>Introduction to JSON Web Tokens</li><li>Creating Page and Route</li><li>User Signing Up and In</li><li>Sending Token & Requiring</li><li>Authentication Status</li><li>How to Add Log Out Button</li><li>Protection & Redirection of Route</li></ul></div><div class="grid-item"><h2>Angular Modules</h2><ul><li>What is the Idea Behind Modules</li><li>What is Feature Modules and How We Create It</li><li>What is App Modules</li><li>Registering Routes in Feature Modules</li><li>What is Shared Module and How We Create</li><li>Create the Auth Feature Module</li><li>What is Lazy Loading</li><li>How Modules & Services Work</li><li>What is Core Module</li><li>How to Create Basic Core Module</li></ul></div><div class="grid-item"><h2>HTTP Client</h2><ul><li>What is Http Client and How We Unlock It</li><li>Request Configuration with Response</li><li>Request Events</li><li>Setup Headers</li><li>HTTP Parameters</li><li>Progress</li><li>What is Interceptors</li><li>Modify Request in Interceptors</li><li>Multiple Interceptors</li></ul></div><div class="grid-item"><h2>Animations</h2><ul><li>What is Angular Animations</li><li>Triggers and State</li><li>Switch Between States</li><li>Basic and Advanced Transitions</li><li>What is Void State</li><li>Key Frames in Animation</li><li>Grouping</li><li>Animation Callback</li></ul></div></div>
10:{"module_id":"63075908becd0a8d197e0466","module_name":"Module - 1","fees":""} 11:{"module_id":"63075912becd0a8d197e046a","module_name":"Module - 2","fees":""} 12:{"module_id":"63075919becd0a8d197e046e","module_name":"Module - 3","fees":""} f:["$10","$11","$12"] 13:["66e67f40a98e9ad31fb49b8c"] d:{"_id":"6315de513d6ab81c8d38142e","coursename":"Angular","iconname":"angular","parentcourse":"Javascript","desc":"

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.

\r\n

The architecture of an Angular application relies on certain fundamental concepts. The basic building blocks of the Angular framework are Angular components that are organized into NgModules.

","icon":"uploads/course/1668942695420.webp","photo":"","broucher":"uploads/course/1668942695421.pdf","banner":"uploads/course/1669281916224.png","certificate":"uploads/course/16599608033605.webp","shortdesc":"$e","typeofcourse":"Trending","youtubelink":"https://www.youtube.com/embed/G7DuYOd_RoE,https://www.youtube.com/embed/QVOp_QuswH0,https://www.youtube.com/embed/yYNiJN84Z6s,https://www.youtube.com/embed/UlEowjtWgWA,https://www.youtube.com/embed/8mhNMWc2gyY,https://www.youtube.com/embed/WK5LRzNnwZo","other":"HN Techno offers deep, logical training with a vision that all programming languages share core and advance concepts. Angular is a powerful front-end web application framework developed by Google for building dynamic, single-page applications (SPAs). In training, learners focus on mastering core concepts such as components, services, dependency injection, and routing, enabling them to create robust, maintainable applications with responsive user interfaces.","fees":"15000","createdAt":"2022-09-05T11:32:33.656Z","updatedAt":"2024-09-15T06:31:28.668Z","__v":0,"showwebsite":"Yes","slug":"angular-development-course-ahmedabad","moduleFees":"$f","selectedItems":"$13"} 2:[["$","$L8",null,{}],["$","$L9",null,{"courseName":{"_id":"6315de513d6ab81c8d38142e","coursename":"Angular","iconname":"angular","parentcourse":"Javascript","desc":"

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.

\r\n

The architecture of an Angular application relies on certain fundamental concepts. The basic building blocks of the Angular framework are Angular components that are organized into NgModules.

","icon":"uploads/course/1668942695420.webp","photo":"","broucher":"uploads/course/1668942695421.pdf","banner":"uploads/course/1669281916224.png","certificate":"uploads/course/16599608033605.webp","shortdesc":"$a","typeofcourse":"Trending","youtubelink":"https://www.youtube.com/embed/G7DuYOd_RoE,https://www.youtube.com/embed/QVOp_QuswH0,https://www.youtube.com/embed/yYNiJN84Z6s,https://www.youtube.com/embed/UlEowjtWgWA,https://www.youtube.com/embed/8mhNMWc2gyY,https://www.youtube.com/embed/WK5LRzNnwZo","other":"HN Techno offers deep, logical training with a vision that all programming languages share core and advance concepts. Angular is a powerful front-end web application framework developed by Google for building dynamic, single-page applications (SPAs). In training, learners focus on mastering core concepts such as components, services, dependency injection, and routing, enabling them to create robust, maintainable applications with responsive user interfaces.","fees":"15000","createdAt":"2022-09-05T11:32:33.656Z","updatedAt":"2024-09-15T06:31:28.668Z","__v":0,"showwebsite":"Yes","slug":"angular-development-course-ahmedabad","moduleFees":[{"module_id":"63075908becd0a8d197e0466","module_name":"Module - 1","fees":""},{"module_id":"63075912becd0a8d197e046a","module_name":"Module - 2","fees":""},{"module_id":"63075919becd0a8d197e046e","module_name":"Module - 3","fees":""}],"selectedItems":["66e67f40a98e9ad31fb49b8c"]}}],["$","$Lb",null,{}],["$","$Lc",null,{"courseName":"$d"}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}]] 1:null