Description
In this course, you will learn :
- Front-End Development
- JavaScript
- AngularJS
Syllabus:
- Introduction
- Why use Angular?
- What you should know
- Using the exercise files
- Basics of TypeScript
- Course overview
1. Architecture Overview
- Components, Bootstrap, and the DOM
- Directives and pipes
- Data binding
- Dependency injection
- Services and other business logic
- Data persistence
- Routing
2. Components
- NgModule and the root module
- Component metadata
- Bootstrapping the module for the browser
- The component selector
- The component template
- Styling a component
- Using other components in a component
- Interpolation and the expression context
- Property binding
- Event binding
- Getting data to the component with @Input
- Subscribing to component events with @Output
3. Directives and Pipes
- Structural directives: ngIf
- Structural directives: ngFor
- Attribute directives: Built-in
- Attribute directives: Custom
- Using directive values
- Working with events in directives
- Angular pipes: Built-in
- Angular pipes: Custom
4. Forms
- Angular forms
- Template-driven forms
- Model-driven forms
- Validation: Built-in
- Validation: Custom
- Error handling
5. Dependency Injection and Services
- How Angular does dependency injection
- Services in Angular
- Class constructor injection
- Building and providing a service
- Providing services in the root
- Using the service in components
- The @Inject decorator
- Injection token
6. HTTP
- The Angular HttpClient
- Using a mock backend for HTTP calls
- Using the HttpClient for GET calls
- Using search params in GET calls
- Use HttpClient for POST, PUT, and DELETE calls
- Handling HTTP errors
7. Routing
- Setting the base href and configuring routes
- Registering routing in the app module
- Router outlets
- Router links
- Working with route parameters
- Using the Router class to navigate
- Using a feature NgModule for routes
- Lazy loading a route module
8. Styling Components
- The view encapsulation modes
- How Angular scopes styles to components
- Using common CSS selectors
- Special CSS selectors Angular supports
- Working with global styles