17h

Para conclusão

2
Cursos
2
Artigos

Todos componentes em um só lugar.

Você sabe como um design system otimiza e acelera o desenvolvimento de apps iOS?

Nesta formação, você vai usar o SwiftUI e modularização para criar um design system do zero!

Ao longo da formação, você vai aprender sobre:

  • A importância de um design system, os problemas de sua ausência e os benefícios da implementação;
  • Como desenvolver e documentar componentes essenciais: labels, buttons, textfields, tooltip;
  • Uso do design system em um projeto;
  • Aplicação de boas práticas como imutabilidade, modificadores de acesso (public, internal, private), e encapsulamento;
  • Definição da paleta de cores que representará a identidade do app;
  • Publicação do módulo para integração e uso em projetos.

Ao final desta formação, você poderá a criar, documentar e publicar um design system funcional para projetos iOS. Incrível, né? Vamos começar?

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?

  • Ândriu Felipe Coelho

    Ândriu é desenvolvedor iOS e instrutor. É ativo na comunidade iOS, palestrou na CocoaHeads Brasil e sempre procura compartilhar o máximo do seu conhecimento com quem está iniciando ou avançando no mundo de Swift.

  • Ândriu Felipe Coelho

    Ândriu é desenvolvedor iOS e instrutor. É ativo na comunidade iOS, palestrou na CocoaHeads Brasil e sempre procura compartilhar o máximo do seu conhecimento com quem está iniciando ou avançando no mundo de Swift.

Passo a passo
  1. 1 Criação do módulo de design system com cocoapods

    Na primeira etapa da formação, você vai entender a importância de ter um design system em um produto de software. E mais: qual os problemas causados pela falta de um design system.

    Você vai criar, na prática, componentes imprescindíveis, como labels, buttons e textfields. Utilizaremos o SwiftUI para criar os componentes; e o Figma para analisar as especificações.

    Por fim, você poderá instalar o "módulo" do design system criado no projeto principal para testar todo o progresso feito até o momento.

  2. 2 Avançando com os componentes e documentação do design system

    No segundo passo, você vai avançar nas boas práticas relacionadas à imutabilidade de componentes, modificadores de acesso (public, internal, private), encapsulamento e documentação dos componentes criados.

    Você também vai saber como definir a paleta de cores do app, que será a base para definir a identidade visual de todo aplicativo. Também construiremos componentes visuais de comunicação, que poderão ser usados em todo o app, como a Tooltip.

    Ao final, você vai publicar o módulo e utilizá-lo no projeto principal.

    • Curso iOS: desenvolva um design system utilizando SwiftUI

      08h
      • Crie tooltips informativas para melhorar a experiência do usuário Crie e customize componentes com SwiftUI
      • Realize a documentação de componentes utilizando uma biblioteca específica
      • Gere versões do Design System para uso em múltiplos projetos
      • Faça a integração de novos componentes no Design System existente
    • Artigo Design Systems: Entenda o que é e confira Exemplos | Alura

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