Guia de Estudo: HTML e JavaScript
Guia de Estudo para HTML e JavaScript
Este guia de estudo foi criado para ajudar iniciantes a aprender HTML e JavaScript de forma prática
e objetiva. Ele inclui tópicos essenciais, exemplos práticos e projetos para consolidar seu
aprendizado.
1. Fundamentos do HTML
- Estrutura básica de um documento HTML (<!DOCTYPE html>, <html>, <head>, <body>).
- Elementos de texto: <h1> a <h6>, <p>, <span>, <strong>, <em>.
- Links e imagens: <a>, <img>.
- Listas: <ul>, <ol>, <li>.
- Formulários: <form>, <input>, <textarea>, <button>, <select>.
- Semântica: <header>, <footer>, <main>, <section>, <article>.
2. Fundamentos do JavaScript
- Conceitos básicos: var, let, const.
- Tipos de dados: números, strings, booleanos, arrays, objetos.
- Estruturas de controle: if, else, for, while, switch.
- Funções: definição e invocação.
- Manipulação do DOM: [Link], addEventListener, innerHTML.
- Eventos: click, mouseover, keydown.
3. Integração HTML + JavaScript
Guia de Estudo: HTML e JavaScript
Aprenda a unir HTML e JavaScript para criar páginas interativas:
- Inserir JavaScript no HTML (dentro de <script> ou em arquivos externos).
- Manipulação de elementos HTML com JavaScript.
- Alterar estilos CSS com JavaScript ([Link]).
- Trabalhar com formulários e capturar dados do usuário.
4. Projetos Práticos
Aqui estão algumas ideias para você praticar:
1. Página de apresentação pessoal.
2. Cronômetro interativo.
3. Jogo da memória.
4. Lista de compras interativa.