Imagem do Curso gratuito Flutter básico

Curso online gratuitoFlutter básico

Duração do curso online: 7 horas e 21 minutos

Novo

Desenvolva apps para Android e iOS com Flutter: aprenda Dart, widgets, navegação e consumo de API em um curso online gratuito com projetos práticos.

Neste curso gratuito, aprenda sobre

  • Instalar e configurar Flutter SDK, IDE e ambiente de desenvolvimento
  • Entender o que é Flutter e por que usa Dart como linguagem
  • Compreender widgets, árvore de widgets e composição de UI
  • Usar Flutter CLI (ex.: flutter doctor) e comandos básicos do projeto
  • Dominar main(), runApp() e ciclo de vida/rebuild com setState
  • Conhecer widgets principais e layout para evitar overflow (Expanded/Flexible)
  • Implementar PageView e Drawer para navegação e menus
  • Navegar com Navigator (pilha de rotas), rotas nomeadas e ModalRoute args
  • Criar widgets personalizados reutilizáveis e componentizar a interface
  • Gerenciar estado nativo com ValueNotifier vs setState
  • Consumir APIs HTTP (http/Dio), async/await e tratar diferenças e recursos
  • Organizar projeto com MVC, Controller, Repository e abstrações
  • Persistir dados simples com shared_preferences (ex.: manter login)
  • Aplicar animações: Splash/loading, Lottie e Hero para transições suaves

Descrição do curso

Quer entrar no desenvolvimento mobile com rapidez e construir aplicações modernas que funcionam em Android e iOS usando uma única base de código? Neste curso online gratuito de Flutter básico, você começa do zero e avança de forma prática, entendendo como o Flutter funciona por trás da interface, como o framework organiza telas e componentes e como transformar ideias em apps navegáveis e responsivos.

Você aprende a preparar o ambiente, escolher e configurar a IDE, e dar seus primeiros passos com o ecossistema do Flutter e do Dart. A partir daí, o foco passa a ser a construção de interfaces com o conceito central do framework: os widgets. Com uma abordagem orientada a projeto, você pratica a criação e a personalização de componentes, entende como a aplicação inicia, como as telas são estruturadas e como manter um layout consistente e reutilizável.

Para que seus aplicativos se comportem como produtos reais, o curso trabalha navegação entre páginas, passagem de parâmetros e padrões de organização de código. Você também evolui do controle de estado mais simples para alternativas nativas e mais enxutas, aprendendo quando usar cada abordagem para atualizar a interface de forma eficiente. Ao conectar seu app com o mundo externo, você coloca em prática o consumo de APIs com bibliotecas de requisição HTTP, trata fluxo de dados e passa a separar responsabilidades com padrões como MVC e Repository, melhorando manutenção, testes e escalabilidade do projeto.

No caminho, você desenvolve projetos que simulam situações comuns do mercado, como splash screen, tela de login, permanência de sessão com armazenamento local, listagens e detalhes, busca, cache offline e animações que elevam a experiência do usuário. Recursos visuais como transições suaves e animações com Lottie ajudam a criar interfaces mais profissionais, enquanto boas práticas de arquitetura e princípios de design ajudam seu código a crescer com qualidade.

Ao final, você terá uma base sólida para seguir para níveis intermediários do Flutter, além de um repertório prático para montar portfólio e iniciar sua jornada em programação de aplicativos com mais confiança e clareza.

