4.3 Criação e remoção dinâmica de elementos com createElement, appendChild e remove - Lucas Quadros

Início
Sobre
Cursos
Aulas Particulares
Conteúdos
Contato

Painel do Aluno

JavaScript 4.3 Criação e remoção dinâmica de elementos com createElement, appendChild e remove

JavaScript

0% Completed

Módulo 1: Fundamentos & Sintaxe Moderna do JavaScript (ES6+)

1.1 Introdução ao JavaScript: Onde e como o JS é executado (V8 Engine, Node.js e Browsers)

1.2 Declaração de variáveis: var, let e const, escopo de bloco e Hoisting

1.3 Tipos primitivos, tipagem dinâmica, typeof e Template Literals com interpolação

1.4 Operadores lógicos, aritméticos, de atribuição, coalescência nula (??) e encadeamento opcional (?.)

Módulo 2: Estruturas de Controle, Funções & Arrow Functions

2.1 Condicionais clássicas: if, else if, else, operador ternário e Switch Case

2.2 Estruturas de repetição: for, while, do-while, for...of e for...in

2.3 Declaração de funções, parâmetros padrão, retorno de valores e escopo léxico

2.4 Funções anônimas, Arrow Functions, Closures e funções de alta ordem (High-Order Functions)

Módulo 3: Arrays, Objetos & Métodos Funcionais Modernos

3.1 Arrays no JavaScript: criação, métodos básicos (push, pop, shift, unshift, slice, splice)

3.2 Métodos funcionais modernos: map, filter, reduce, find, findIndex, some e every

3.3 Objetos literais: propriedades, métodos, referências de memória e JSON (parse e stringify)

3.4 Desestruturação (Destructuring) de objetos e arrays, e operadores Rest / Spread (...)

Módulo 4: Manipulação do DOM & Eventos Interativos

4.1 A árvore do Document Object Model (DOM) e seleção de elementos com querySelector / querySelectorAll

4.2 Manipulação de classes, estilos inline, atributos (dataset) e conteúdo (innerText / innerHTML)

4.3 Criação e remoção dinâmica de elementos com createElement, appendChild e remove

4.4 Eventos no navegador: addEventListener, objeto Event, Event Bubbling, Capturing e Event Delegation

Módulo 5: Programação Assíncrona, Promises & Async/Await

5.1 Sincronismo vs Assincronismo: Callbacks e o problema do Callback Hell

5.2 O Event Loop do JavaScript: Call Stack, Web APIs, Task Queue e Microtask Queue

5.3 Promises na prática: criação, estados (pending, fulfilled, rejected), .then(), .catch() e .finally()

5.4 Async e Await: sintaxe moderna para código assíncrono síncrono e tratamento com try/catch

Módulo 6: Consumo de APIs REST com Fetch API & HTTP

6.1 Introdução a APIs RESTful: Verbos HTTP (GET, POST, PUT, DELETE) e Status Codes

6.2 Requisições GET com Fetch API, parsing de dados JSON e renderização na tela

6.3 Enviando dados com POST e headers customizados (Content-Type: application/json)

6.4 Tratamento avançado de erros de rede, feedback visual de carregamento (Loaders) e abort controller

Módulo 7: Programação Orientada a Objetos (POO) & Modularização

7.1 Programação Orientada a Objetos com Classes ES6: Construtores, métodos e instâncias

7.2 Herança com extends, chamada ao super(), métodos estáticos e getters/setters

7.3 Armazenamento no navegador: LocalStorage e SessionStorage com serialização JSON

7.4 Módulos ES6 nativos: import, export default, export nomeado e organização de código limpo

Módulo 8: TypeScript, Ferramentas & Projeto Prático SPA

8.1 Introdução ao TypeScript: por que tipar o código, interfaces e tipagem básica

8.2 Ferramentas modernas de build: Vite, npm, linters (ESLint) e formatadores (Prettier)

8.3 Boas práticas de segurança frontend: sanitização de inputs contra XSS e manipulação segura de tokens

8.4 [Projeto Final SPA] Construção de uma Single Page Application completa com consumo de API e estado reativo

Avisos e Novidades Informações do Curso

Conteúdo prático passo a passo da aula 4.3 Criação e remoção dinâmica de elementos com createElement, appendChild e remove com exercícios e código fonte disponível.

Anterior Próxima

Especialista em desenvolvimento web e e-commerce de alto volume com mais de 12 anos de experiência, capacitando desenvolvedores através de formações práticas em PHP, WordPress, WooCommerce, Laravel e Magento.

Formações

HTML e CSS
JavaScript
PHP
WordPress
Laravel
Magento

Contato Direto

+55 (51) 98129-1389
contato@lucasquadros.com
LinkedIn

© 2026 Lucas Quadros. Todos os direitos reservados. | Política de Privacidade

Aviso Legal: As marcas WordPress, WooCommerce, Magento, Adobe e Laravel são marcas registradas de seus respectivos proprietários. Este site oferece cursos e treinamentos técnicos independentes de capacitação profissional, sem vínculo institucional ou endosso direto das referidas marcas.

Fale comigo no WhatsApp