Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iuricode/roadmap-frontend

Caminho de estudos
https://github.com/iuricode/roadmap-frontend

frontend roadmap tecnologia

Last synced: about 2 months ago
JSON representation

Caminho de estudos

Awesome Lists containing this project

README

        

# 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](https://developer.mozilla.org/pt-BR/docs/Web/HTTP)

## 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](https://github.com/iuricode/roadmap-frontend/blob/main/CONTRIBUTING.md)** e a **[licença](https://github.com/iuricode/roadmap-frontend/blob/main/LICENSE.md)**. Estou convencido de que juntos alcançaremos coisas incríveis!