Formação Angular
Aprenda as vantagens de um dos frameworks mais utilizados no mundo e requisitados no mercado!
Assista o vídeo
veja nossa apresentação da Formação e uma Alura Live sobre a Carreira em Front-end
O que você aprenderá?
O Angular é um dos frameworks mais populares do mercado de desenvolvimento front-end. Utilizado para construir aplicações web, mobile ou desktop, que são desenvolvidas utilizando TypeScript, HTML e CSS.
Se você não conhece TypeScript, não se preocupe, nessa formação te daremos a base de como trabalhar com essa linguagem para que você aproveite o máximo dela e facilite seu dia-a-dia, tirando proveito da análise estática de código e do sistema de tipos dela.
Usado para criar páginas web baseadas em componentes, o Angular facilita a manutenção de layouts complexos e isola as responsabilidades de cada parte do seu código. Ele também conta com uma comunidade muito grande e, tendo o Google como mantenedor do projeto, ele sempre está atualizado e evoluindo para se tornar ainda melhor.
Bora mergulhar no mundo do Angular?
Por que estudar esta formação?
-
Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
-
Do básico ao avançado
Formação completa para o mercado
-
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse
Comece essa formação agora mesmo e capacite-se para seu próximo projeto!
Conheça os planosCom quem você irá aprender
-
Flavio Henrique de Souza Almeida
Passo a passo
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 - 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
-
Curso TypeScript parte 2: Mais técnicas e boas práticas
Curso | 10h - 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
-
Post TypeScript, favoreça o uso de Type Definitions - Blog da Caelum: desenvolvimento, web, mobile, UX e Scrum
Faça esse curso e:
Mais detalhesdo curso TypeScript parte 1: Evoluindo seu Javascript
Faça esse curso e:
Mais detalhesdo curso TypeScript parte 2: Mais técnicas e boas práticas
-
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 - 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
-
Curso Angular parte 1: Fundamentos
Curso | 16h - 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
-
Curso Angular parte 2: Autenticação, Forms e lazy loading
Curso | 12h - 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
-
Post AngularJS, Angular 1, Angular 2 ou Angular 4? Que confusão! - Blog da Alura
-
Podcast Angular vs React – Hipsters #142
Faça esse curso e:
Mais detalhesdo curso Webpack: Manipulando módulos na sua webapp
Faça esse curso e:
Faça esse curso e:
Mais detalhesdo curso Angular parte 2: Autenticação, Forms e lazy loading
-
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 - 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
-
Curso Angular parte 4: lapidando o projeto
Curso | 10h - 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
Faça esse curso e:
Mais detalhesdo curso Angular parte 3: upload, build e novos componentes
Faça esse curso e:
-
Front-end
Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...