Módulo 1: - Manipulação de elementos (criação, remoção, modificação)
Introdução ao Desenvolvimento Web - Eventos e event listeners
- Introdução ao HTML
- Estrutura básica do HTML Módulo 6:
- Tags e elementos HTML JavaScript Avançado
- Listas, links e imagens -Programação Orientada a Objetos em JavaScript*
- Objetos, classes e herança
Módulo 2: - Encapsulamento, polimorfismo e herança
Estilização com CSS - Manipulação de arrays e objetos
- Introdução ao CSS
- Sintaxe do CSS Módulo 7:
- Seletores e propriedades CSS básicas APIs e Assincronismo em JavaScript
- Box model e layout -Trabalhando com APIs*
- Requisições HTTP com fetch API
Módulo 3: - Tratamento de respostas JSON
HTML e CSS Avançado - Exemplo prático: Consumindo uma API externa
- Layouts Responsivos
- Media queries Módulo 8:
- Flexbox e Grid layout Projeto Final
- Frameworks CSS (por exemplo, Bootstrap) - Desenvolvimento de Projeto Prático
- Desenvolvimento de um site completo utilizando HTML, CSS e
Módulo 4: JavaScript
Introdução ao JavaScript - Implementação de funcionalidades interativas e dinâmicas
- Fundamentos do JavaScript* - Prática de boas práticas de desenvolvimento web e
- Variáveis, tipos de dados e operadores acessibilidade
- Estruturas de controle (condicionais e loops)
- Funções e escopo Módulo 9:
Otimização e Boas Práticas
Módulo 5: - Otimização de Desempenho e Acessibilidade
Manipulação do DOM - Minificação de arquivos CSS e JavaScript
- Trabalhando com o DOM (Document Object Model)* - Estratégias para melhorar o tempo de carregamento
- Seleção de elementos - Garantindo acessibilidade para todos os usuários
➔ DOCUMENT STRUCTURE 1. <h1> to <h6> (Heading tags)
2. <p> (Paragraph)
1. <!DOCTYPE> 3. <hr> (Thematic break)
2. <html> 4. <blockquote> (Blockquote)
3. <head> 5. <ol> (Ordered list)
4. <title> 6. <ul> (Unordered list)
5. <body> 7. <li> (List item)
8. <dl> (Description list)
➔ METADATA & SCRIPTING 9. <dt> (Term)
10. <dd> (Description)
1. <meta> 11. <pre> (Preformatted text)
2. <link> 12. <figure> and <figcaption>
3. <script>
4. <style> ➔ INLINE TEXT SEMANTICS
5. <base>
1. <a> (Anchor/hyperlink)
➔ SECTIONING & LAYOUT 2. <span>
1. <header> 3. <br> (Line break)
2. <footer> 4. <strong>
3. <nav> 5. <em> (Emphasis)
4. <section> 6. <mark>
5. <article> 7. <small>
6. <aside> 8. <sub> (Subscript)
7. <div> 9. <sup> (Superscript)
8. <main> 10. <cite> (Citation)
11. <q> (Inline quotation)
➔ TEXT CONTENT ➔ FORMS AND INPUT
1. <form> 1. <script>
2. <input> 2. <noscript> (Defines an alternate content)
3. <textarea> 3. <embed> (Embed external content)
4. <button> 4. <object> (Defines an embedded object)
5. <select> and <option> 5. <param> (Defines a parameter for an object)
6. <label>
7. <fieldset>
8. <legend>
9. <datalist>
10. <optgroup>
➔ IMAGES & MULTIMEDIA
1. <img>
2. <audio> and <source>
3. <video>
4. <canvas>
5. <svg>
6. <map> and <area>
➔ TABLES
1. <table>
2. <caption>
3. <th> (Table header)
4. <tr> (Table row)
5. <td> (Table data)
6. <thead> (Table head)
7. <tbody> (Table body)
8. <tfoot> (Table footer)
9. <col> and <colgroup>
➔ PROGRAMMING
------------------- END ---------------------
➔ Online Tutorials and Courses ➔Interactive Learning Platforms
1. MDN) Web Docs 1. SoloLearn
2. URL: rb.gy/swfk10 2. URL: t.ly/1UmsF
3. W3Schools HTML Tutorial 3. Khan Academy
4. URL:rb.gy/6jhlgl 4. URL: t.ly/b2JCz
5. Codecademy
6. URL: rb.gy/j4cq52 ➔YouTube Channels
7. freeCodeCamp
8. URL: rb.gy/mvtxj3 1. Traversy Media
9. Coursera 2. URL: t.ly/bHK_c
10. URL: rb.gy/s33d14 3. The Net Ninja
11. Udemy 4. URL: t.ly/acbkt
12. URL: rb.gy/v7lw8c 5. Academind
13. HTML5 Rocks 6. URL: t.ly/5VxHj
14. URL: rb.gy/h8hamk
➔Books
1. HTML & CSS: rb.gy/egv52p
2. Learning Web Design: rb.gy/eaq3r4
3. Head First HTML and CSS rb.gy/gnox48
