16h

Para conclusão

2
Cursos

Essa formação está em pré-lançamento! O que isso quer dizer? Uma formação em pré-lançamento indica que o time está trabalhando nela nesse exato momento.

Você já pode fazer os primeiros cursos dessa formação. Ela continuará a ser criada a partir do seu feedback no fim dos cursos e no nosso Discord.

O que tem na Formação?

Nesta formação, você vai aprender a desenvolver um design system, desde a criação de componentes até a publicação e customização, usando ferramentas poderosas como React, TurboRepo e Storybook.

Com cursos incríveis, artigos e vídeos, cada etapa foi planejada para que você construa uma base sólida de design de componentes e sistemas modulares, aplicando as melhores práticas do mercado.

Vamos começar essa jornada que vai transformar a forma como você cria, organiza e compartilha componentes para interfaces consistentes e escaláveis!

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?

  • Pedro Celestino de Mello

    Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

  • Pedro Celestino de Mello

    Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

Essa formação está em pré-lançamento. O que isso quer dizer? Uma formação em pré-lançamento indica que o time está trabalhando nela nesse exato momento.

Ao mesmo tempo você já pode fazer os primeiros cursos e conteúdo. Ela será criada a partir do seu feedback no fim dos cursos e no nosso Discord.

Passo a passo
  1. 1 Estrutura, Atomic Design e Componentes complexos

    No primeiro passo, você será introduzido ao uso do TurboRepo e Storybook para construir e organizar componentes em React. Exploraremos a perspectiva do Atomic Design sob o olhar de uma pessoa desenvolvedora frontend, permitindo uma abordagem modular e escalável. Além disso, vamos avançar para a criação de componentes e stories mais complexas, finalizando com insights valiosos do podcast Design Systems – Hipsters #170, onde você entenderá o impacto e a importância dos design systems no desenvolvimento moderno.

    • Curso React: desenvolvendo design systems modulares com Turborepo

      08h
      • Aprenda como configurar e estruturar um monorepositório com Turborepo
      • Aprenda integração de Typescript em design systems para garantir tipagem segura
      • Estilize componentes com styled-components em um ambiente de monorepositório
      • Desenvolva design systems modulares e escaláveis
      • Aprenda um gerenciamento eficiente de múltiplos pacotes em um único repositório
      • Aprenda sobre melhores práticas para organização de projetos front-end complexos
      • Otimize o fluxo de trabalho em equipes de desenvolvimento
    • Curso React: desenvolvendo design tokens com styled-components

      08h
      • Crie componentes reutilizáveis e tipados com React e TypeScript
      • Implemente estilos dinâmicos e consistentes usando Styled-Components
      • Aprenda sobre documentação e teste de componentes com Storybook
      • Use design tokens para padronizar estilos em projetos
      • Aprenda sobre gerenciamento de múltiplos pacotes em um monorepositório
      • Realize a criação e manutenção de um design system eficiente
    • Site Design Systems - Hipsters #170 - Hipsters Ponto TechHipsters Ponto Tech

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

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

Conheça os Planos para Empresas