23h

Para conclusão

3
Cursos
1
Artigo

Torne seus aplicativos ainda mais atrativos e funcionais!

Que o Flutter gera aplicativos bonitos e leves, a gente já sabe. Que tal subirmos um degrau do nosso desenvolvimento adicionando animações?!

Aprenda a usar as ferramentas nativas do Flutter e pacotes bem consolidados para empoderar suas aplicações com Animações nesta formação!

Ao concluir essa trilha, você vai voar alto e saber como construir aplicativos com funcionalidades essenciais de microinterações, animações com lottie, splashscreen e muito mais! Sem elas, o aplicativo não decola!

Quais os benefícios em fazer essa formação?

  • Construa aplicativos com animações para chamar atenção das pessoas usuárias exatamente para onde você precisa;
  • Passe mais confiabilidade na sua aplicação utilizando animações no momento e no local correto!
  • Evite a perda do acesso de potenciais clientes: você sabia que a identidade visual e o bom uso de animações é um fator determinante na hora de escolhermos uma aplicação para resolver nosso problema?

O que vou aprender?

  • Na primeira parte, entenda quais são as possibilidades de animações nativas no Flutter, aprofunde-se na criação de animações implicitas, essas que são soluções simples e diretas que o Flutter nos entrega e que resolvem a maioria das situações, e também aprenda a usar vários pacotes de animação bem utilizados no mercado.

  • Na segunda parte, utilize o pacote Animations, desenvolvido pela equipe flutter.dev e disponível como Flutter Favorite no pub.dev, para tornar sua aplicação ainda mais profissional com as animações mais usadas do mercado.

  • Por fim, implemente animações avançadas usando as ferramentas de Animações Explicitas do Flutter, úteis quando as soluções mais generalistas já não mais atendem nossas demandas!

  • Durante toda a jornada, traremos também insights junto com a Escola de UX & Design da Alura para aprendermos mais sobre quando usar uma animação.

O que preciso saber para fazer essa formação?

Sugerimos que você tenha concluído as formações de Dart e de Flutter da Alura e saiba lidar com widgets, CRUD e requisições na internet, pois são pré-requisitos importantes.

Selecionamos, para você, nossos melhores cursos, artigos e conteúdos em uma sequência didática que vai do simples ao complexo.

Vamos decolar nessa nova jornada no maravilhoso mundo do Flutter?

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

  • Ricarth Lima

    Acredito que educação e computação podem mudar o mundo para melhor, em especial, juntas. Por isso além de fazer parte do Grupo Alura, sou professor, desenvolvedor de jogos educativos e criador de conteúdo! Amo Flutter e Unity!

  • Ricarth Lima

    Acredito que educação e computação podem mudar o mundo para melhor, em especial, juntas. Por isso além de fazer parte do Grupo Alura, sou professor, desenvolvedor de jogos educativos e criador de conteúdo! Amo Flutter e Unity!

  • Matheus Alberto

    Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Alura. Nas horas vagas sou artista/ilustrador.

  • Matheus Alberto

    Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Alura. Nas horas vagas sou artista/ilustrador.

Passo a passo
  1. 1 Animações implícitas, Lottie e outros pacotes

    A identidade visual é a primeira impressão que as pessoas têm sobre a confiabilidade de um aplicativo. Com o bom uso de animações, podemos tornar nossas aplicações Flutter mais atraentes!

    Neste passo, você vai aprimorar um app de registro de leituras - o Meu Pequeno Grimório - que já armazena dados sobre os livros, mas faz isso de uma forma pouco interativa e atraente, o que não combina em nada com a proposta e a identidade visual da aplicação!

    Ao final desse passo você terá transformado o Meu Pequeno Grimório em um app mais atrativo, animado e condizente com sua proposta de identidade visual!

    Aprenda a usar e personalizar animações implícitas - ferramenta do Flutter para animações simples, criar splash screens leves e funcionais, usar pacotes para implementar carrosséis e animações vetoriais do tipo Lottie!

  2. 2 Tornando um aplicativo mais profissional com Animations do Flutter

    Agora que aprendemos como funcionam os pilares da animação com Flutter, chegou a hora de irmos mais fundo para tornar nossas aplicações mais profissionais de forma prática e direta.

    Neste passo, você vai aprimorar um app de consulta de informações - o Hyrule - que já armazena e combina dados sobre categorias específicas de informação, mas faz isso de uma forma pouco interativa e atraente, o que pode degradar a percepção da pessoa usuária, fazendo o aplicativo parecer pouco profissional!

    Ao final desse passo você terá transformado Hyrule em um app atrativo e profissional, usando animações para orientar a atenção das pessoas usuárias para os lugares certos!

    Aprenda a quando e como usar o Animations - pacote desenvolvido pela equipe Flutter, para animações simples mas impactantes, utilizando-se dos conceitos de Material Motion!

    • Curso Flutter: utilize animações da biblioteca Animations

      06h
      • Aplique animações suaves em transições de tela do app
      • Instale a biblioteca Animations do Flutter
      • Conheça as principais animações SharedAxis, FadeThrough e ContainerTransform
      • Utilize o widget Hero do próprio Flutter para colocar transições “permanentes” entre telas
      • Compreenda a utilidade de animações em um aplicativo Flutter
    • Curso Flutter: crie animações explícitas no seu app

      08h
      • Identifique os widgets pré-prontos de animações explícitas
      • Conheça o AnimationController e controle animações explícitas
      • Utilize animações explícitas alinhadas com o ciclo de vida dos widget para otimizar o desempenho da aplicação
      • Otimize o código das suas animações Flutter com AnimatedWidget
      • Manipule atributos como tamanho e cor do elemento animado
      • Entenda e aplique Vsync e Ticker

Escola

Mobile

Além dessa, a categoria Mobile conta com cursos de Flutter, iOS e Swift, Android, Kotlin, Jogos,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas