Licensed to Cristian - cristianmeelo@[Link] - 024.966.
110-13 - HP3450869292
por Iuri Silva
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
Roadmap
Navegar pelo vasto universo do desenvolvimento frontend pode ser
desafiador, mas com o guia certo, você pode transformar esse percurso
em uma jornada empolgante e gratificante. "Roadmap Frontend" é o
companheiro essencial para quem busca dominar as principais
tecnologias do frontend.
Este ebook abrange desde os fundamentos básicos até as técnicas
avançadas, oferecendo um roadmap claro e acessível para todos, desde
iniciantes até desenvolvedores experientes. Explore os princípios
essenciais do HTML, CSS e JavaScript, Sass, React, TypeScript, styled-
components e Talwind CSS.
Se você está começando sua jornada no frontend ou deseja aprimorar
suas habilidades, "Roadmap Frontend" é o guia abrangente que o
ajudará a alcançar seus objetivos. Este é o seu mapa para o sucesso no
fascinante mundo do desenvolvimento frontend.
@iuricode 1
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
HTML
contrastes, tamanhos,
responsividade
form, label, input
fieldset, textarea, legend...
html, body, head, link, script charset, name,
rel, src, type...
target
formulários
estrutura básica atributos acessibilidade
link
alt
imagem tabelas
listas
textos
tags semânticas SEO
OL, UL, LI TR, TH, TD
títulos e parágrafo
metas tags
section, article, header,
footer, aside, main
2
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
CSS
size, family, weight
id, class, tag static, relative, absolute e fixed
hex, hsl, rgb
flexbox e grid
seletores fontes posicionamento especificidade
cores
unidades de tamanho
espaçamento
Variáveis
textos
px, rem, em, pt...
trasition e transform key frames
3
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
JavaScript
for, for in, for of,
Boolean, Null, Undefined,
while, do while
Number, String...
click, load, blur,
focus, change
var, let e const
DOM
loops ES6+
Variáveis Tipos de dados posicionamento
funções
condicionais
array
operadores
arrow function
if, else, else if
requisições Http
Fetch API
Métodos de array
4
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
Sass
Values
Syntax
at:rules operators
buit-in modules
Style rules
5
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
React
setState e Component Lifecycle Methods
Create React App
Functional Component
Conditional Rendering
Components
Props e State Lists e Keys
Hooks
JSX
6
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
TypeScript
interface/type
setup
tuples generics
dynamic types objects
literal types functions
union types
arrays enums
primitive types
7
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
styled-components
estilos baseado em props estilos globais
setup
estilização em componentes
Animações
estendendo estilos
8
Licensed to Cristian - cristianmeelo@[Link] - 024.966.110-13 - HP3450869292
Tailwind CSS
Espaçamento
Costumização Effects tabelas
setup tamanhos
Layout Filters
Borders Backgrounds
Estilos básicos Tipografia Transitions & Animation
Flexbox & Grid
Conceitos Fundamentais Interatividade