Formação Angular

Passo a passo

1. 1 Conhecer a linguagem TypeScript

   O TypeScript, também conhecido como "JavaScript melhorado", é a linguagem usada pelo Angular. Então, se você ainda não conhece essa linguagem, vamos mergulhar nos estudos dela e aprender tudo sobre o sistema de tipos e como ele evita erros no desenvolvimento de projetos.

   Esse sistema de tipos é uma das características mais famosas da linguagem, mas ela não é a única. Utilizando de análise estática de código e de um compilador que transforma seu código em JavaScript, ela te dá sugestões de como melhorar seu código e evitar erros, ao mesmo tempo que gera uma documentação simples do código criado. Tudo isso traz uma experiência muito agradável para quem está programando o projeto.

   • 

     Curso TypeScript parte 1: Evoluindo seu Javascript

     Curso | 08h

   Faça esse curso e:

   • Aprenda a configurar do zero seu ambiente
   • Compreenda as vantagens da tipagem estática
   • Modele suas classes utilizando o que há de melhor na linguagem
   • Aprenda a utilizar modificadores de acesso, herança e tipos genéricos
   • Conheça gradativamente os recursos do TypeScript compiler
   • Entenda o papel dos Type Definitions

   Mais detalhesdo curso TypeScript parte 1: Evoluindo seu Javascript

   • 

     Curso TypeScript parte 2: Mais técnicas e boas práticas

     Curso | 10h

   Faça esse curso e:

   • Entenda o papel de namespaces
   • Organize seu projeto em módulos do ES2015
   • Aplique a estratégia de barris
   • Compreenda o impacto do strictNullChecks em seu código
   • Trabalhe com Enuns
   • Entenda as vantagens de se trabalhar com diferentes tipos de interfaces
   • Entenda o benefício de async/await

   Mais detalhesdo curso TypeScript parte 2: Mais técnicas e boas práticas

   • 

     Artigo TypeScript, favoreça o uso de Type Definitions - Blog da Caelum: desenvolvimento, web, mobile, UX e Scrum

2. 2 Conhecer o Angular e trabalhar com Webpack

   Conforme a web foi se desenvolvendo, começaram a surgir problemas de retrocompatibilidade. A criação de sites tem gerado códigos cada vez maiores e emergem desafios sobre como organizar projetos de forma eficiente para disponibilizar ao público. Por todos esses problemas, foram criadas ferramentas de empacotamento dos projetos, os bundlers, elas automatizam uma série de tarefas que as equipes precisam executar sempre que vão subir um site para produção.

   Aqui você vai aprender sobre o Webpack e como separar a sua aplicação em diferentes pacotes aplicando as boas práticas seguidas pela comunidade. Também vai começar um novo projeto em Angular e a criação de componentes.

   • 

     Curso Webpack: Manipulando módulos na sua webapp

     Curso | 08h

   Faça esse curso e:

   • Aprenda o module bundler mais popular do mercado
   • Diferencie o build de desenvolvimento do build de produção
   • Aprenda a aplicar técnicas como o lazy loading e o code splitting
   • Seja mais produtivo como Webpack Dev Server
   • Separe sua aplicação em diferentes bundles
   • Aplique na prática as boas práticas seguidas pela comunidade

   Mais detalhesdo curso Webpack: Manipulando módulos na sua webapp

   • 

     Curso Angular parte 1: Fundamentos

     Curso | 16h

   Faça esse curso e:

   • Adquira os fundamentos, a base para decolar com o framework
   • Aplique boas práticas desde o início
   • Crie seus primeiros componentes e diretivas
   • Aprenda a realizar comunicação entre componentes
   • Acelere seu desenvolvimento com Bootstrap 4
   • Domine a organização em módulos
   • Integre com o backend NodeJS como exemplo

   Mais detalhesdo curso Angular parte 1: Fundamentos

   • 

     Curso Angular parte 2: Autenticação, Forms e lazy loading

     Curso | 12h

   Faça esse curso e:

   • Entenda como é o fluxo de autenticação de uma SPA
   • Aprenda a automatizar o envio do token de autenticação
   • Proteja rotas que requerem autenticação
   • Melhore a performance da aplicação através de lazy loading
   • Avance ainda mais no uso de Observables e Subjects
   • Crie seu próprio validador de formulários
   • Vá além implementando validação assíncrona

   Mais detalhesdo curso Angular parte 2: Autenticação, Forms e lazy loading

   • 

     Artigo AngularJS, Angular 1, Angular 2 ou Angular 4? Que confusão! - Blog da Alura

   • 

     Podcast Angular vs React – Hipsters #142

3. 3 Aprofundar no Angular

   Na web o principal método para obtermos informações das pessoas é via formulário. Porém, como podemos garantir que as informações estejam de acordo com as regras do negócio? Para isso, precisamos saber como validar informações e orientar as pessoas sobre o preenchimento adequado.

   Aqui você vai fazer essas validações e também o upload de imagens para um servidor. Para mergulhar ainda mais fundo, vai fazer requisições para o servidor e usar um interceptor para facilitar o fluxo de autenticação.

   • 

     Curso Angular parte 3: upload, build e novos componentes

     Curso | 12h

   Faça esse curso e:

   • Aprenda a realizar uploads dentro do framework
   • Aprenda a lidar com segmentos de rotas
   • Avance na questão de permissões de usuários autenticados
   • Aprenda a diferenciar diferentes ambientes de deploy
   • Pratique ainda mais a construção de componentes

   Mais detalhesdo curso Angular parte 3: upload, build e novos componentes

   • 

     Curso Angular parte 4: lapidando o projeto

     Curso | 10h

   Faça esse curso e:

   • Avance na criação de componentes
   • Lide com progresso em uploads
   • Aprenda a tratar erros sofisticadamente
   • Avance na validação de formulários
   • Utilize interceptadores ao seu favor

   Mais detalhesdo curso Angular parte 4: lapidando o projeto