Giter Club home page Giter Club logo

nlw_togther_flutter's Introduction

NLW_Togther_Flutter

Esse repositório foi criado para acompanhar as aulas do NLW Togethr trilha de Flutter.

Passo a passo das aulas:

Aula 01:

  1. Apresentação do Flutter e do planejamento do curso;
  2. Apresentação do Aplicativo que será desenvolvido;
  3. Configuração do ambiente de desenvolvimento:
    • Instalação e configuração do flutter e do sdk do android.
  4. Criação de um exemplo usando o dart:
    • Criação de um arquivo de configurações;
    • Criação do primeiro arquivo .dart para apresentação do primeiro Hello World!;
    • Criação de uma primeira função para aprender a sintaxe;
    • Entender como funcionam as declarações de parâmetros do flutter;
    • Criação de uma primeira classe para compreender como elas funcionam.
  5. Criação do primeiro projeto:
    • Dentro da pasta do projeto foi utilizado o comando flutter create <App name>
    • Entender a estrutura de widgets;
    • Criação da primeira home;
    • Criando um scafold;
    • Criação de uma primeira tela;
    • Criação de um classe para funcionar como nosso widget principal;
    • Aprendizado do conceito de stateless e statefull;
    • Utilização do comando para atualização do State setState(() {});
    • Conclusão do primeiro projeto simples.

Aula 02:

  1. Apresentação do projeto da trilha;
  2. Apresentação do layout do projeto utilizando o Figma;
  3. Criação do novo projeto;
  4. Preparação dos arquivos de Tema do proheto:
    1. Criando uma paleta de cores;
    2. Criando os estílos de texto;
    3. Preparando o acesso às imagens do projeto;
    4. Criando os arquivos de documentação de Tema.
  5. Apresentação das estruturas principais da arquitetura do projeto:
    1. Apresentação do gerenciamento de estados;
    2. Apresentação do padrão MVC.
  6. Criação da tela inicial SplashPage;
  7. Criação da tela de login LoginPage;
  8. Preparação do arquivo para a criação da tela principal HomePage.

Aula 03:

  1. Apresentação do conteúdo da aula:
    1. Utilização do Firebase;
    2. Utilização de Sistemas de Autenticação;
    3. Utilização de Sistema de Rotas;
    4. Utilização do SharedPreferences.
  2. Instalação dos pacotes;
  3. Implementação do sistema de login, usando o GoogleSignIn;
  4. Criação do sistema de Autenticação;
  5. Implementação do sistema de navegação entre as telas;
  6. Implementando a gravação do usuário autenticado no sistema;
  7. Criação do layout básico da tela principal;
  8. Criação do controller responsável pela tela principal.

Aula 04:

  1. Apresentação do conteúdo da aula:
    1. Utilização do ML Kit para a leitura de código de barras.
  2. Instalação de pacotes;
  3. Criação da tela de leitura do código de barras;
  4. Criação de um sistema de status para auxiliar no gerenciamento do sistema de leitura de código de barras;
  5. Implementação do controller responsável pela tela de escaneamento;
  6. Fazendo a inclusão do sistema de câmera;
  7. Preparação do emulador para execução da leitura Arquivo;
  8. Criação da tela de inserção do boleto.

Aula 05:

  1. Apresentação do conteúdo da aula:
    1. Utilização do sistema de animação.
  2. Instalação de pacotes;
  3. Implementação do layout da tela de inserção de Boletos;
  4. Criação do controller da tela de inserção de boletos:
    1. Implementação do sistema de validação;
    2. Implementação do sistema de gravação de boletos.
  5. Implementação do sistema de apresentação dos dados de um boleto;
  6. Implementação do sistema de apresentação de uma lista de boletos;
  7. Implementação da tela de apresentação dos boletos e do extrato;
  8. Concluindo o sistema de navegação da tela principal;
  9. Finalização do layout do App;
  10. Implementação do sistema de animações.

Pontos para desenvolvimento após o final das aulas:

Ao final de uma semana de curso temos um sistema bem estruturado, mas com uma porção de possíveis melhorias que podem ser realizadas e que não foram exploradas durante o período do curso por uma questão de tempo. Aqui pretendo marcar algumas das possibilidades de desenvolvimento que pretendo aplicar ao sistema a fim de estudo de caso:

  1. Implementação de um sistema para indicar boletos que já foram pagos;
    1. Implementação do extrato contendo apenas os boletos que já foram pagos.
  2. Implementação de um sistema de filtro para a lista de boletos apresentados;

nlw_togther_flutter's People

Contributors

dgioielli avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.