1
advanced angular Introduction What is SPA? Why Node along with Angular? Single Page Apps vs Conventional Web Applications Anatomy of Angular 2/4/5 Application Angular JS Environment Set-up NodeJS Setup IDE set-up (VS-Code) Angular-CLI Introduction & Set-up Bootstrap intro & set-up Architecture of Angular JS Structure of Angular Js Application Type Script Brief Intro to TypeScript Why Use TypeScript Getting Setup in VS-Code Data Types in Type Scripts Function, Fat Arrow Functions var, Let, const Debugging TypeScript Decision Making and Loops Maps TypeScript Class, Interface, Objects, Namespace and Modules TypeScript Generics Intro to Component What is component? Creating Component class Metadata with Decorator Importing Modules Creating App Component Angular Bootstrapping process Single Page Application Intro Template, Interpolation and Directives Building a Template In-lined And External Templates Building a Component Using Component as a Directive Binding with Interpolation Styling Template Creating and Displaying Data for Compo- nent Directives (Built-in i.e *ngIf, *ngFor etc. and Custom) - Create and use Custom di- rective. Binding and Pipes Types of Angular Binding (One-Way, Two-Way, Event Binding etc. etc.) Event Handling Transforming Data Using Built-in Pipes Creating Custom Pipes Component-Best practices Strong Typing & Interfaces Encapsulating Styles Life-cycle hooks of component Relative Path and Module Id - Code Debugging Techniques Building Nested Components what is Nested Components Communication among the Nested Com- ponents @Input, @Output Passing Data to a Component Passing Data from a Component Services and Dependency Injection- Angular Service Introduction Building a Service Dependency Injection in Angular Injecting a service Displaying data from Service Consuming server side (JSON) data Using HTTP Client-Server Architecture Discussion Retrieving Data using HTTP Get Data from another domain Observable and RxJS (Reactive Exten- sion Concept) Promise vs Observable Exception Handling Navigation and Routing Basics Routing Concepts Routing Configuration Routes to Acting Tying Passing Parameters to Route Navigation Routing Advance Tech- niques Routes Protection and its Requirement in Web App Types of Guards Building Guard Registering a Guard Implementing Guard in Parametric Routes Forms Controls Control groups Template driven Forms Reactive Forms Highlights This course Covers the features of Angu- lar 2 to 8 This course will also cover a project. Course: Adv. Certification in Angular JS TGC ANIMATION & MULTIMEDIA www.tgcindia.com Call: 1800 1020 418, 9582786406/07/08

angularAngular Bootstrapping process Single Page Application Intro Template, Interpolation and Directives Building a Template In-lined And External Templates Building a Component Using

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: angularAngular Bootstrapping process Single Page Application Intro Template, Interpolation and Directives Building a Template In-lined And External Templates Building a Component Using

advanced angularIntroductionWhat is SPA?Why Node along with Angular?Single Page Apps vs Conventional Web ApplicationsAnatomy of Angular 2/4/5 ApplicationAngular JS Environment Set-up NodeJS Setup IDE set-up (VS-Code) Angular-CLI Introduction & Set-up Bootstrap intro & set-upArchitecture of Angular JSStructure of Angular Js Application

Type ScriptBrief Intro to TypeScriptWhy Use TypeScriptGetting Setup in VS-CodeData Types in Type ScriptsFunction, Fat Arrow Functionsvar, Let, constDebuggingTypeScript Decision Making and Loops MapsTypeScript Class, Interface, Objects, Namespace and ModulesTypeScript Generics

Intro to ComponentWhat is component?Creating Component classMetadata with DecoratorImporting ModulesCreating App ComponentAngular Bootstrapping processSingle Page Application Intro

Template, Interpolation and DirectivesBuilding a TemplateIn-lined And External TemplatesBuilding a ComponentUsing Component as a DirectiveBinding with InterpolationStyling TemplateCreating and Displaying Data for Compo-nentDirectives (Built-in i.e *ngIf, *ngFor etc. and Custom) - Create and use Custom di-rective.

Binding and Pipes Types of Angular Binding (One-Way, Two-Way, Event Binding etc. etc.)Event HandlingTransforming Data Using Built-in PipesCreating Custom Pipes

Component-Best practicesStrong Typing & InterfacesEncapsulating StylesLife-cycle hooks of componentRelative Path and Module Id - CodeDebugging TechniquesBuilding Nested Componentswhat is Nested ComponentsCommunication among the Nested Com-ponents@Input, @OutputPassing Data to a ComponentPassing Data from a Component

Services and Dependency Injection-Angular Service IntroductionBuilding a ServiceDependency Injection in AngularInjecting a serviceDisplaying data from Service

Consuming server side (JSON) data Using HTTPClient-Server Architecture DiscussionRetrieving Data using HTTPGet Data from another domainObservable and RxJS (Reactive Exten-sion Concept)Promise vs ObservableException Handling

Navigation and Routing BasicsRouting ConceptsRouting ConfigurationRoutes to Acting TyingPassing Parameters to Route

Navigation Routing Advance Tech-niquesRoutes Protection and its Requirement in Web AppTypes of GuardsBuilding GuardRegistering a GuardImplementing Guard in Parametric Routes

FormsControlsControl groupsTemplate driven FormsReactive Forms

HighlightsThis course Covers the features of Angu-lar 2 to 8This course will also cover a project.

Course: Adv. Certification in Angular JS

T G C A N I M A T I O N & M U L T I M E D I A

www.tgcindia.comCall: 1800 1020 418, 9582786406/07/08