Building RIA using Angular 4.0 and TypeScript
OVERVIEW
This workshop aims at equipping the participants with the necessary knowledge and skills
required to build rich internet applications using cutting edge RIA framework from google
"Angular".
OBJECTIVES
At the end of this training course, the participants will:
- Be able build RIA using Angular 4.0
- Be able to write front end applications using typescript
- Exploit two-way binding offered by Angular
- Use dependency injection for better maintainability
- Understand and use various directives offered by Angular
- Create custom components
- Use gulp for commonly performed tasks in JavaScript application development
- Modules
- Interfaces
- Class
- Functions
- Enum
- Static, Dynamic & Optional Types
- Inferred Types
- Builtin Types
- Custom Types
- Type Declaration
- Type Inference
- Defining Interfaces
- Creating Interface Methods
- Private and Public Scope
- Defining Members
- Static Functions
- Default and Optional Parameters
- Overloading functions
- Constructors
- Implementing Interfaces
- Inheritance and Polymorphism
- How Angular is opinionated
- Difference between Angular 1.0 Angular 2.0 (Optional)
- Module
- Component
- Template
- Metadata
- Data Binding
- Service
- Directive
- Dependency Injection
- Assembling applications using Modules
- Identifying UI layers for Components
- Metadata for Components
- Interpolation
- Expressions and Statements
- Bindings
- Value Binding
- Property Binding
- Event Binding
- Two way Binding
- Components
- Attribute Directives
- Structural Directives
- Using the Template Tag
- Using the "*" in directives
- Creating Components
- Extending Directives
- Role of pipes in Angular 2 applications
- Using builtin pipes
- Chaining Pipes
- Creating Custom Pipes
- Configuring the Injector
- Importing & Exporting Components
- Importing & Exporting Services
- Registering Providers
- Class Providers and Value Providers
- Factory Providers
- Building forms using components and Templates
- Two way binding
- Change Tracking using ngControl
- Validation
- Error Handling
- Including the Router
- Configuring the routes
- Router Outlets and Links
- Nested Routes
- Accessing Route Params
- Using the http provider
- Async Programming Using Promises
- Resolving and Rejecting Promises
- Configuring the requests
- Sending Http Headers
- Caching Responses
- Request and Response Transformation
- Using RESTful Resources
- Using RxJS Objservables
- Streams as data source
- Difference between Iterators and Observables
- Sequences
- Creating Sequences
- Completing sequences using take() and takeUntil()
- Using sequence operators such as map(), filter(), concatAll(), reduce(), zip()
- Cancelling Sequences
- Handling Errors
- Other frequently used operators of Rx.Observable
- Jasmine Overview
- Writing Tests in Typescript
- Configure Karma to execute Tests
- Using Webpack