⏰ MARCAS DE TIEMPO 00:00 INTRODUCCIÓN 01:23 QUE ES EL DOM 📍CÓDIGO INICIAL PARA COMENZAR EL CURSO ⬇ github.com/Ledyba-Dev/CURSO-D... 🔰 Link acortado para apoyar el canal ⬇ cuty.io/cursoDom 09:02 BUSCAR ELEMENTOS EN EL DOM - 13:33 getElementById() - 17:30 getElementByClassName() - 22:27 getElementsByName() - 25:45 getElementsByTagName() - 28:17 querySelector() - 33:53 querySelectorAll() - 35:20 Nodelist || HTMLCollection - 44:18 RECORRER EL DOM - 45:55 children - 48:08 parentElement - 49:39 firstElementChild - 51:46 lastElementChild - 52:37 previousElementSibling - 54:16 nextElementSibling - 54:57 matches() - 57:13 closest() - 1:03:42 childNodes - 1:05:04 parentNode - 1:06:08 previousSibling - 1:06:46 nextSibling 1:08:13 MODIFICAR CONTENIDO DEL DOM Y ESTILOS -1:09:10 nodeName - 1:11:02 textContent - 1:13:38 innerText - 1:15:26 outerText - 1:17:40 nodeType - 1:18:45 innerHtml - 1:23:22 outerHtml - 1:25:01 id - 1:27:58 hasAttributes() - 1:29:54 getAttribuNames() - 1:30:43 getAttribute() - 1:31:32 setAttribute() - 1:32:41 removeAttribute() - 1:34:51 toggleAttribute() - 1:36:20 classList.add() && classList.remove() - 1:37:43 className - 1:38:49 style 1:43:51 Crear elementos HTML en el DOM - 1:44:20 repaso de los estilos en el DOM - 1:44:50 className - 1:46:11 classList - 1:45:21 classList.value - 1:45:31 classList.item() - 1:46:44 classList.contains() - 1:46:17 classList.add() - 1:48:08 classList.remove() - 1:48:44 classList.toggle() - 1:49:53 classList.replace() - 1:50:30 style - 1:51:40 style.setProperty() - 1:53:27 style.getPropertyValue() - 1:54:06 style.removeProperty() - 1:54:48 window.getComputedStyle() - 1:56:19 document.createElement() - 2:03:29 document.createDocumentFragment() - 2:07:35 document.cloneNode() 2:09:54 ISERTAR HTML EN EL DOM - 2:10:54 before() - 2:13:00 after() - 2:13:44 prepend() - 2:17:30 append() - 2:19:07 replaceChildren() - 2:20:59 replaceWith() - 2:22:27 remove() - 2:23:39 insertAdjacentElement() 2:32:26 EVENTOS 3:09:47 NAVBAR CON JAVASCRIPT DOM - github.com/Ledyba-Dev/NAVBAR-MOBILE 🔰 Link acortado para apoyar ⬇ cuty.io/Navbar 3:24:48 PRÁCTICA FINAL LISTA DE TAREAS - github.com/Ledyba-Dev/CURSO-DOM-JAVASCRIPT 🔰 Link acortado para apoyar ⬇ cuty.io/rocoDev Espero que este curso pueda llegar a las personas que están aprendiendo porqué sé que les será de mucha ayuda. Agradecimiento especial para todos siempre y los que dejan su comentario en apoyo 😊😊. Aguante JavaScript 💛💛
Estaba esperando este curso hermano, estoy estudiando primero las cosas que dijiste para comenzar con DOM, ejercicios de Bucles, funciones, prompt, POO, etc. Cusndo termine, voy a hacer este curso.
¡Este curso sobre DOM en JavaScript suena genial! Siempre me ha costado un poco manejar eventos y estilos, así que esto me vendrá de maravilla. 😁 ¿Alguien más ha tenido problemas con eso? Estoy empezando con соdigо hеrое y me encanta cómo explican todo. 🙌🏻
Gracias a vos Alejandro por el apoyo siempre. Espero que aprendas mucho con el curso. Hay una práctica al final del curso buenísima directo al grano para aprender el DOM.
⏰ MARCAS DE TIEMPO
00:00 INTRODUCCIÓN
01:23 QUE ES EL DOM
📍CÓDIGO INICIAL PARA COMENZAR EL CURSO ⬇
github.com/Ledyba-Dev/CURSO-D...
🔰 Link acortado para apoyar el canal ⬇
cuty.io/cursoDom
09:02 BUSCAR ELEMENTOS EN EL DOM
- 13:33 getElementById()
- 17:30 getElementByClassName()
- 22:27 getElementsByName()
- 25:45 getElementsByTagName()
- 28:17 querySelector()
- 33:53 querySelectorAll()
- 35:20 Nodelist || HTMLCollection
- 44:18 RECORRER EL DOM
- 45:55 children
- 48:08 parentElement
- 49:39 firstElementChild
- 51:46 lastElementChild
- 52:37 previousElementSibling
- 54:16 nextElementSibling
- 54:57 matches()
- 57:13 closest()
- 1:03:42 childNodes
- 1:05:04 parentNode
- 1:06:08 previousSibling
- 1:06:46 nextSibling
1:08:13 MODIFICAR CONTENIDO DEL DOM Y ESTILOS
-1:09:10 nodeName
- 1:11:02 textContent
- 1:13:38 innerText
- 1:15:26 outerText
- 1:17:40 nodeType
- 1:18:45 innerHtml
- 1:23:22 outerHtml
- 1:25:01 id
- 1:27:58 hasAttributes()
- 1:29:54 getAttribuNames()
- 1:30:43 getAttribute()
- 1:31:32 setAttribute()
- 1:32:41 removeAttribute()
- 1:34:51 toggleAttribute()
- 1:36:20 classList.add() && classList.remove()
- 1:37:43 className
- 1:38:49 style
1:43:51 Crear elementos HTML en el DOM
- 1:44:20 repaso de los estilos en el DOM
- 1:44:50 className
- 1:46:11 classList
- 1:45:21 classList.value
- 1:45:31 classList.item()
- 1:46:44 classList.contains()
- 1:46:17 classList.add()
- 1:48:08 classList.remove()
- 1:48:44 classList.toggle()
- 1:49:53 classList.replace()
- 1:50:30 style
- 1:51:40 style.setProperty()
- 1:53:27 style.getPropertyValue()
- 1:54:06 style.removeProperty()
- 1:54:48 window.getComputedStyle()
- 1:56:19 document.createElement()
- 2:03:29 document.createDocumentFragment()
- 2:07:35 document.cloneNode()
2:09:54 ISERTAR HTML EN EL DOM
- 2:10:54 before()
- 2:13:00 after()
- 2:13:44 prepend()
- 2:17:30 append()
- 2:19:07 replaceChildren()
- 2:20:59 replaceWith()
- 2:22:27 remove()
- 2:23:39 insertAdjacentElement()
2:32:26 EVENTOS
3:09:47 NAVBAR CON JAVASCRIPT DOM
- github.com/Ledyba-Dev/NAVBAR-MOBILE
🔰 Link acortado para apoyar ⬇
cuty.io/Navbar
3:24:48 PRÁCTICA FINAL LISTA DE TAREAS
- github.com/Ledyba-Dev/CURSO-DOM-JAVASCRIPT
🔰 Link acortado para apoyar ⬇
cuty.io/rocoDev
Espero que este curso pueda llegar a las personas que están aprendiendo porqué sé que les será de mucha ayuda.
Agradecimiento especial para todos siempre y los que dejan su comentario en apoyo 😊😊. Aguante JavaScript 💛💛
Estaba esperando este curso hermano, estoy estudiando primero las cosas que dijiste para comenzar con DOM, ejercicios de Bucles, funciones, prompt, POO, etc. Cusndo termine, voy a hacer este curso.
Este curso te va a servir muchísimo. Vas a tener soltura después al manejar el DOM y darle interactividad a tu página web.
¡Este curso sobre DOM en JavaScript suena genial! Siempre me ha costado un poco manejar eventos y estilos, así que esto me vendrá de maravilla. 😁 ¿Alguien más ha tenido problemas con eso? Estoy empezando con соdigо hеrое y me encanta cómo explican todo. 🙌🏻
Espero que te ayude mucho a dominar el DOM 💪🏼🖐🏼😎💻
Éxitos❤🙌🏻
Grasias
Gracias a vos Alejandro por el apoyo siempre. Espero que aprendas mucho con el curso. Hay una práctica al final del curso buenísima directo al grano para aprender el DOM.