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

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 (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 (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, 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 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

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!

Este repositório é um projeto gratuito para a comunidade de desenvolvedores, mas você pode me ajudar comprando o meu ebook "eFront - Estudando frontend do zero" se estiver interessado em aprender ou melhorar suas habilidades de desenvolvimento frontend. A sua compra me ajuda a produzir e fornecer mais conteúdo gratuito para a comunidade. Adquira agora e comece sua jornada no desenvolvimento frontend.