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.