Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de Flutter - Widgets de Layout

Conheça os widgets de Layout mais utilizados em um aplicativo Flutter

Nível Iniciante Categoria Desenvolvimento Mobile

  • Curso com 03h17 de vídeos
  • Certificado com 8 horas
  • 16 exercícios

Sobre o curso

O Flutter é um framework multiplataforma para desenvolvimento de aplicações móveis.

É cada vez mais comum a criação de novos apps, porém, estes apps devem possuir uma interface amigável e intuitiva para que seus usuários o utilizem sem grandes problemas. Sendo assim, veremos neste curso como utilizar Widgets de layout para criarmos uma aplicativo intuitivo e amigável

O Flutter é um framework multiplataforma para desenvolvimento de aplicações móveis.

É cada vez mais comum a criação de novos apps, porém, estes apps devem possuir uma interface amigável e intuitiva para que seus usuários o utilizem sem grandes problemas. Sendo assim, veremos neste curso como utilizar Widgets de layout para criarmos uma aplicativo intuitivo e amigável

O que irá aprender?

Neste curso abordaremos alguns dos principais widgets de Interface Flutter. Veremos como criar interfaces intuitivas, responsiva e amigáveis com o framework. Também iremos construir uma pequeno layout, para treinar os conceitos aprendidos durante o curso e nesse projeto será construído uma tela de Perfil de usuário.

Alguns itens apresentados no curso:

  • Os principais widgets de layout;
  • Como criar um Drawer e um Appbar;
  • Como diferença entre padding e margin;
  • Os principais Widgets de posicionamento;
  • Quais são os Widgets de lista;
  • Quais são os Widgets de Grid;
  • Conheceremos alguns Widgets utilitários;
  • Layout Responsivo.

Pra quem é esse curso?

Este curso é destinado a desenvolvedores que desejam conhecer os principais Widgets de layout, posicionamento e responsividade para criação de aplicações Multiplataforma.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Java JDK 17
  • Dart SDK: 2.16.2
  • Flutter SDK 2.10.4
  • Visual Studio Code 1.66
  • Android Studio Bumblebee | 2021.1.1 Patch 2

Sobre o professor

Ariel Sardinha

Ariel Sardinha

Professor e desenvolvedor. Formando em engenharia de software. É autor de cursos em diversos temas, como, desenvolvimento front-end, Flutter, JavaScript e Vue.js. Nas horas vagas adora estudar sobre tecnologia, filme e brincar com a pequena Maria Eduarda.

Conteúdo programático

  1. Introdução

    Introdução. Aqui você terá um breve resumo do que irá aprender no curso e como configurar o ambiente de desenvolvimento

    2 aulas
    • Apresentação do curso
    • Repositório do curso
  2. Iniciando projeto

    Neste módulo veremos como criar um novo projeto Flutter pelo terminal e como executá-lo pelo vs code.

    2 aulas
    • Criando projeto Flutter
    • Executando projeto Flutter com VS Code
  3. Widgets de Layout

    Neste módulo veremos o que são Widgets, Scaffold e os principais Widgets de layout.

    8 aulas
    • Scaffold
    • AppBar
    • Criando um drawer navigator com Flutter
    • Drawer
    • Conhecendo o Widget Container
    • Widget Align e Center
    • Projeto
    • Questionário
  4. Widgets de Lista

    Neste tópico veremos como trabalhar com Widgets de lista

    6 aulas
    • Conhecendo o Widget Row
    • Conhecendo o Widget Column
    • Trabalhando com Column e Row
    • ListView
    • Projeto
    • Questionário
  5. Widgets de Grid

    Neste tópico veremos como trabalhar com Widgets de Grid

    4 aulas
    • Conhecendo Wrap
    • Conhecendo e como trabalhar com GridView
    • Projeto
    • Questionário
  6. Utilitários para layout

    Neste tópico veremos como funciona o Widget Stack e como trabalhar com o Positined e o Stack juntos.

    4 aulas
    • Utilizando o Widget Stack
    • Utilizando Widget Positined com Stack
    • Projeto
    • Questionário
  7. Layout Responsivo

    Neste tópico iremos conhecer alguns Widgets que vão facilitar a criação de designs responsivos.

    7 aulas
    • Como construir um layout Flutter responsivo
    • Trabalhando com OrientationBuilder
    • Conhecendo MediaQuery
    • Trabalhando com LayoutBuilder
    • Widget Flexible e Expanded
    • Projeto
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • Muito bom o curso, o instrutor domina claramente o que é abordado, além do fato de saber explicar muito bem.

    Depoimento - Lucas
    Flutter - Widgets de Layout
    Lucas Porto Alegre / RS
  • Ótimo curso

    Depoimento - Carlos
    Flutter - Widgets de Layout
    Carlos Rio de Janeiro / RJ
  • Parabéns. Continua com um ótimo modelo de curso.

    Depoimento - Leandro
    Flutter - Widgets de Layout
    Leandro Chapecó / SC
  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG
  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!