Criando Apps Web com Angular e UiKit

Que tal aprender criar belas Apps Web com Angular e UiKit?

5h
Iniciante
Careers Image

Sobre o curso

Esta é a página do curso 7187 – Criando Apps Web com Angular e UiKit.

Você já aprendeu o essencial do Angular no curso Começando com Angular? Ótimo.

Agora, vamos evoluir nossos conhecimentos através da construção de um Frontend para uma API existente, que é um cenário muito comum na carreira de Devs Frontend.

Neste curso vou te mostrar o UiKit e vamos construir um app para Petshop!

Neste curso de Angular você vai...

  • Aprender a configurar um projeto Angular para utilizar Yarn e UiKit
  • Aprenda a utilizar o LESS para estilizar seu projeto Angular
  • Aprender a criar componentes em Angular usando o Angular CLI
  • Aprender a construir telas com formulários usando o UiKit
  • Aprender a construir rotas e trabalhar com Routing no Angular
  • Aprender a construir áreas públicas e áreas autenticadas na aplicação
  • Aprender e construir autenticação/login com Angular
  • Aprender a armazenar a utilizar o Token e Refresh Token do JWT com Angular
  • Aprender a renderizar componentes dinamicamente (pais e filhos)
  • Aprender a utilizar com Router Link
  • Aprender a utilizar uma API Backend mock com o Mockoon
  • Aprender e implementar o conceito de Services
  • Aprender a trabalhar com lista assíncrona (RxJS)
  • Aprender a chamar uma API externa com HttpClient
  • Aprender a enviar dados de um componente para outro
  • Aprender a implementar e usar Models e as vantagens da tipagem
  • Aprender a utilizar formatação com pipe no Angular
  • Construir uma tela de “loading” para indicar que a aplicação está ocupada
  • Aprender a criar máscaras para dados – por exemplo, para CPF – através de diretiva
  • Aprender a criar Custom Validators para validar o formulário
  • Aprender dicas práticas para lidar com os dados de login e sessão do usuário
  • Aprender a construir login e logout com Angular
  • Aprender a proteger rotas da aplicação com login
  • Aprender a executar a aplicação Angular em ambiente de desenvolvimento
  • Aprender sobre importações no Angular
  • Aprender a criar formulários básicos em Angular
  • Aprender a validar formulários no Angular
  • Aprender a habilitar/desabilitar botões em Angular
  • Aprender a persistir dados em Local Storage (browser)

Para quem é recomendado este curso de Angular

  • Iniciantes na área de programação com JavaScript e TypeScript
  • Iniciantes que querem evoluir seus conhecimentos em Angular
  • Programadores com alguma experiência que querem adicionar Angular ao portfólio
  • Programadores interessados um curso para aprender a desenvolver um MVP com Angular
  • Profissionais em preparação para uma entrevista técnica com Angular

Tecnologias e versões utilizadas

  • Node.js v11.5.0 (versão mínima)
  • Npm 6.4.1 (versão mínima)
  • Yarn 1.13.0 (versão mínima)
  • UiKit
  • Angular CLI 7.2.2
  • Mockoon 1.4.0
  • Visual Studio Code (Versão mais recente disponível)

Projetos do curso

  • Criaremos um Frontend para uma Petshop, com vitrine de produtos, cadastro de produtos, carrinho de compras, área logada e área pública, construiremos componentes mais avançados, com dependências externas e implementaremos comunicação com uma API externa (mockada).

Conteúdo do curso

UiKit

1h 8m

Petshop App

3h 17m

Não sabe por onde começar?  Clique aqui.

64

cursos disponíveis

374

horas de conteúdo

75675

de alunos

52291

certificados emitidos

Conheça os nossos planos

Premium

No plano anual você tem acesso à todos os benefícios Premium através de uma compra única, com desconto, ou parcelada em até 12X no cartão de crédito.

R$

1.017,36

À vista no PIX com 10% OFF

Ou R$ 1.253,39 em até 12x no cartão de crédito

Todo conteúdo do Starter

Formação completa de .NET

Eventos exclusivos

7 dias de garantia

Você tem alguma duvídas?

Perguntas frequentes

Posso começar de graça?

Vou ter que pagar algo?

Por onde devo começar?

Os cursos ensinam tudo que preciso?

O que eu devo estudar?

Estou pronto para estudar no balta.io?

Ainda não sanou sua dúvida?  Clique aqui.
An unhandled error has occurred. Reload 🗙