Gratuito

Flutter Layouts - Contact App

Neste curso vamos criar um layout completo para Android e iOS usando o Flutter

• Sobre o curso
• Aulas

• Esta é a página do curso 7200 – Flutter Layouts - Contact App.

  Este é um curso de aprofundamento na construção de layouts com Flutter. A principal vantagem do Flutter é podermos construir um App que atenda tanto à dispositivos com iOS quanto Android.

  Assim, compartilhar código, ou melhor, compartilhar componentes é o que vai nos fazer aumentar a produtividade e ter sucesso em entregar um App para ambos os sistemas operacionais.

  Neste curso você vai aprender o fluxo de trabalho, do começo ao fim, para construirmos um App multiplataforma. No app que construiremos no decorrer das aulas, focaremos em aspectos de layouts, design e experiência do usuário. As regras de negócio ficarão para o curso seguinte.

  Ao final do curso, você conseguirá criar um App iOS e Android para aproveitar todas as vantagens do Flutter.

  Neste curso sobre Flutter você vai...

  • Aprender sobre Material e Cupertino
  • Aprender a organizar widgets iOS e Android no mesmo projeto Flutter
  • Aprender mais sobre Temas em Flutter
  • Aprender a utilizar Assets em um projeto Flutter
  • Aprender a criar uma Splash Screen com Flutter
  • Aprender a implementar um App Bar
  • Aprender a como construir navegação entre páginas em Flutter
  • Aprender a passar parâmetros entre páginas em Flutter
  • Aprender a utilizar Slivers e Navigation Bar com Flutter
  • Aprender a criar um botão flutuante com Flutter
  • Aprender a posicionar e centralizar itens na tela
  • Aprender a criar um formulário

  Para quem é recomendado este curso sobre Flutter

  • Para pessoas que querem aprender a criar bons layouts com Flutter
  • Para pessoas querendo aprofundar seus conhecimentos de Layout com Flutter
  • Parar pessoas querendo criar Apps mais refinados com Flutter
  • Para pessoas que querem criar App Android e App iOS com o mesmo código

  Tecnologias e versões utilizadas

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

  Projetos do curso

  • App de contatos, focado nas interações entre os componentes, e com uma versão para Android e iOS com o mesmo código.
• • Módulo 1
    Layout no Android
    • Apresentação - 1 mins
    • Material vs Cupertino - 4 mins
    • Separando o App em Android e iOS - 4 mins
    • Iniciando com Temas - 5 mins
    • Utilizando Assets - 4 mins
    • Aplicando as Fontes - 4 mins
    • Utilizando as variáveis dos temas - 6 mins
    • Centralizando os itens - 4 mins
    • Finalizando a Splash Screen - 3 mins
    • AppBar - 6 mins
    • ListView e ListTile - 5 mins
    • Avatar - 3 mins
    • Floating Action Button - 3 mins
    • Navegando entre páginas - 5 mins
    • Imagem do contato - 4 mins
    • Ações do contato - 5 mins
    • Finalizando os detalhes do contato - 5 mins
    • Criando o modelo - 5 mins
    • Passando parâmetros na navegação - 3 mins
    • Exibindo textos dinâmicos - 2 mins
    • Criando o formulário - 4 mins
    • Melhorando o FlatButton - 3 mins
    • Visualização do endereço - 4 mins
    • Finalizando o endereço - 4 mins
  • Módulo 2
    Layout no iOS
    • Iniciando o App no iOS - 4 mins
    • Temas - 3 mins
    • Splash Screen - 5 mins
    • Slivers e Navigation Bar - 5 mins
    • Estruturando a página - 3 mins
    • Item da lista de contatos - 5 mins
    • Finalizando a Home - 3 mins
    • Iniciando a tela de detalhes - 4 mins
    • Finalizando a página de detalhes - 4 mins
    • Organizando as navegações - 3 mins
    • Tela de edição de contato - 3 mins
    • Tela de endereço - 4 mins
    • Finalização - 2 mins
  • Módulo 3
    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