Visão Geral

Curso Angular 12 Foundation, da última versão a versão mais recente do Angular é menor, mais rápida e mais fácil de usar e permite a transição do ecossistema Angular para o compilador Ivy. Neste curso, aprenda todos os conceitos básicos e o orienta para construir um aplicativo de negócios centrado em dados Angular completo, incluindo a função de TypeScript, configuração do projeto, estrutura de código, guia de estilo, usando a CLI Angular, vinculação de dados, solicitações assíncronas para um REST API por meio de serviços, observáveis ​​e roteamento.

Objetivo

Curso Angular 12 Foundation

Publico Alvo

• Qualquer pessoa que acabou de concluir o HTML, CSS e JavaScript e deseja ampliar suas habilidades em JavaScript
• Qualquer pessoa que queira construir seu próprio projeto baseado em JavaScript
• Quem quiser aprender angular

Materiais

Conteúdo Programatico

Writing Your First Angular Web Application

1. Introduction to Single Page Application
2. What do we need Angular for?
3. Setting up the Development Environment
4. Angular Application Architecture
5. First Angular App
6. Bootstrapping crash course

TypeScript

1. Angular is built in TypeScript
2. What do we get with TypeScript?
3. Built-in types
4. Classes
5. Properties
6. Methods
7. Constructors
8. Inheritance
9. Utilities
10. Fat Arrow Functions
11. Template String

Angular Components

1. Angular Components and the @Component Decorator
2. Creating an Angular Component using the Angular CLI
3. Component Decorator Metadata
4. Data Binding - String Interpolation - {{ }}
5. Property Binding - []
6. Event Binding - ()
7. @Input and @Output Property Decorators
8. Two-way Data Binding - [()]
9. Attribute Binding - [attr.]
10. Class Binding - [class.]
11. Style Bindings - [style.]

Angular Directive and Pipes

1. Introduction to Directives
2. Built in Structural Directives
3. Built in Attribute Directives
4. Building custom Attribute Directives
5. Building Custom Structural Directives
6. Introduction to Pipes in Angular
7. Using Built In Pipes
8. Creating Custom Pipes in Angular
9. Pure and Impure Pipes in Angular

Angular Forms

1. Types of Form in Angular
2. Reactive form in Angular
3. Dynamically Adding or Removing Form Control(s) or Form Group(s) using Form
4. Array(s)
5. Validations to your Reactive Form
6. Validations to your Reactive Form
7. Resetting the value of a form 

Angular Routing with Guards

1. Why Do We Need Routing?
2. How client-side routing works
3. Components of Angular routing
4. Imports
5. Routes
6. Installing our Routes
7. RouterOutlet using <router-outlet>
8. RouterLink using [routerLink]
9. Putting all together
10. Implementing Child Routes
11. Introduction to Route Guards in Angular
12. CanActivate and CanActivateChild Guards in Angular
13. CanDeactivate Guard in Angular
14. Prefetching Data for a Component using Resolve

HTTP, Observables

1. Dependency Injection
2. Hierarchical Dependency Injection
3. Introduction to Services in Angular
4. GET data from a Rest API using HttpClient
5. CRUD Operations using HttpClient, HttpParams and HttpHeaders
6. Observables and Operators in Observables - Map, Retry, Catch
7. Custom HTTP Headers

Data Architecture in Angular

1. Introduction to Redux with TypeScript
2. Redux
3. Storing our state
4. Setting up Redux

Intermediate Redux in Angular

1. Advance Component
2. Styling
3. Lifecycle Hooks
4. Advance Templates
5. Change Detection

Testing

1. End to end testing
2. Unit testing
3. Testing Services and component