Semana do Angular 2017

Semana do Angular 2017

Aprenda do zero ao deploy a construir uma PWA

Começar

O Semana do Angular é um evento gratuito realizado anualmente cujo objetivo é criar, em 5 dias, alguma aplicação real, do zero ao deploy.

O tema desta primeira edição é desenvolver um mini-ecommerce para venda de jogos dos anos 90, aplicando os principais conceitos de uma Progressive Web App: app-shell, service worker e manifest.

No meio do caminho você vai aprender técnicas inovadoras utilizando node, angular 4, angular-cli, bulma, sass e muito mais.



100% online

5 dias de estudo

Prática com ES6 e TypeScript

O que é uma PWA?

Um Progressive Web App é uma aplicação web com aspectos nativos, que acessa recursos disponíveis na API do próprio browser. Uma PWA precisa trabalhar com 3 principais conceitos:

  • Ser "confiável", carregando mesmo em condições ruins de rede;
  • Ser "rápida", tornando a experiência do usuário mais eficiente e com mínimo de scroll possível;
  • Ser "cativante", gerando o máximo de engajamento possível;

Neste treinamento iremos cobrir boa parte dos requisitos técnicos de uma PWA, como a possibilidade da navegação offline, botão de adicionar a home screen, funcionamento em full screen e carregamento com splash screen.

Projeto Final



Experimente a Super Store 90's Games

Cases PWA

pelo mundo



Ali Express

Aumento de 104% para novos usuários em todos os navegadores; aumento de 82% na taxa de conversão do iOS; 2 vezes mais páginas visitadas, por sessão e usuário, em todos os navegadores; aumento de 74% no tempo gasto por sessão, em todos os navegadores.

Alibaba

76% mais conversões em todos navegadores; 14% mais usuários ativos mensais no iOS; 30% de aumento de acessos no Android, com uma taxa 4 vezes maior de interação ao adicionar atalho para Homescreen do celular.

Flipkart

Comparando o tempo de usuários com a PWA vs. experiência móvel anterior podemos constatar: 3,5 minutos vs 70 segundos; 3 vezes mais tempo gasto no site; taxa de reengajamento 40% maior; taxa de conversão 70% maior entre os que chegam via Homescreen; 3 vezes menos uso de dados.

O que está incluso?



+20 video aulas

Projeto final

Código fonte das aulas

Exercícios

Suporte 1x1

Comunidade engajada

play_circle_outline ementa

  • Introdução ao Node e NPM

    20:00

    Nesta aula vamos conhecer o Node e o gerenciador de pacotes dele: npm. Além disto vamos aprender a inicializar um novo projeto pelo NPM; instalar e importar bibliotecas de terceiros, no caso o lodash; e aplicar um pequeno exemplo de lista, utilizando a IDE para desenvolvimento Visual Studio Code.

  • Modelo síncrono vs modelo assíncrono

    20:31

    Nesta aula vamos entender na prática o modelo síncrono vs assíncrono do node, trabalhando com as promessas do ES6, o novo javascript. Com isso teremos a segurança de construir uma aplicação que não quebre caso ocorra algo inesperado

  • Conhecendo o Angular CLI

    29:20

    Nesta aula vamos conhecer a interface de linha de comando do angular: ng-cli. Iremos fazer uma instalação limpa, ver os comandos básicos e deixar tudo certo para começarmos o nosso desenvolvimento.

  • Introdução ao Bulma

    20:14

    Nesta aula vamos conhecer a framework css bulma, que é desenvolvida com o pré-compilador SASS e distribuída por meio do gerenciador de pacotes npm.

Seja premium! Escolha o melhor plano pra você

Todos possuem acesso irrestrito aos cursos, incluindo certificados, suporte 1x1 e garantia de 7 dias.
Mensal
weekend

R$49.90

Ideal para começar. Cancele a qualquer momento.

Trimestral
home

de R$149.70 por R$135.00

Estude mais e obtenha desconto de 10%

Semestral
business_center

de R$299.40 por R$254.00

Estude mais e obtenha 15% de desconto

Anual
business

de R$598.80 por R$449.00

Garanta o estudo anual e ganhe 25% de desconto