logo-gabriel

O que é um Roadmap?

roadmap

Um roadmap, ou roteiro em português, é um plano estratégico que define os passos necessários para alcançar um objetivo específico. No contexto do desenvolvimento de software, um roadmap de front-end é um guia detalhado que descreve as tecnologias e habilidades que um desenvolvedor deve adquirir para se tornar proficiente no desenvolvimento de interfaces de usuário.

HTML

HTML Logo

HTML, ou HyperText Markup Language, é a linguagem padrão para a criação de páginas web. Ela permite estruturar o conteúdo, definir títulos, parágrafos, links, imagens e outros elementos importantes para a construção de uma página web.

  • Elementos e Tags
  • Atributos
  • Formulários
  • Semântica
  • SEO Básico

CSS

CSS Logo

CSS, ou Cascading Style Sheets, é a linguagem usada para descrever a apresentação de documentos HTML. CSS controla a aparência visual dos elementos da página, como cores, layout, fontes e espaçamento.

  • Seletores e Combinadores
  • Box Model
  • Flexbox
  • Grid Layout
  • Responsividade

Tailwind CSS

Tailwind CSS Logo

Tailwind CSS é um framework CSS utilitário que permite a criação de interfaces de usuário de maneira rápida e eficiente. Com classes utilitárias pré-definidas, é possível construir layouts customizáveis diretamente no HTML.

  • Configuração
  • Classes Utilitárias
  • Customização
  • Plugins
  • Melhores Práticas

JavaScript

JavaScript Logo

JavaScript é uma linguagem de programação que permite adicionar interatividade às páginas web. Com JavaScript, é possível criar efeitos dinâmicos, validar formulários, manipular o DOM e fazer requisições assíncronas a servidores.

  • Sintaxe e Básico
  • DOM Manipulation
  • Eventos
  • Fetch API / AJAX
  • ES6+ e Modulos

TypeScript

TypeScript Logo

TypeScript é um superset do JavaScript que adiciona tipagem estática à linguagem. Isso ajuda a detectar erros durante o desenvolvimento e facilita a manutenção de grandes bases de código.

  • Tipos Básicos
  • Interfaces e Tipos Personalizados
  • Classes e Herança
  • Genéricos
  • Ferramentas e Configuração

React

React Logo

React é uma biblioteca JavaScript para a construção de interfaces de usuário. Criada pelo Facebook, React permite a construção de componentes reutilizáveis que gerenciam seu próprio estado, tornando o desenvolvimento de interfaces mais modular e eficiente.

  • Componentes e JSX
  • Props e State
  • Hooks
  • Gerenciamento de Estado
  • Roteamento