Course Outline:
- Introduction
- What is Angular 2?
- Angular 1 vs Angular 2 comparison
- Installing and using Angular 2
- Basic Angular 2 application demonstration
- Anatomy of Angular 2 application – application file, component file, main directives, etc.
- Introduction to TypeScript and ES6
- Overview of languages applicable to Angular 2
- TypeScript syntax
- Typing – defining variables
- Typing – defining arrays
- Typing – classes and objects
- Interfaces
- Working with modules
- TypeScript transpilation techniques
- Introduction to template strings
- Angular 2 Components
- What is a component?
- Component starter
- Developing a simple to-do list component
- Data and Event Binding
- Binding syntax
- Two-way binding of input fields
- Binding events
- Combining data binding with events
- Attribute Directives
- Introduction to directives
- Directive types
- Applying styles based on directives
- Controlling element visibility
- Setting image source dynamically
- ngFor – using with templates and creating tables
- ngSwitch – swapping out view elements
- Template-Driven Forms
- Preventing default with form submission
- Field data validation
- Binding to object variables
- Service and Dependency Injection
- How to create a basic service
- Service injection
- Dependency injection basics
- Sharing services
- HTTP
- Basic GET, POST, PUT, DELETE request overview
- Wrapping HTTP calls into services
- Using promises to implement HTTP calls
- Application Architecture
- Using services to create stateless functionality
- Component best practices
- Angular 2 production considerations