🚀 CURSO DOM JavaScript MODERNO - PRACTICO .

Показать описание

-----------------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------------------

CURSOS COMPLETOS:

-----------------------------------------------------------------------------------------------------------------------------

00:00 Introducción curso manipulación del DOM JavaScript.
01:37 ¿Qué es el DOM?
06:01 Traversing en el DOM (childNodes, children, hasChildNodes, firstElementChild, lastElementChild)
18:15 nextElementSibling, previousElementSibling, parentElement.
24:42 getElementById(), getElementsByClassName(), getElementsByTagName(), getElementsByName(), querySelector, querySelectorAll()
33:55 HTMLCollection vs NodeList
37:53 className, nodeName, innerHTML, outerHTML, textContent.
50:12 setAttribute(), hasAttribute(), getAttribute(), removeAttribute(), data-*
1:00:48 Eventos en el DOM.
1:07:34 onEvent y addEventListener.
1:14:24 Objeto event y preventDefault()
1:21:09 this y removeEventListener.
1:27:10 event bubbling
1:30:18 stopPropagation() y stopImmediatePropagation()
1:33:20 Fase de captura
1:35:12 matches() y closest()
1:39:41 event delegation
1:56:38 CSSOM, Objeto style
2:05:42 setProperty(), getPropertyValue(), getPropertyPriority()
2:12:02 getComputedStyle()
2:25:41 append(), prepend(), insertBefore(), before()
2:32:11 removeChild(), remove(), replaceChild(), replaceWith()
2:40:51 insertAdjacentHTML(), insertAdjacentElement(), cloneNode()
2:46:29 Juego Tic Tac Toe con JavaScript.

✉️ Redes sociales:

Рекомендации по теме

Комментарии

aun no me termino este curso, y he aprendido sobre este tema aqui contigo mas que con el resto de videos de la internet, y mas organizado que la documentacion. creo que como este cada parte de JS se merece su propio curso . saludos y agradecido con tu contenido

Seg_Fx_Pro

📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com.

AlexCGDesign

Alex, muchas gracias parcero por todo lo que compartes. Sos un teso y me encantan tus videos. De lo mejor que hay en tutoriales en español e inglés.

Lo único que siento que a veces fallas (y la verdad no es tan importante al final de cuentas) es en tu pronunciación de algunas palabras en inglés. Soy profesor de idiomas en Colombia, si quieres con mucho gusto te ayudo a practicar sin ningún costo. Es lo mínimo que puedo hacer por tanto que he aprendido de ti.

brian

Hermano con tu curso entendi todo a la perfeccion al principio leyendo comentarios para escuchar opiniones sobre ti, ya q nunca habia tomado un tutorial tuyo vi q muchas personas decian q explicas muy bien, y pude comprobar q estabas en lo correcto

Alejandro-bwmc

Demasiado valiosa la información del DOM, muchas gracias por tu tiempo y conocimientos!

cassLangmore

2:07:46 en este momento del video muestra como utiliza 2 variables diferentes para asignar los valores a las propiedades, yo combine varias cosas del curso como el "event delegation" y otros conceptos y lo hice así de otra manera y funciono, lo que no me queda muy claro es como hace que apartir de la misma variable asigne correctamente las propiedades, este es mi código:

<html>
<h1 class="titulo">Cambio dinámico de color del título</h1>
<form id="form">
<label for="color">Selecciona un color para cambiar el título:
<input type="color" id="color" aria-label="Selecciona un color">
</label>
<br>
<label for="range">Selecciona un color para cambiar el título:
<input type="range" id="range" min="14" value="16" max="40">
</label>
</form>
<script>
const titulo =
const form =

form.addEventListener('change', function(e){
const newValue = e.target.value;

titulo.style.color = newValue;
titulo.style.fontSize = newValue+"px";
})
</script>
</html>

mateoroldan

Excelente video hermano, no queda mas que decir que muy agradecido por compartir tus conocimientos que Dios te bendiga !! ❤❤❤

MR_A__

te lo agradezco explicas mejor, de lo que pensé .

blackgoku

Te adoro, era el curso que más esperaba en el año

Ivanandre

compre tu crusos de css en udemy, sos un crack explicando man, abrazo desde Argentina

sebab

Vengo de hacer tu curso de css en Udemy, simplemente sabes explicar todo muy bien

diegof

excelente video alex, tuve el placer de participar en el bootcamp del año pasado en codigofacilito y eres muy bueno enseñando, saludos

cristianmendoza

Agradecido con toda la explicación, muy buen profesor.

alcidescontreras

Como siempre, excelente, Alex eres el mejor!!!!

Daviel

Muy buen contenido de calidad, agradecido por tu aporte de información

ANGEL-tccc

El mejor curso, no hay otro canal que sea tan fiel al frontend

alexpinos

2:46:29 Juego Tic Tac Toe con JavaScript.

lacajitafelizdelmcdonalds

Ufff justo aprendi javascript ase 3 meses pero con esto ufff estarw mejor actualizado

josecarlosrojas

Gracias por el video y tiempo Alex. Retroalimente demasiado.

narushi

hola hay alguna diferencia cuando pones de atributo "data-color " en vez de eso poner una clase ? que diferencia hay entre ambas en una etiqueta?

emma-rzeq

🚀 CURSO DOM JavaScript MODERNO - PRACTICO .

🚀 CURSO DOM JavaScript MODERNO - PRACTICO .

DOM - Curso JavaScript Moderno - #01 ¿Qué es el DOM?

JavaScript WEB e a DOM na Prática | Curso de JavaScript Completo Gratuito

Introdução ao DOM - Curso JavaScript #09

Curso JavaScript #34 - O que é DOM? (Document Object Model)

Adicionando eventos com addEventListener em Javascript #P1 - Curso de Javascript Moderno - Aula 34

Criando novos elementos e adicionando no DOM em Javascript - Curso de Javascript Moderno - Aula 40

Entendendo a relação dos elementos no DOM em Javascript #P1 - Curso de Javascript Moderno - Aula 38...

Aprendendo o Método getElementById. Manipulando DOM #P1 - Curso de Javascript Moderno - Aula 30

Curso Grátis de JavaScript Moderno

Módulo C - Entendendo o DOM

querySelector e querySelectorAll. Manipulando DOM #P4 - Curso de Javascript Moderno - Aula 33

Curso de JS Aula 08 DOM Manipular HTML com o JavaScript

JavaScript para Manipulación del DOM - Curso con Proyectos

Aula 01 - JavaScript Manipulando o DOM - Conceito de DOM, Document, Title, Body e Write.

DOM - Curso JavaScript Moderno - # 04 Fragment + createElement (no más reflow)

Eventos DOM - Curso JavaScript #10

Curso de JAVASCRIPT: Aula 06 - DOM: Manipulação de Elementos e Eventos

Removendo elementos do DOM em Javascript com removeChild - Curso de Javascript Moderno - Aula 41

Entendendo a relação dos elementos no DOM em Javascript #P2 - Curso de Javascript Moderno - Aula 39...

Aprenda o Método getElementsByClassName. Manipulando DOM #P3 - Curso de Javascript Moderno - Aula 32...

APRENDA JAVASCRIPT MODERNO (2021) // TUTORIAL MAIS COMPLETO DA INTERNET

⭐[JS] 20 APRENDE a manipular el DOM (Documento Object Model) 📚 Curso JAVASCRIPT

Aprenda o Método getElementsByTagName. Manipulando DOM #P2 - Curso de Javascript Moderno - Aula 31