DOM JavaScript - 💪Tutorial en Español 2018
HTML-код
- Опубликовано: 7 сен 2024
- DOM JAVASCRIPT es uno de los apartados más interesantes del curso de JS en Español, sus fundamentos nos permiten ya comenzar a interactuar con nuestro sitio web y crear eventos.
Si deseas crear páginas dinámicas con diferentes eventos, tienes que saber utilizar el DOM de Javascript, el cual analizaremos con diferentes ejemplos en este tutorial.
Si te perdiste el primer tutorial de este curso de fundamentos de Javascript lo puedes revisar aquí: goo.gl/tkSK6p
MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: goo.gl/yoMdMZ
📌 JAVASCRIPT: goo.gl/hnQkog
📌 JQUERY: goo.gl/Ag7XsG
📌 CSS GRID: goo.gl/nR56pT
📌 VISUAL STUDIO CODE: goo.gl/cvu57R
📌 BOOTSTRAP 4: goo.gl/npezrj
📌 PHOTOSHOP: goo.gl/1C9k5n
📌 PSD A HTML: goo.gl/VYX2V6
📌 TEMAS WORDPRESS: goo.gl/GeiVNm
📌 PHP Y MYSQL: goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: goo.gl/GKpZAH
📌 ANGULAR: goo.gl/WJhtnC
📌 FIREBASE/FIRESTORE: goo.gl/bpKL9i
📌 PHP LARAVEL: goo.gl/iAbPBy
📌 MATERIALIZE CSS: goo.gl/7pSFY5
📌 IONIC: goo.gl/RNGKTD
📌 SASS: goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: goo.gl/HksyVi
📌 FETCH API JAVASCRIPT: goo.gl/hCaGLX
¿Necesitas crear formularios de contacto con PHP?
Ingresa a mi curso PREMIUM a solo $10 dólares aquí: goo.gl/SRAK6j
No olvides suscribirte a este hermoso canal y destruirme en los comentarios :)
También puedes seguirme en Facebook: / bluuweb
Finalmente visita mi sitio web: ignaciogutierre...
Música: www.bensound.com/ --
Mi Setup:
⭐️ Teclado Mecánico: amzn.to/3Ns6fdK
⭐️ Audífonos: amzn.to/3pwrzqt
⭐️ Micrófono: amzn.to/3JH4tV7
⭐️ Monitor: amzn.to/3NTt8Iu
⭐️ Procesador: amzn.to/3raD4EC
⭐️ Tarjeta de Video: amzn.to/437t78b
Conoce los fundamentos de JavaScript aquí: goo.gl/xhDowC (todos los videos)
he aprendido muchisimo estoy estudiando programacion 12 horas diarias y es increible lo que a prendido en tu canal y en tu curso de udemy gratis tambien gracias bro.
no sabia que si llamas a una funcion con sus parentesis, dicha funcion se ejecutara si o si, esto me ha dado muchos dolores de cabeza, muchas gracias por el aporte
Funciona así en todos los lenguajes de programación...
Que sujeto tan agradable :d
Esto si es rapido y al grano :)
Excelente forma de explicar en lo particular js se me hacia muy confuso pero en la forma que expresas las ideas son muy claras.
Eres un crack...de lo mejor que hay en internet
Saludos, muchas gracias por tus vídeos... Para los interesados, dejo una pequeña variación al ejemplo del cambio de color, cuando le da clic al botón cambia el color de párrafo entre dos colores, solo como para practicar...
var p = document.getElementById("parrafo");
p.style.color = "pink";
var bot = document.getElementById("boton");
// bot.addEventListener("click",alert('clic'));
bot.onclick = function(){
if(p.style.color=="pink")
p.style.color = "#FF00FF";
else
p.style.color = "pink";
}
Y me encanta el color rosa ... creo que se nota un poco... ja ja ja
GENIAL Fredy, así se anima , así se motiva, Platzi está en camino hacia grandes cosas, felicitaciones , Crece y Multiplícate.
Demonios!
Que manera de dar las clases. :)
Tienes un talento increíble para enseñar, te recomiendo crees cursos en Udemy, serían todo un éxito. Aprovecha tu vocación.
tiene varios cursos en udemy muy buenos
el mejor de los videos jàmas visto en relaciòn javascript, te felicito
Excelente explicación ! muchas gracias !
Gracias Leonardo, saludos 🤙🏽
Sos un genio!!! Excelente tutorial!!! Muchas gracias!!!
Brother, muchas gracias. Este video me ha ayudado muchisimo!
Muchas gracias, muy bien explicado, saludos desde España.
Asi de magico? asi de magico, jeje me enamore de los eventos grande ignacio bendiciones
El mejor tutorial, sin duda!
Gracias totales!
buenisimo, que gusto encontrar los videos perfectos en el momento justo, gracias
Buena clase tengo 24 años y siempre me a gustado la programacion web voy a empezar de a poco a dedicarme a lo que tanto me apaciona pero jamas he dado rienda suelta un saludo.
Al principio, te parecera muy dificil y no entenderas nada, pero es como todo en la vida, es cuestion de dias y dias de practicar y practicar y cuando menos te lo esperes, habras adquirido la logica de la programacion y lo que antes te parecia complejo, despues te parecera facil, suerte y a programar
Gran profesor, te ganaste un suscriptor!
Excelente!
Felicitaciones.
Muchas gracias, ahora lo entendí
wauuu muy bueno, me aclaraste muchas dudas
Te la mamaste, explicaste con madre!!! Muchas gracias
wou espectacular muy bueno, a un que hubiese estado bine que hueras explicado lo de call back
Cooooolega, me estás ayudando muchísimo a entender todo esto, muchas gracias!
Muy bueno tus vídeos. Saludo desde la República Dominicana.
Excelente y de calidad tu explicación. Muchísimas gracias!
me gusta tus videos son comprehensibe
Excelente muy buenos 👍👍👌👌
Genial la explicación, espero pronto el de POO de JS
Excelente , bien explicado . Me quedo todo super claro. saludos
muy bueno, muy clara la explicación.
Saludos desde Venezuela y gracias
Gracias brother... Directo al grano :)
desde que veo el curso es así
gracias amigo, tienes muy buenas aptitudes didacticas, me subscribo a tu canal!
Que barbaro como explicas de bien!!!!!! ❤.❤ ❤.❤ ❤.❤ ❤.❤ ❤.❤ ❤.❤ ❤.❤ ❤.❤
Saludos , Solo que ya estan obsoletos acciones como "dblclick", "mouseover" y al incluirlas en js ya no imprimen nada en consola. No se como arreglar eso. Excelente material.
Muy bueno
que buen tutorial, muchas gracias
Excelente curso! El código que usás de ejemplo lo tenés subido en algún lado? Gracias
que buenos videos
Chicos si no les sale igual en la consola, prueben Firefox, google actualizo su consola.
¡Buen video!
Gracias por tus videos, pero hombre ponle un orden a tus listas de reproducción... xD
x2
Mil gracias
En el curso premium de formulario de PHP incluís el envío de archivos adjuntos (imágenes) con $_FILES?
+Fabricio Loupias hola, en un par de días voy a actualizar el curso con lo que solicitas :) saludos
2:16 En la versión actual de Chrome, no muestra los parámetros (como innerHTML).
Compañero, lo solucionaste?, en el caso que no, debes verlo en elements, le das clic a la linea donde esta la etiqueta que quieres acceder y al lado derecho veras properties, si la etiqueta fuera h1 debes desplegar el h1#, ahí te aparecerá lo que buscas. Saludos.
@@KuroDNeko Igual para no complicarse la vida, mejor firefox.
Cuando usas querySelectorAll() el sistema te propone opciones como querySelectorAll(selectors: keyof HTMLElementTagNameMap): NodeListOf, Como entender esto ?
Excelente tutorial!! Que plugin usas para el script amigo?
Buenisimo...
Genial! Una pregunta, qué plugin usas para el reconocimiento de métodos de js en tu editor?
Genial los tutoriales!! segui asi!
Gracias! :)
Hola Nacho... es posible llamar un echo de php dentro del código de javascript?
GREAT¡¡¡¡¡
Excelente !
Que genial que te gusto! Espero verte en otros vídeos tutoriales ... saludos!!
Me adhiero a Fabricio, tan pronto este el envío de archivos adjuntos por email, ojala sea utilizando PHPMailer, soy tu cliente, avísame por favor
Hola, ¿se puede mostrar un imagen con el dom no he podido hacerla?
Chao.
thanks
Buen ejemplo. solo que no hagan codigo JavaScript en el HTML, es mala practica.
Se hace igual que en CSS, en un archivo aparte.
no logro nada, siempre me sala error en visual studio code
Pero mejor es declararlo con let que con var
Eso depende del uso.
Antes de hablar que cosa es mejor que otra deberíamos aclarar el contexto.
Aquí un articulo buenisimo al respecto: stackoverflow.com/questions/762011/whats-the-difference-between-using-let-and-var-to-declare-a-variable-in-jav
verdad asi la ram va mas liberada.
Intente cambiar el color de ambos párrafos a la vez, con la opción de class dentro de la etiqueta pero la consola me arroja: TypeError: mensajes.style is undefined 😢
. . .
Asegurate de ingresar solo números
Los letras como años no son admitidas
. . .
var boton1 = document.getElementById("boton");
var mensajes = document.getElementsByClassName("msg");
function cambiarColorMensajes () {
mensajes.style.color = "blue";
}
boton1.onclick = cambiarColorMensajes;
...
Ojalá alguien leyera mi comentario y me explicara porque es importante saber eso o en que casos usarlo soy junior y aun estoy perdido ajjaja