Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.

com - HP151316836395620

@iuricode
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

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. "Frontend descomplicado" é

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, "Frontend descomplicado" é 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 FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

HTML

contrastes, tamanhos,

responsividade
form, label, input

fieldset, textarea, legend...

html, body, head, link, script charset, name,

rel, src, type...

target

estrutura básica formulários

link atributos acessibilidade

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

@iuricode 2
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

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

@iuricode 3
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

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

@iuricode 4
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

Sass

Values
Syntax
at:rules operators

buit-in modules

Style rules

@iuricode 5
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

React

setState e Component Lifecycle Methods

Create React App

Functional Component
Conditional Rendering

Components
Props e State Lists e Keys
Hooks

JSX

@iuricode 6
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

TypeScript

interface/type

setup
tuples generics
objects
dynamic types

literal types
functions
union types

arrays enums
primitive types

@iuricode 7
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

styled-components

estilos baseado em props estilos globais

setup

estilização em componentes

Animações
estendendo estilos

@iuricode 8
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

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

@iuricode 9
Licensed to FULVIA DE OLIVEIRA VAZ - fulviavaz.dev@gmail.com - HP151316836395620

Obrigado!
Quero expressar minha sincera gratidão por ter adquirido este roadmap.
Tenho certeza que este material foi de grande importância em sua vida
profissional, pois ele foi criado com muito amor, lofi e café.

Acesse os recursos
Acessar Notion
disponíveis no Notion

Entre em nossa comunidade

Entrar na comunidade
exclusiva no Discord

@iuricode 413