image

Access unlimited bootcamps and 650+ courses

50
%OFF
Alan Rocha
Alan Rocha12/02/2025 10:55
Share

🛤️ Roadmap: HTML, CSS e JavaScript

  • #HTML
  • #CSS
  • #JavaScript

🔹 1. Fundamentos de HTML

✅ Estrutura básica (<!DOCTYPE html>, <html>, <head>, <body>)

✅ Tags essenciais: <h1>-<h6>, <p>, <a>, <img>, <ul>/<ol>, <table>, <form>, etc.

✅ Atributos (id, class, src, alt, href, target, name, placeholder, etc.)

✅ Formulários e inputs (<input>, <select>, <textarea>, <button>, <label>...)

✅ Semântica e boas práticas (HTML5)

✅ SEO básico (uso correto de headings, meta tags, alt em imagens)

🎨 2. Fundamentos de CSS

✅ Seletores básicos (element, .classe, hashtag#id)

✅ Propriedades de estilização (color, background, font-size, margin, padding)

✅ Box Model (width, height, border, margin, padding)

✅ Flexbox (layout responsivo)

✅ Grid Layout (estrutura avançada de páginas)

✅ Unidades de medida (px, %, em, rem, vh, vw)

✅ Pseudo-classes (:hover, :nth-child, :focus, etc.)

✅ Pseudo-elementos (::before, ::after)

✅ Media Queries (responsividade)

✅ Variáveis CSS (--primary-color)

✅ Animações e transições (@keyframes, transition)

⚡ 3. JavaScript - Fundamentos

✅ Variáveis (var, let, const)

✅ Tipos de dados (string, number, boolean, array, object)

✅ Operadores (+, -, *, /, %, &&, ||, !, ==, ===)

✅ Estruturas condicionais (if, else, switch)

✅ Laços de repetição (for, while, do...while)

✅ Funções (function nome() {}, Arrow Functions)

✅ Manipulação de Arrays (map(), filter(), reduce())

✅ Manipulação de Strings (slice(), substring(), split(), replace())

✅ Manipulação de Objetos (Object.keys(), Object.values(), Object.entries())

Share
Comments (0)