Roadmap Frontend 🗺️

Bem-vindo(a) ao Roadmap Frontend! Aqui você encontrará um guia organizado para seus estudos no desenvolvimento frontend.

HTTP

O Hypertext Transfer Protocol, sigla HTTP é um protocolo de comunicação utilizado para sistemas de informação de hipermídia, distribuídos e colaborativos. Ele é a base para a comunicação de dados da World Wide Web.

Leia mais sobre protocolo HTTP clicando aqui

HTML

HTML (Hypertext Markup Language ou Linguagem de Marcação de HiperTexto) é uma linguagem de marcação (não de programação) da web - cada vez que você carrega uma página da web, você está carregando um código HTML. Pense no HTML como o esqueleto de uma página, ele é responsável pelos textos, links, listas e imagens.

Sintaxe
Textos
Medias
Div
Image
Link
Tabela
Listas
Formulário
Tags semânticas
ID e Classes
Meta tags

CSS

CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata) é a linguagens de marcação (não de programação, assim como o HTML) responsável por adicionar estilos em nossas páginas feitas com HTML, como cores, tamanhos, posicionamentos e entre outros. Sem ele, as páginas são apenas um grupo de textos, links e imagens.

Sintaxe
Variáveis
Fontes
Unidades de medidas
Cores
Box-sizing
Bordas
Seletores
Preenchimentos
Display
Position
Flexbox
CSS Grid
Responsividade

JavaScript

JavaScript, ou JS é uma linguagem de programação, sendo a principal linguagem do frontend. Ela é responsável pelo dinamismo de uma página, ou seja, promove a interação com o usuário. Um exemplo clássico de JavaScript são os menus mobile, quando clicamos nele é feito uma interação com o usuário (no caso abrindo os itens do menu).

Variáveis
Operadores
Declarações condicionais
Function
Object
Array
Loops
DOM
Fetch API
Funções assíncronas

Framework

Framework JavaScript é uma estrutura de desenvolvimento que fornece um conjunto de ferramentas, bibliotecas e convenções para simplificar o processo de criação de aplicativos web ou móveis utilizando a linguagem JavaScript.

React
Vue
Angular

Contribuição ✨

Ajude a comunidade tornando este projeto ainda mais incrível. Leia como contribuir clicando aqui e a licença. Estou convencido de que juntos alcançaremos coisas incríveis!