Gratuito

Dominando Layouts no Flutter

Quer criar layouts que realmente impactam? Com animações e temas incríveis? Então este curso é para você!.

• Sobre o curso
• Aulas

• Esta é a página do curso 7185 – Dominando Layouts no Flutter.

  Antes de tudo, este é um curso de Flutter que pega num ponto muito importante: a experiência do usuário. Seu app Flutter pode ter centenas de funções, ser rápido, com um Backend robusto, impecável... mas se o app não for bonito, você vai espantar e perder clientes.

  A ideia deste curso é focar na construção de bons layouts com Flutter, te conduzir por boas práticas e te ensinar técnicas para lidar com diversos componentes visuais, cores, textos, fontes, ícones, cartões, listas, como posicionar os elementos na tela (diagramar) e como criar transições ou animações para dar vida ao seu app Flutter.

  Conforme sua interface gráfica vai crescendo, pode acontecer do código com sintaxe declarativa ficar “desorganizado”, e neste curso vou efetivamente te ensinar a refatorar e organizar seus widgets, além de tratar também do importantíssimo dark mode e de como trabalhar com temas.

  Chega de app caseiro. Ao final deste curso, você terá todo o conhecimento necessário para criar um app com Flutter que seus clientes da Google Store e App Store vão amar!

  Neste curso sobre Flutter você vai...

  • Aprender a começar um novo projeto Flutter
  • Aprender sobre o Material App e Cupertino
  • Aprender a como diagramar (posicionar na tela) um app com Flutter
  • Aprender a aplicar efeitos e cores com Flutter
  • Aprender a como organizar os códigos dos componentes em Flutter
  • Aprender a trabalhar com formulários e validações de formulários
  • Aprender a aplicar temas, esquemas de cores e Dark Mode com Flutter
  • Aprender a criar animações e transições para seu app com Flutter
  • Aprender a disparar e controlar animações no Flutter
  • Aprender como gerar os ícones do app com Flutter
  • Aprender como preparar os pacotes do app em Flutter para publicar na Google Play e App Store

  Para quem é recomendado este curso sobre Flutter

  • Para pessoas que querem aprender a criar bons layouts com Flutter
  • Para quem já tem o conhecimento básico de Dart e já instalou Flutter
  • Para pessoas começando a diagramar Apps com Flutter
  • Parar pessoas querendo criar Apps mais refinados com Flutter

  Tecnologias e versões utilizadas

  • Flutter v1.5.4
  • VS Code
  • Emulador ou dispositivo Android/iOS

  Projetos do curso

  • Um app que apresenta uma vitrine de produtos, que permite filtrar por categorias de produtos ou buscar produtos, e um carrinho de compras, com um layout e transições/animações interessantes para lojas online.
• • Módulo 1
    Introdução
    • Apresentação - 2 mins
    • Introdução - 3 mins
    • Criando o Projeto - 5 mins
    • Material App - 5 mins
    • Hello World - 5 mins
    • Scaffold - 4 mins
    • Collumns - 7 mins
    • Rows - 3 mins
    • ListView - 2 mins
  • Módulo 2
    Layouts
    • Padding - 3 mins
    • BoxDecoration - 6 mins
    • TextStyle - 3 mins
    • FlatButton - 3 mins
    • TextFormField - 5 mins
    • SizedBox - 2 mins
    • Alignment - 4 mins
    • BorderRadius - 3 mins
    • Assets - 5 mins
    • Image - 7 mins
    • Column VS ListView - 2 mins
    • SingleChildScrollView - 3 mins
    • Navegação - 4 mins
    • AppBar - 5 mins
    • Tela de Signup - 8 mins
    • SearchBox - 10 mins
    • Menu de Categorias - 6 mins
    • ProductList - Parte 1 - 4 mins
    • ProductList - Parte 2 - 5 mins
    • Gesture Detector - 4 mins
    • SliverAppBar - 5 mins
    • Detalhes do Produto - 2 mins
    • Expanded - 4 mins
    • CartPage - Parte 1 - 6 mins
    • CartPage - Parte 2 - 3 mins
    • Tabs - 6 mins
  • Módulo 3
    Organização
    • SearchBox Widget - 2 mins
    • Category Item Widget - 5 mins
    • Category List Widget - 2 mins
    • Product Item Widget - 5 mins
    • Product List Widget - 2 mins
    • Product Page - 3 mins
  • Módulo 4
    Temas
    • Criando Temas - 7 mins
    • Cart Page - 4 mins
    • Home Page - 2 mins
    • Login - 4 mins
    • Signup - 2 mins
    • Trocando Temas - 5 mins
  • Módulo 5
    Formulários
    • Forms e FormKeys - 3 mins
    • Validator - 1 mins
    • Validando o Form - 4 mins
  • Módulo 6
    Animações
    • Hero - 3 mins
    • Animation Controller - 6 mins
    • Animated Icon - 5 mins
    • Animation Tween - 8 mins
    • Utilizando Valores da Animação - 4 mins
    • Animated Builder - 5 mins
  • Módulo 7
    Toques Finais
    • Ícones da Aplicação - 4 mins
    • Considerações Finais - 1 mins
  • Módulo 8
    Conclusão
    • Parabéns, você conseguiu! - 1 mins

Instrutor

---

Carreiras relacionadas

---

Artigos relacionados

• Alterando a cor do tema no React Native
• Flutter SQLite
• Flutter - Instalação e Configuração do Android no Windows

---

Cursos relacionados

---

Matricule-se