{"product_id":"introduction-to-angular-2","title":"Introduction to Angular","description":"\u003cdiv\u003e\n\u003cp\u003eLearn Angular 18 and build responsive, enterprise-strength applications that run smoothly on desktop and mobile devices with this \u003cstrong\u003eAngular training\u003c\/strong\u003e course. Angular provides a robust framework that facilitates the development of richly interactive applications running on multiple platforms. Gain experience building components, creating directives, modularizing applications, and building template-driven forms. \u003c\/p\u003e\r\n\u003cp\u003eYou'll be given remote access to a preconfigured virtual machine for you to perform your hands-on exercises, develop\/test new code, and experiment with the same software used in your course. This course is compatible with older versions of Angular.\u003c\/p\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch3\u003eIntroduction to Angular Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eIn this Angular Training course, you will learn how to:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCreate device-independent Angular applications.\u003c\/p\u003e\n\u003cp\u003eDevelop Components using TypeScript, Templates, and Decorators.\u003c\/p\u003e\n\u003cp\u003eConsume \u003cabbr title=\"representational state transfer\"\u003eREST\u003c\/abbr\u003e services using Observables.\u003c\/p\u003e\n\u003cp\u003eModularize applications with the Component Router.\u003c\/p\u003e\n\u003cp\u003eCapture and validate input with template-driven forms.\u003c\/p\u003e\n\u003cp\u003eLeverage continued support with after-course one-on-one instructor coaching and computing sandbox.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAngular Training Course Prerequisites \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eBefore attempting this course, attendees should have the following: \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eExperience developing web pages at the level of JavaScript Essentials for Web Development.\u003c\/li\u003e\n\u003cli\u003eKnowledge of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003ch3\u003eAngular Training Course Outline\u003c\/h3\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 1: Angular Introduction\u003c\/h4\u003e\n\u003cp\u003eArchitectural overview \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSimplifying the development of complex modern applications\u003c\/li\u003e\n\u003cli\u003eThe organization of an Angular app\u003c\/li\u003e\n\u003cli\u003eSupporting multiple client devices\u003c\/li\u003e\n\u003cli\u003eConfiguring an Angular development environment\u003c\/li\u003e\n\u003cli\u003eBootstrapping your first Angular application\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eGetting started with TypeScript\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eTranspiling TypeScript to JavaScript\u003c\/li\u003e\n\u003cli\u003eBuilding an app with TypeScript\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 2: Constructing User Interface (UI) Components\u003c\/h4\u003e\n\u003cp\u003eDefining components\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eStructure of a component\u003c\/li\u003e\n\u003cli\u003eIntroducing the component hierarchy\u003c\/li\u003e\n\u003cli\u003eDeclaring metadata with the @Component decorator\u003c\/li\u003e\n\u003cli\u003eControlling HTML5 generation with Templates\u003c\/li\u003e\n\u003cli\u003eDisplaying repeating data with @for blocks\u003c\/li\u003e\n\u003cli\u003eConditional generation of DOM content\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eDebugging techniques and strategies\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eInterpreting framework error messages\u003c\/li\u003e\n\u003cli\u003eExploring the component hierarchy with Angular Dev Tools\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eReducing code complexity with Dependency Injection (DI)\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePrinciples of DI\u003c\/li\u003e\n\u003cli\u003eCreating loosely coupled applications\u003c\/li\u003e\n\u003cli\u003eConfiguring providers and declaring Injectables\u003c\/li\u003e\n\u003cli\u003eSatisfying dependencies with Provider metadata\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 3: Testing Angular Components \u0026amp; Functionality\u003c\/h4\u003e\n\u003cp\u003eStructuring test strategies\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eUnit testing vs. integration testing\u003c\/li\u003e\n\u003cli\u003eWorking with mock Angular components\u003c\/li\u003e\n\u003cli\u003eAsynchronous testing with Typescript arrow functions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLeveraging 3rd party tools\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDefining tests with Jasmine\u003c\/li\u003e\n\u003cli\u003eAutomating tests with Angular CLI (command line interfaces) and Karma\u003c\/li\u003e\n\u003cli\u003eBuilding and running a Cypress Integration test\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 4: Adding Interactivity to Your Applications\u003c\/h4\u003e\n\u003cp\u003eCoordinating Component interaction\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePassing data from parent to child with Input bindings\u003c\/li\u003e\n\u003cli\u003eListening for property changes with ngOnChanges\u003c\/li\u003e\n\u003cli\u003eBinding a model to display with interpolation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eManaging events\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDetecting and responding to user interaction\u003c\/li\u003e\n\u003cli\u003eCapturing browser events\u003c\/li\u003e\n\u003cli\u003eEmitting custom events to trigger behavior\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 5: Navigation and Data Transformation\u003c\/h4\u003e\n\u003cp\u003eCreating modular applications\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eControlling application flow with the Component Router\u003c\/li\u003e\n\u003cli\u003eBuilding Feature Modules\u003c\/li\u003e\n\u003cli\u003eParameterizing routes for dynamic navigation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eManipulating data with Pipes\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFormatting dates for display\u003c\/li\u003e\n\u003cli\u003eChaining pipes to combine functionality\u003c\/li\u003e\n\u003cli\u003eFiltering data with custom Pipes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 6: Building Interactive Forms\u003c\/h4\u003e\n\u003cp\u003eDisplaying and capturing data\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDeveloping forms with ngFormModel and FormBuilder\u003c\/li\u003e\n\u003cli\u003eDifferentiating Template Driven and Reactive forms\u003c\/li\u003e\n\u003cli\u003eTwo-way binding between input controls and data model\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eValidating form input\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLeveraging HTML5 and custom validation\u003c\/li\u003e\n\u003cli\u003eProviding user feedback from validators\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 7: Managing Asynchronous Behavior\u003c\/h4\u003e\n\u003cp\u003eKeeping the App Responsive\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSubscribing to Observables\u003c\/li\u003e\n\u003cli\u003eConverting stream data types with the Observable map function\u003c\/li\u003e\n\u003cli\u003eOptimizing change detection with immutability and onPush\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eInteracting with a Web APIs\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eExchanging data with the HTTP (HyperText Transfer Protocol) object\u003c\/li\u003e\n\u003cli\u003eBidirectional communication using Web Sockets\u003c\/li\u003e\n\u003cli\u003eGracefully handling errors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\u003cdiv\u003e\n\u003ch4\u003eModule 8: Extending Angular Capabilities\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eCreating a custom styling directive \u003c\/li\u003e\n\u003cli\u003eIncorporating Angular Material Components\u003c\/li\u003e\n\u003cli\u003eCustomising Material themes\u003c\/li\u003e\n\u003cli\u003eImproving layout with Sidenav and Cards\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e","brand":"Learning Tree","offers":[{"title":"269B07US \/ 2026-09-01T09:00:00 \/ Herndon, VA","offer_id":47534224867547,"sku":"US-2324-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"267C98US \/ 2026-07-21T09:00:00 \/ Herndon, VA","offer_id":48216576229595,"sku":"US-2324-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"26BA41US \/ 2026-11-17T09:00:00 \/ Herndon, VA","offer_id":48216576262363,"sku":"US-2324-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"271A43US \/ 2027-01-26T09:00:00 \/ Herndon, VA","offer_id":48216576295131,"sku":"US-2324-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"273A36US \/ 2027-03-30T09:00:00 \/ Herndon, VA","offer_id":48523465162971,"sku":"US-2324-IL","price":2512.0,"currency_code":"USD","in_stock":true},{"title":"276A41US \/ 2027-06-01T09:00:00 \/ Herndon, VA","offer_id":48823755669723,"sku":"US-2324-IL","price":2512.0,"currency_code":"USD","in_stock":true}],"url":"https:\/\/learningtreeinternational-dirinfosec-hhs.myshopify.com\/products\/introduction-to-angular-2","provider":"Learning Tree International","version":"1.0","type":"link"}