In recent years a lot of effort has gone into making HTML and JavaScript a better place for web apps rather than just web content. With Angular, you can exploit these new and modern concepts to take it to the next level. By using a componentized approach, Angular is better equipped than ever to build performant data-driven web-apps. While Angular takes care of data binding, navigation and server communication; TypeScript allows you to use the most advanced features JavaScript has to offer on any browser. Features like strong typing make your application more maintainable, better structured and flexible. This course is constantly being updated to the latest version of Angular, currently Angular 6. Enjoy this beautiful synergy between Google's Angular and Microsoft's TypeScript.
- Set up and write application with TypeScript.
- Create and manage Angular applications.
- Use data binding to update your screen.
- Split up complex interfaces into components.
- Write their own directives and pipes.
- Create complex forms with validation.
- Communicate with a REST backend.
- Write an Single Page Application with client-side routing.
Introduction to Angular
- Evolution in Web App Development
- Angular Core and Modules
- TypeScript, Dart, Plain Old JavaScript
Strongly Typed JavaSript with TypeScript
- Writing Application-Scale JavaScript
- Type-Safe JavaScript Development with TypeScript
- Implementing Types, Classes and Inheritance
- Namespaces and Modules
Core Concepts
- Components
- Modules
- Services
- Tools
Data binding
- The Importance of Binding
- Component to View
- Structural Directives
- Local Template Variables
- Value Conversion
- View to Component
Components
- Using Multiple Components
- Input and Output
- ViewChild and ContentChild
- EventEmitter
- Directive Life Cycle
Attribute Directives
- What are Attribute Directives?
- Built-in Attribute Directives
- Custom Attribute Directives
Structural Directives
- What are Structural Directives?
- Built-in Structural Directives
- Templates
- Custom Structural Directives
Dependency Injection and Providers
- Terminology
- Dependency Injection Basics
- Services
- Providers
- Factories
- Injection Tokens
Pipes
- Using a Pipe
- Built-in Pipes
- Custom Pipes
- Pure versus Impure
Working with Forms
- What’s in a Form
- Responding to Changes
- FormBuilder
- Data Validation
Talking to the Server
- Sending and Receiving Data
- HTTPClient Module
- HTTP Interceptors
- Observables versus Promises
Building a Single Page Application
- What is a SPA
- Router Module
- Route Configuration
- Parent-Child Navigation
- Route Guards
This course targets professional web developers who are looking for a kick-start into the world of Angular and TypeScript. Participants of this course need to have a good understanding of JavaScript, HTML and CSS and a notion of node.js and npm.
Before attending this course, students must have:
- A good understanding of JavaScript.
- Basic understanding of HTML and CSS.
- At least a notion of node.js and npm. An IDE for web development like Visual Studio Code or WebStorm.