Teacher
Course Description
AngularJS is a structured, JavaScript framework which is used for dynamic one-page applications. Being a framework AngularJS uses code templates written in HTML to perform particular function or command. The data binding and dependency functionalities of AngularJS saves time invested in writing lengthy codes. All these features are packaged in a browser that makes AngularJS a suitable server technology. There is a considerable difference between the Static documents and dynamic applications. Dynamic applications typically use a library and a framework that supports creating web apps. While the library contains a number of functions used to perform certain operations, framework automatically takes the data and calls the functions when needed. However AngularJS creates new HTML constructs that eventually eliminates this mismatch effectively. It creates new syntax with the help of directives. Why to use AngularJS? Easy to work with: All you need to know to work with AngularJS is basics of HTML,CSS and Javascript,not necessary to be an expert in these technologies. Time saving: AngularJS allows us to work with components and hence we can use them again which saves time and unnecessary code. Ready to use template: AngularJS is mainly plain HTML,and it mainly makes use of the plain HTML template and passes it to the DOM and then the AngularJS compiler.It traverses the templates and then they are ready to use.
Course Syllabus
AngularJS training syllabus designed by STG, Ghaziabad is completely based on the current industrial requirement of the companies with live project work. We Provide complete AngularJS training in Ghaziabad from beginner to advanced level.
-
Section 1: Introduction to Angular
-
Section 2: Understanding Angular Versions/ Typescript
-
Section 3: Power of Types/ Explore Functions
- 1. Type inference
- 2. Type Annotations
- 3. Number
- 4. Boolean
- 5. String
- 6. Array
- 7. Tuple
- 8. Enum
- 9. Any
- 10. Void
- 11. Null and Undefined
- 12. Never (Typescript 2)
- 13. Using types in functions
- 14. Function as types
- 15. Optional and default parameters
- 16. Arrow functions
- 17. Function overloading
-
Section 4: Classes & Interface
-
Section 5: Modules/ Decorators
- 1. Introduction to modules
- 2. Import
- 3. Export
- 4. Default
- 5. Decorators (Typescript Aspect Oriented Programming)
Section 6: Working with Angular CLI
Section 7: 8 Main Building Blocks of Angular
- 1. Modules
- 2. Components
- 3. Templates
- 4. Metadata
- 5. Data binding
- 6. Directives
- 7. Services
- 8. Dependency injection
Section 8: Angular Modules/ Angular Libraries/ Components
- 1. Angular Modules
- 2. Angular libraries
- 3. Introduction to components
- 4. Component decorator
- 5. Component configuration object
- 6. Custom components
- 7. Component with templates
- 8. Inline
- 9. External
- 10. Component with Styles
- 11. Inline
- 12. External
Section 9: Templating
- 1. HTML as template
- 2. Data binding
- 3. Interpolation
- 4. Property Binding
- 5. Event Binding
- 6. Two way binding
- 7. Template expressions
- 8. Template syntax
- 9. Attribute, class and style bindings
- 10. Input
- 11. Output
- 12. Template reference variables
- 13. Safe navigation operator
Section 10: Directives/ Pipes
- 1. Introduction to Directives
- 2. Built-in directives
- 3. Structural directive
- 4. NgIf
- 5. NgFor
- 6. NgSwitch
- 7. Attribute directive
- 8. NgClass
- 9. NgStyle
- 10. NgModel
- 11. Directive decorator
- 12. Introduction to Pipes
- 13. Built-in pipes
- 14. Pipe decorator
- 15. Custom pipe development
Section 11: Forms/ Dependency Injection
- 1. angular/forms library
- 2. Template driven forms
- 3. Form and field validation
- 4. Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ngvalid, ng-invalidt
- 5. Show and hide validation error messages
- 6. Form submission with ngSubmit
- 7. Reactive/ Model drive forms
- 8. ReactiveFormsModule
- 9. FormGroup, FormControl classes
- 10. FormBuilder for easy form building
- 11. Validations using Validators
- 12. Setting form model using setValue and patchValue
- 13. Use FormArray to build repeated from controls or form groups
- 14. Introduction to Dependency Injection
- 15. Why DI
- 16. Injectable decorator
- 17. Custom service development
- 18. Registering the service with NgModule using providers key
- 19. Provider Types
- 20. Class
- 21. Factory
- 22. Value
Section 12: Routing and Navigation/ RxJs Primer
- 1. Introduction to Routing and Navigation
- 2. angular/router library
- 3. Configure routes
- 4. RouterModule.forRoot and RouterModule.forChild
- 5. RouterOutlet, RouterLink, RouterLinkActive
- 6. Nested Routes
- 7. Parametrized routes
- 8. Route guards
- 9. Router events
- 10. Introduction to RxJs Primer
- 11. Why RxJs
- 12. Observable interface
- 13. Streams
- 14. Operators
- 15. Subscription
- 16. Subject
- 17. Schedulers
Section 13: HTTP Deprecated & Httpclient/ New Features in Angular
- 1. Setup installing the module
- 2. Making a request for JSON data
- 3. Typechecking the response
- 4. Reading the full response
- 5. Error handling
- 6. Requesting non-JSON data
- 7. Sending data to the server
- 8. Making a POST request
- 9. Configuring other parts of the request
- 10. Working with HTTP interceptors for better error handling in http requests
- 11. New features in angular cli
- 12. ng update & ng add
- 13. Angular Elements
- 14. Updates to angular/material
- 15. CLI workspaces
- 16. Building libraries
- 17. Tree shakable providers
- 18. RxJs 6 Support
Section 14:Upgradation/ Testing/ Deployment
About Instructor
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Course Features
- Lectures 40
- Video 200
- Duration 30 Hours
- Language English
- Students 500
- Captions Yes
- Assessments Yes
- Skill level All level
$149Enroll