4. Objetivos:
- Definição de PWA
- Dicas para um bom frontend
- UI/UX nas PWAs
- Saindo da mediocridade
MVP Conf 2019
Progressive Web Apps
State of Art
8. Cursos alinhados ao mercado
Cancele quando quiser
Seja nosso
aluno!
Confira os cursos: http://balta.io/cursos
9. Antes de começar...
Dicas valiosas
- Separe o Front do Back!
- Não use os templates padrão do VS
- Use o sempre os CLIs
- O VS Code tem melhor suporte e adoção para Front
- Server Side Render/Angular Universal!
- Se não precisar de SEO, sirva arquivos estáticos
- TypeScript no Backend pode ser uma boa
- Use e abuse do Azure CDN
- UI/UX importam muito (Ionic/Framework 7/Quasar)
10. Revisando...
O que são PWAs?
- Um movimento
- Criar Apps Web melhores
- Feeling nativo
- Suporte Offline
- Instaláveis
- Seguras
- Responsivas
- Rápidas
27. #4
E Desktops?
- Tem nas versões mais recentes do Chrome
- Roda em Windows, Mac e Linux
- Não depende de Electron
- Tem todas as funcionalidades de um PWA
28.
29. #5
UI/UX
- Peça fundamental
- I can`t believe is not native
- Utilize um Framework (Ionic/Quasar/Framework 7)
- Forneça UIs diferentes para Apple/Android
30. #6
Apple
- É a grande pedra no sapato
- Suporta “superficialmente” PWA
- Não demonstra muito interesse em melhorar isto
- Podemos viver sem ela
32. Material Selecionado
Cancele quando quiser
Cursos alinhados ao
mercado
Conteúdo novo TODO DIA!
https://balta.io
SEGUNDA
Vlog
TERÇA
Tutorial/Novas Aulas
QUARTA
Tutorial/Live Coding
QUINTA
Novas Aulas
SEXTA
Carreira Dev
SÁBADO
BaltaNews