Esse módulo nos fornece uma visão do framework Angular através de conceitos e fundamentos que irão nos ajudar no desenvolvimento de aplicações front-end.
O Angular foi lançado tendo como foco fornecer infraestrutura para a criação de aplicações cliente de grande porte, capazes de serem executadas em múltiplos dispositivos.
Foi também nesse momento que a Google decidiu que o TypeScript seria a linguagem oficial para o desenvolvimento de aplicações Angular e não mais o JavaScript, utilizado no AngularJS. Também por esse motivo, o Angular e o AngularJS não tem nenhuma compatibilidade. Além dessa mudança, o Angular também ganhou uma poderosa ferramenta de linha de comando, o Angular CLI, dedicado a criação de artefatos para o projeto, deploy e testes.
Abaixo temos alguns bons motivos para estudar e aprofundar seus conhecimentos com o Angular:
- O aplicativo web, web app, funcionará na maioria dos navegadores modernos (Chrome, Safari, FireFox, Internet Explorer, Edge, Opera etc.).
- Há aproveitamento de código em módulos e aplicações. Grande parte do código será aproveitado para geração de aplicações mobile híbridas (app Android, app IOS) geradas pelo IONIC (framework baseado em Angular que empacota uma web app angular em aplicativo mobile).
- Adotado e mantido pelo Google, ele utiliza como base para desenvolvimento interno de seus projetos, exemplo Gmail.
- Framework focado na lógica da aplicação oferecendo alta produtividade de entregas.
- Aplicações ricas e interativas, há suporte a animações em html puro que dispensam a utilização de plugins como flash, silverlight ou Java.
- Adoção do TypeScript, super conjunto do JavaScript, que permite escrever código utilizando uma estrutura fortemente tipada e ter este código compilado para JavaScript puro.
Este módulo apresenta uma introdução aos fundamentos do Angular, seu uso e seus conceitos mais importantes. Ao final, você deverá saber:
- Porque aprender
- O que vai aprender
- O que é Angular
- Introdução ao Angular
- Versionamento do Angular
- Linguagem TypeScript
- Componentes e serviços
- Primeiros passos
- Instalação o Node.js
- Instalação da CLI Angular
- Primeiro Aplicativo Angular 8
- Arquivos usados na pasta
- Execução do aplicativo
- Como fazer a instalação
- Como criar um projeto
- Arquitetura do Angular
- Componentes
- Módulos
- Diretivas
- *ngIf
- *ngFor
- *ngSwitch
- Como usar *ngIf *ngFor *ngSwitch
- Ligação de dados (databinding)
- Ligação de dados unidirecional
- Ligação de dados bidirecional
- Pipes
- Demonstração de como usar pipes
- Demonstração de como criar pipes
- Roteamento
- Reforçando conteúdo
- Serviços
- Reforçando conteúdo
- HttpClient
- Reforçando conteúdo
- Formulários
- Criação de formulário
- Validação de formulário
- Form Http Post
- Vídeo complementar
- Links úteis
JavaScript – Languages
TypeScript – Languages
Angular – Javascript MVC Frameworks
Node.js – Frameworks (Full Stack)
RxJS – Concurrency Frameworks
Jasmine – Javascript Testing Framework
Karma – Browser Testing
Para ver todas as tecnologias clique aqui