
Breve introdução sobre o Curso
Instalação do Plugin do Flutter para o Android Studio
Criando nosso primeiro projeto Flutter através do Android Studio
Conhecendo o Hot Reload poderoso do Flutter no Android Studio
Criando nosso primeiro aplicativo utilizando o Terminal (CMD) + o Editor de Texto à sua escolha (no exemplo é o Atom)
Aplicando o Hot Reload através do Terminal (CMD) + o Editor de Texto que você utiliza
Conhecendo o Flutter Studio, um auxiliar para nós, desenvolvedores
Criando o aplicativo Hello World e explicando como funciona essa simples tela
Conhecendo o Flutter Inspector, semelhante ao Inspector do Google Chrome
Instalando e configurando o Visual Studio Code para utilizar no desenvolvimento com Flutter, mais uma alternativa.
Vamos construir um aplicativo para servir de modelos de funcionamento de Widgets do Flutter
Vamos adicionar o Drawer, estilo bem parecido com o Sidemenu
Vamos adicionar um background com o BoxDecoration ao nosso DrawerHeader.
Vamos utilizar o Navigator e navegar para a tela de Botões
Vamos finalizar o Drawer, criando as navegações para as telas de Listas e Cards, e fechando o Drawer com o pop().
Vamos criar um TabBar com alguns itens e vê-los em nossa página (tela), facilmente.
Criando o Widget para a TabBarView de Raised Button.
Raised Button adicionam dimensão a layouts geralmente simples. E enfatizam funções em espaços ocupados ou amplos.
Criando o Widget para a TabBarView de Flat Button
Flat Button é um botão mais "clean". Recomendado para utilizar em barras de ferramentas e nas caixas de diálogos.
Criando o Widget para a TabBarView de Outline Button
Outline Button são opacos e elevam-se quando pressionados. Eles são frequentemente emparelhados com botões em relevo para indicar uma ação secundária.
Criando o Widget para a TabBarView de Icon Button e do Action Button
Adicionaremos 2 Botões no TabBar para usar dinamicamente com nossa Lista
Vamos criar o nosso Widget da Lista e demonstrá-la no ListView.
Vamos ordenar a nossa lista por ordem alfabética...
Iremos criar um bottom sheet com algumas opções.. Dentre elas, layout de lista com 1, 2 ou 3 linhas.
Vamos adicionar Avatar e Ícone em nossa lista.
O repositório para o nosso projeto está em: https://github.com/juniorabranches/udemy-course-widgets_app_demo
Vamos criar um ícone no AppBar cuja função será de arredondar nossos Cards
O que é Flutter?
Como ele funciona?
O que é Dart?
Conheça esse poderoso SDK de desenvolvimento mobile criado pelo Google.
O Flutter trabalha multiplataforma, portanto, com apenas um código é possível gerar aplicativos para Android e iOS. O mais importante de tudo isso é que a compilação é Nativa e abstrai o que tem de melhor dos Sistemas Operacionais, em questão de performance e UI, pois sua estrutura é diferenciada dos demais Frameworks..
Por ser uma linguagem teoricamente nova, fique um passo à frente da galera e adquira esse conhecimento.
Principais Tópicos:
Entendendo o Flutter;
Entendendo o Dart;
Criando aplicação Demo;
Criando um Drawer;
Criando um DrawerHeader com BoxDecoration;
Criando Itens de Menu do Drawer;
Navegando entre telas;
Apresentação de diversos Widgets;
E muito mais...
"Bora estudar?