Domina el DOM con JavaScript
Información
Udemy
Online
Curso
El alumno revisará la historia, las bases y las herramientas para el estudio del DOM. El alumno conocerá los arreglos y métodos del DOM original. El alumno conocerá y aplicará los métodos del DOM para acceder a los nodos de su documento HTML. El alumno conocerá las propiedades de los nodos y la forma de modificarlos. El alumno aprenderá a crear, modificar y eliminar los nodos de un documento con las instrucciones DOM. El alumno aprenderá a utilizar las propiedades DOM para navegar en el documento. El alumno aprenderá los diferentes modelos de captura de eventos y su forma de aplicarlos. El alumno aplicará los eventos del DOM desde JavaScript para realizar aplicaciones. El alumno aprenderá a utilizar los eventos DOM de un formulario. A quién va dirigido Desarrolladores web con conocimientos generales de JavaScript Requisitos Tener conocimientos generales de HTML y CSS. Tener conocimientos generales de JavaScript. Temario completo de este curso Contenido del curso...Bienvenida al curso Domina el DOM con JavaScript...Breve historia del DOM...¿Qué es el DOM?...¿Cómo podemos representar el DOM?...Los tipos de nodos en DOM...Herramienta para explorar el árbol DOM y sus nodos...Los mensajes de la consola desde JavaScript...Apuntes de la sección: Introducción al estudio del DOM...Seleccionar las etiquetas...Seleccionar las etiquetas o anchors...Seleccionar la etiqueta...Seleccionar la etiqueta...Seleccionar las etiquetas...Seleccionar las etiquetas...Seleccionar los links de las etiquetas o...Seleccionar la URL de la página...Seleccionar el título de la página de la etiqueta...Guardar, modificar, leer y borrar cookies...El método write() para escribir en...Apuntes de la sección 2: El DOM legado o heredado...El método getElementById() para seleccionar por identificador...El método getElementsByTagName() para seleccionar por tipo de etiqueta...El método getElementsByClassName() para seleccionar por nombre de clase...El método getElementsByName() para seleccionar por el atributo "name"...Los métodos querySelect() y querySelectAll()...Apuntes de la sección 3: Acceder a los nodos DOM...Las propiedades nodeType y nodeName de los nodos...Las propiedades nodeValue y textContent...La propiedad attribute para el manejo de los atributos...Los métodos getAttribute() y setAttribute()...Los métodos hasAttribute() y removeAttribute()...La propiedad innerHTML para modificar el texto de un nodo...La propiedad classList...Ejemplo de la propiedad classList...Apuntes a la sección 4: Modificar los nodos y sus propiedades...Crear un nodo con createElement() y addChild()...Insertar un nodo antes de otro nodo...Remo un nodo de un árbol DOM...Clonar un nodo de una estructura DOM...Crear un nodo de texto con createTextNode()...Reemplazar un nodo con replaceChild()...Apuntes de la sección 5: Crear, modificar y eliminar nodos con JavaScript...Las propiedades para navegar en la estructura DOM...La propiedad parent...La propiedad childNodes...La propiedad children...Las propiedades firstChild y lastChild...Las propiedades previousSibling y nextSibling...Ejemplo práctico: juego de caja de números...Apuntes de la sección 6: Navegar en la estructura DOM...Los diferentes modelos de captura de eventos en DOM...El manejo de los eventos en navegadores viejos, como IE6-8...Las propiedades de un evento: el eventObject...El modelo de propagación de eventos...Detener la propagación de un evento con stopPropagation()...Detener el comportamiento por omisión de un evento...Eliminar un evento con removeEventListener()...Apuntes e la sección 7: El manejo de eventos en DOM...Los principales eventos del DOM...El evento de fin de la carga de la página: onload...El evento onclick...Los eventos onmouseo y onmouseout...Los eventos onmousedown y onmouseup...El evento onmousemove...Los eventos del teclado...El evento onSelect()...Los eventos de las cajas de entrada, onfocus y onblur...Los eventos de la forma, onsubmit y onreset...Los eventos de la ventana para hacer un parallax: onscroll...Apuntes de la sección 8: Los eventos del DOM...El objeto Form, sus propiedades y eventos...Los eventos de los elementos de un formulario...Las propiedades de los elementos de una forma...Los botones conmutados: checkbox y radio button...Los eventos de las cajas de entrada...Las listas con select y option...Otros elementos como fielset, label o elementos ocultos...Validar un formulario con DOM...Apuntes de la sección 9: Manejo de los eventos y los elementos de un formulario...Crear un menú responsivo, primera parte...Crear un menú responsivo, segunda parte...Crear un menú responsivo en la parte baja del viewport...Crear un menú en un encabezado responsivo...Crear una galería responsiva, primera parte...Crear una galería responsiva, segunda parte...Crear un slideShow de imágenes responsivas, primera parte...Crear un slideShow de imágenes responsivas, segunda parte...Crear un slideShow de imágenes responsivas, tercera parte...Crear un slideShow de imágenes responsivas, cuarta parte...Crear una galería con SlideShow responsivos, primera parte HTML...Crear una galería con SlideShow responsivos, segunda parte CSS...Crear un acordeón con JavaScrpt, CSS3 y HTML5...Crear un menú tabular con instrucciones DOM...Crear un menú tabular lateral con instrucciones DOM...Menú de tabuladores con encabezado, primera parte...Menú de tabuladores con encabezado, segunda parte...Crear un menú responsivo deslizable...Crear un menú que se oculte con el scroll...Crear un menú con encabezado...Crear un menú tical con submenú, primera parte, etiquetas HTML...Crear un menú tical con submenú, segunda parte, estilos en cascada...Crear un menú tical con submenú, tercera parte, el código JavaScript...Ejemplo: Crear una calculadoras básica con JavaScript...Calculadora, filtrar sólo números...Calculadora, controlar botones...Calculadora, realizar las funciones básicas...Calculadora, operaciones y control de signos...Crear un reloj de cuenta atrás con JS, primera parte...Crear un reloj de cuenta atrás con JS, segunda parte...Crear un juego de memoria: HTML y CSS...Crear un juego de memoria: las variables y los manejadores de eventos...Crear un juego de memoria: iniciar el juego...Crear un juego de memoria: voltear las cartas... más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Instalar y utilizar wireshark, una aplicación gratuita que nos permite capturar tráfico de red para analizarlo... ser capaz de conectarse por consola, telnet o ssh...
Mainframe IBM en tu PC
(Udemy)
Crear entorno en la pc... descargar, instalar y configurar el sistema operativo mvs en la pc... alojamientos de las bibliotecas a usar... práctica en el uso de bibliotecas...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Instalación de apache... instalación de php7... adicionalmente, es recomendable contar con conocimientos básicos en mysql... introducción a la plataforma lamp...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Bienvenida al curso... entenderás mejor en qué consiste la llamada ansiedad por separación en perros, por qué ocurre y por qué es algo grave que debes solucionar...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Niños y adultos que quieran leer y escuchar 16 cuentos clásicos en francés... estudiantes que quieran complementar su estudio del francés con estas lecturas cortas...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Tráfico de llamadas... podrán crear espectaculares dashboards de información sin ser especialistas en sistemas... nivel de abandono de llamadas...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
Podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente disfrutar dibujando...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Temario completo de este curso contenido del curso introducción introducción instalación consola cmder para windows entorno virtual pep 405 en windows entorno virtual...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Graphql configurando los resolvers instalando mongodb en windows 10 instalando mongodb en mac instalando mongoose mutation: crear registros en mongodb instalando...