Conteúdo do curso

  • Aula em vídeo: FLUTTER NV1 - [01] Instalação, Configuração e Primeiros Passos 23m
  • Exercício: Qual IDE é recomendada no curso para o desenvolvimento de projetos em Flutter?
  • Aula em vídeo: FLUTTER NV1 - [02] O que é o Flutter? 05m
  • Exercício: O que o Flutter utiliza como sua linguagem de programação?
  • Aula em vídeo: FLUTTER NV1 - [03] O que é Widget? 03m
  • Exercício: Qual é o papel fundamental dos 'widgets' no desenvolvimento com Flutter?
  • Aula em vídeo: FLUTTER NV1 - [04] Flutter CLI - Interface de linha de comando 09m
  • Exercício: Qual comando do Flutter é utilizado para verificar se todos os requisitos estão configurados corretamente em sua máquina?
  • Aula em vídeo: FLUTTER NV1 - [05] Primeiro contato com o Flutter 24m
  • Exercício: No Flutter, qual método é usualmente utilizado para reconstruir a interface gráfica quando há uma alteração no estado de um widget?
  • Aula em vídeo: FLUTTER NV1 - [06] Conhecendo os principais Widgets 24m
  • Exercício: Qual é o papel do método 'main' em uma aplicação Flutter?
  • Aula em vídeo: FLUTTER NV1 - [07] PageView Widget 16m
  • Exercício: O que é o PageView no Flutter?
  • Aula em vídeo: FLUTTER NV1 - [08] Drawer Widget 12m
  • Exercício: Qual é a função do widget 'Drawer' no Flutter?
  • Aula em vídeo: FLUTTER NV1 - [09] DESAFIO: TODO LIST 21m
  • Exercício: No Flutter, qual é a função principal do 'setState' dentro de um widget stateful?
  • Aula em vídeo: FLUTTER NV1 - [10] Navegação entre Pages 18m
  • Exercício: Qual é o padrão de estrutura de dados utilizado pelo Navigator no Flutter para gerenciar a navegação entre páginas?
  • Aula em vídeo: FLUTTER NV1 - [11] Criação de Widgets Personalizados 14m
  • Exercício: Qual é a principal vantagem de criar widgets personalizados no Flutter?
  • Aula em vídeo: FLUTTER NV1 - [12] Gerência de estado sem package (nativa) 13m
  • Exercício: Qual é a principal característica do ValueNotifier quando comparado com o setState no Flutter?
  • Aula em vídeo: FLUTTER NV1 - [13] Consumindo API com a lib HTTP 22m
  • Exercício: Qual é a função principal do pacote 'http' quando utilizado em um projeto Flutter?
  • Aula em vídeo: FLUTTER NV1 - [14] MVC Pattern: Organizando o projeto 07m
  • Exercício: Qual a principal responsabilidade do componente 'Controller' no padrão MVC?
  • Aula em vídeo: FLUTTER NV1 - [15] Projeto: Splash Screen e Login Page 15m
  • Exercício: Qual é o widget Flutter mais adequado para exibir uma tela de carregamento inicial enquanto aguarda um processo em background, como um delay ou uma chamada de API?
  • Aula em vídeo: FLUTTER NV1 - [16] Projeto: LoginController e Navegação 22m
  • Exercício: No contexto do Flutter, qual função permite reagir a cada alteração realizada pelo usuário em um campo de texto?
  • Aula em vídeo: FLUTTER NV1 - [17] Projeto: Refatorações: Components Vs Widgets 08m
  • Exercício: No contexto do desenvolvimento em Flutter, o que caracteriza um widget como 'custon' (customizado)?
  • Aula em vídeo: FLUTTER NV1 - [18] Projeto: Repository Pattern 19m
  • Exercício: Qual o propósito de criar uma classe abstrata com métodos não implementados no desenvolvimento em Flutter?
  • Aula em vídeo: FLUTTER NV1 - [19] Projeto: Consumindo API e Gerenciando Estado 14m
  • Exercício: No Flutter, qual é uma diferença fundamental entre o pacotes Dio e Http ao fazer requisições HTTP?
  • Aula em vídeo: FLUTTER NV1 - [20] Projeto: Passagem de Parâmetros via ModalRoute 12m
  • Exercício: Qual é o método utilizado no Flutter para navegar entre páginas e passar argumentos?
  • Aula em vídeo: FLUTTER NV1 - [21] Projeto: SharedPreferences - Usuário sempre logado 17m
  • Exercício: Qual é o propósito do uso do plugin 'shared_preferences' no Flutter?
  • Aula em vídeo: FLUTTER NV1 - [22] Movie APP: Criando Projeto e Consumindo API 29m
  • Exercício: O que é necessário para garantir que o código de um projeto em Flutter siga o princípio de inversão de dependência?
  • Aula em vídeo: FLUTTER NV1 - [23] Movie APP: Criando Layout dos Card Movies 18m
  • Exercício: Qual widget você deve usar em Flutter para permitir que uma coluna ocupe todo o espaço disponível em seu eixo principal sem causar overflow?
  • Aula em vídeo: FLUTTER NV1 - [24] Movie APP: Lottie Animation 13m
  • Exercício: O que é Lottie e como ele é utilizado em aplicativos Flutter?
  • Aula em vídeo: FLUTTER NV1 - [25] Movie APP: Hero Animation e Details Page 13m
  • Exercício: Qual é o mecanismo utilizado no Flutter para permitir a navegação animada de uma imagem de uma lista para uma página de detalhes, garantindo transições suaves entre as telas?
  • Aula em vídeo: FLUTTER NV1 - [26] Movie APP: Barra de Pesquisa (Search Bar) 08m
  • Exercício: Qual é a função do método 'copyWith' no contexto deste exercício em Flutter?
  • Aula em vídeo: FLUTTER NV1 - [27] Movie APP: Cache Offline com Design Pattern Decorator 27m

Este curso gratuito inclui:

7 horas e 21 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação de Aplicativos

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso