Curso JavaScript: 26. Objeto console -
HTML-код
- Опубликовано: 5 фев 2025
- En este video te explico el objeto #console de #JavaScript.
💛 Aprende JavaScript aprendejavascr...
📖 Mis notas sobre JavaScript jonmircha.com/...
📖 Mis notas sobre ECMAScript jonmircha.com/...
📦 Códigos: github.com/jon...
🔔 Suscríbete al canal ruclips.net/user/jo... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
📫 Suscríbete a mi lista de correo tinyletter.com...
lo que me gusta de tus cursos es que explicas tal cual como si fuera una clase en vivo, sin importar el tiempo, no es como esos crusitos pedorros de que te explican algo en 7 minutos y si le entendiste bien. Aparte eres muy claro en tus explicaciones y no das por snetado de que algo ya lo sabemos, gracias por compartir tus conocimientos jon, siempre recominedo tus crusos que se mejore tu tos.
Gracias :)
No quería escribir eso muchas gracias por hacerlo no hay mejor explicación del por que este profe vale oro.... ánimos a todos, no se rindan nunca, sean constantes y aprovechen este tipo de cursos en las clases online no explican tan bien.
CRUSOS JAJAJAJA
console.log() - 1:20
console.error() - 3:20
console.warn() - 4:05
console.info() - 5:25
Mostrando varias variables en un console.log - 7:20
Comodines para mostrar los valores en console.log - 8:35
console.clear() - 10:55
Objeto document - 12:10
console.dir() - 13:30
console.group() - 15:35
console.table() - 19:50
console.time() - 26:34
console.count() - 31:20
console.assert() - 34:00
👍🏻
para sacar console.log(); sin estarlo escribiendo a cada rato solamente escriben log y la segunda sugerencia se los dará...
@@pantallatv8473 hola amigo si escribes solo clg y tab se escribe automaticamente
Excelente aporte parcero@@pantallatv8473
Realmente eres el mejor Jon. Vengo de Java, tengo buenos conceptos de backend con este lenguaje y esto aprendiendo JS de una manera tan natural con tu metodología, aunque muchos de estos conceptos ya los tengo aprendidos, no está de más repasar y en el camino uno se da cuenta de cosas nuevas, al final uno cree saberlo todo y realmente no se sabe nada. Genio, he visto muchos cursos en YT, pero ninguno otro youtuber enseña tan bien como tú mi brother, gran abrazo mi hermano desde Colombia.
👋🏻😉
Jonathan tu curso es exelente de los mejores que hay en RUclips, contenido actualizado desde las bases. Sin duda se nota la formacion academica y experiencia. Y lo mejor de todo que tenes incorporado la enseñanza de forma amena y concreta a cada tema. Mil felicitaciones y bendiciones para ti y toda tu familia.
:) Gracias, comparte para llegar a más personas
de los mejores tu lo has dicho.... he v isto varios de aqui cursos de paga y asi y tengo que confesar que en buena hora llegue a este canal este profesor es el mejor debo confesar de todos los que he visto y no anda de payaso ni nada, enserio que me alegra haber llegado al canal ya quiero ver los de react y php
Siempre procuro detenerme a mirar los comentarios pues en estos encuentro mensajes de personas que conocen más de la temática y me recuerdan que estas bases son muy importantes.
Nuevamente mil gracias y bendiciones! 🧙♂️🧙♂️🧙♂️
😉👍🏻
muy buen contenido, ya había tomado un curso básico de js pero con jhon e aprendido mucho mas, gracias parcero la energia.
👋🏻😉
Enseñas de una manera increíble! 👌
¡Me alegro que te guste el estilo del curso! 😎
3 de mayo 2024, OMG que explicación más clara, de la 23 a la 26 me dio duro pero con practica e investigaciones en detalle, se complementan y se hacen más claros. Gracias JonMircha por tus conocimientos.
👋🏻😉
En el video tenia 43k de suscriptores y ahora tiene 162k, eso demuestra la excelencia de sus cursos!
👋🏻😉
Muchas gracias Profe. JonMIrcha.. otras de sus enseñanzas en este maravillo lenguaje de programación.. Saludos desde Venezuela (10/03/2023)
😉👋🏻
Excelente curso para los que estamos empezando desde cero, actualizado , completo y con buenas explicaciones detallada ,gracias jonmircha por tus aportes, gracias a Dios que todo lo que se de la web es por este canal
¡De lujo! Los misterios de JS revelados al fin. Muchas gracias.
😉👋🏻
Realmente he tomado varios cursos de js, pero ninguno como usted profesor, a lo primero tenia miedo de tomar esta travesia porque decia wow!, un curso que cada video dure mas de 15 min es mucho tiempo, pero un dia me atrevi a empezarlo y cuando lo hice creo que fue la mejor desicion que he tomado en mucho tiempo, sin quitar merito a los demas profesores pero usted explica de una forma que el que no sabia programar aqui va a aprender, a la par sigo el curso de php orientado a objetos para entender las demas caracteristicas que vi en el video anterior, pero de verdad ha sido todo un gusto tenerlo a usted como profesor, de hecho he comentado el curso con casi todos mis colegas devs, que le insisto en que abandonen los cursos donde te dicen que te mostraran js de 0 a experto en unas 4 horas cuando todos sabemos que no sera asi jajajaja, bendicion y salud desde Republica Dominicana
👋🏻😉
Acá juicioso aprendiendo JS con un excelente maestro, gracias por tan buena clase.
😉👋🏻
Este curso es una maravilla
😉👋🏻
Video a video comentando es mi motivacion, a parte recibir una respuesta de este maestro me motiva mas la verdad!
😉👍🏻
amo tus videos son entretenidos, educativos y lo mejor nunca te saltas nada y le dedicas tu tiempo a darte a entender y no solo a escribir eres un gran profe, muy seguramente no soy la primera (ni seré la última) en decírtelo 🥰🥰😀
👋🏻😉
MasterClass de console. Muchas gracias por su tiempo Sr. Mircha
😉👍🏻
Me abriste los ojos, no tenía ni idea de que era tan completo el console. Mil gracias!
😉👍🏻
me encanto esta seccion de programacion orrientada a objetos , ni sabia que existia gracias.
😉👋🏻
No se si mas adelante o en otro curso lo haz explicado Jon, me gustaria ver como darle estilos al console log igual que mostraste que hace facebook. Excelente material.
Jon, buenos días. Gracias por brindarnos tan excelente curso. Llevo tres semanas siguiendo cada uno de tus videos y definitivamente son los mejores en su tipo: bien explicados, muy centrados en el tema y didácticamente expuestos. Eres un verdadero docente digital. Gracias. Saludo cordial desde Montería Córdoba en Colombia
👋🏻😉
mejor explicado imposible! mil gracias por todo. Creciendo desde España con Jonmircha!
😉👋🏻
la diferencia entre console.group() y console.groupCollapsed() es que al principio una te muestra los datos desplegados y la otra colapsados o no desplegados
gracias por el curso Jon!!
Con mucho gusto
De lo mejor, aprendiendo en mi tiempo libre con el mejor profesor. Un abrazo crack
Muchas gracias!
Excelente como siempre, muy agradecido por todo el contenido de calidad que da y las buenas explicaciones en dicho contenido.
En lo personal he aprendido mas con los videos de este gran profesor que en todos mis años en la universidad. Gracias de nuevo.
;)
A full con el curso :) Gracias Jon, eres el mejor profesor :)
Muchas gracias!
Este se me paso o no se que, importante como cada video! Gracias por todo Jon!
😉👋🏻
El minuto 10:14 🤯, no me lo esperaba hasta que lo mencionaste, porque trate de replicarlo antes de llegar a esa parte y solo me mostraba texto en lugar de lo que visualice luego. Super interesante!, al igual que el ultimo metodo de la console para testing!
👋🏻😉
Sublime explicación maestro !!!
Hola, muchas gracias
Simplemente excelente. Voy por el siguiente. Muchas gracias por subirlo.
😉🙌🏻
Buenísimo el curso!!!! Súper didáctico y organizado. Muchas gracias, se comparte
Gracias a ti 🤗
Excelente como siempre!!! El objeto console es muy útil y muchos no lo tienen tan en cuenta
Gracias, empezando el 2021 con toda
Mucha suerte!
sept 11 1969**sept 19 2023
gracias excelente curso
felicidades John Mircha
👋🏻😉
es bueno que siempre de ejemplos prácticos o sugerencias como los de hoy ,de en que casos seria bueno aplicar cierta función , excelente clase .Gracias
Tras la estrategia de marketing di like al video porque me hizo mucha gracia ja, ja.
😅
pucha, jon ya iba en el video 96 y por aburrimiento entre a repasar este, y no sabia las maravillas que se pueden hacer con el objeto console, muchas gracias x tus videos
😉✌🏻 aprendejavascript.org/
Muchas gracias por impartir su conocimiento
😉👍🏻
Master! Excelente, sigo en aprendizaje, gracias por compartir estas tecnologias.
😉👍🏻
excelente video no conocia mucho acerca del objeto console
😉✌🏻
buenas noches sr Jonatan, gracias.. > voy despacio ya que trabajo para soporte tecnológico todo el dia 6 a 6 y en las noches es que me dedico a aprender a programar, algun dia me gustaria cambiar de área, de soporte al front ..
ánimo👋🏻😉
Wepale me hiciste mención, lo de los tipos de console fui yo q te lo comente en esa vez pasada... gracias se nota q lees cada comentario. un saludo.
Este curso no sería lo mismo sin el feedback de ustedes, muchas gracias 🤗
13:23 huyyy lpm me asuste JAJAJAJA tenia los audifonos a tope xD.
🤭
Señor "Carajos" y "Trasbambalinas" 😂
ajajajajajaja :P
Jajajaja verdad
Jon, como siempre excelente!!!! mil gracias!!!
De nada, ;) comparte para llegar a más gente.
Me encanto esta parte :)
😉👋🏻
Eres el mejor!!
🙈
el perrito atras hace que me pueda concentrar mucho mas :3
🥰🦊
wow sinceramente he aprendido mucho de ti, sabia unas cosas pero esto me aclaro las dudas gracias por hacer estos videos
Genio como siempre. SI algun dia haces tu propia empresa me apunto :D
😃
Seguimos dandole
😉👍🏻
excelente me encantó esta clase profe jon :)
;D
Perfecto y bien entendido, muchisimas gracias Jonathan.:)
Con mucho gusto
Eres un crack!
😎🙌🏻
cool! Vamos super bien, todo entendido.
Excelente!
Jon, una pregunta, en el minuto 26:19, porqué en la línea 1001 necesitas usar Object.entries() para mostrar el objeto en tabla y en la linea 1014 no?
Para expresarlo en forma de arreglo y poder construir la tabla
@@jonmircha si, porque es un objeto, pero en la línea 1014, también estás consologeando un objeto, y aún así no lo cambias a arreglo
Gracias, generalmente solo usaba console.log !! 😅
😉
Profe. me saltó una duda en esta parte 27:08 Yo he visto que muchos programadores están usando map() para recorrer los arreglos y que lo están "sustituyendo" por el for. ¿qué diferencia hay? siento que el map() hace un poco de trabajo por nosotros. Cual es su opinión? Saludos
Depende, cuando quieras iterar sobre tu mismo arreglo usa forEach, cuando no quieras tocar el arreglo original y hacer uno nuevo, entocnes usa map
gracias exelente video
Gracias por comentar
gracias profe
😉👋🏻
Muchas Gracias
De nada
Buen video.... eres excelente
Gracias! 😊
excelente curso gracias
A la orden
Había visto ese mensaje en facebook, son muy paranoicos. ¿Como hicieron para tener ese mensaje personalizado, en cuanto a tamaños y fuentes me refiero? ¿Existe alguna función dentro de la consola que devuelva un string y lo pueda asignar a una variable? Por que console.log() devuelve siempre "undefined". Te pregunto por que se ve útil esa funcionalidad de generar strings con formato. Da para hacer un curso únicamente del objeto console, ignoraba todo lo que tiene.
Muy pedagógico y útil tu curso. Muchas gracias.
Profe eres un grande cada días más entusiasmado de avanzar en este curso. Profe una pregunta cuanto tiempo crees teniendo en cuenta que eres juicioso estudiando todos los días al menos dedicando una o dos horas a este curso, en que uno se convierta en programador? y respondiendo eso, el nivel con el que uno sale de acá sería Junior?
De ante mano mil gracias por tu tiempo.
mmmm programador eres desde que haces tu primer hola mundo :) Junior, Senior... tiene que ver con el tiempo que te has dedicado a sacar proyectos profesionalmente Junior es de 0 a 2 años y Senior más de 5, así que esa escala no sirve para el curso, el curso te da conocimientos desde cero hasta temas avanzados, pero no te convierte en Junior o Senior eso te lo tienes que ganar con sudor y trabajo
@@jonmircha Profe gracias por tu respuesta, entonces a darle que el tiempo apremia :D
Buenas Jon, gracias por las clases que estas enseñando, que recomiendas hacer despues de tu curso de javascript, Node.js o React.js?? Un saludo!
Depende de lo que quieras front o back?
@@jonmircha full jejejj
@jonmircha no me ha contestado maestro, quiero ser full stack developer. Yo ya sé PHP, SQL, MYSQL y algo de Javascript pero estoy repasándolo con su curso, entonces que me recomienda después de este curso React o node? Gracias Maestro.
exquisito este video!!
😉
Una consulta profe, haciendo console.dir al document salen todos sus objetos internos y al último sale uno llamado "__proto__: HTMLDocument" en el cual hay varios elementos más en lo cuales está otro llamado "__proto__: Document" que donde pude encontrar todos estos métodos cómo "getElementById" etc... La pregunta es, que es o a que hace referencia el primer elemento mencionado(__proto__: HTMLDocument) en el que aparecen todas estas cosas? Agradezco mucho su respuesta profe😁
Es su prototipo
Una pregunta Jon, no sé si lo tratas en este video u otro, el objeto Window y Navigator lo das aquí ?
Sí más adelante en la parte del DOM
💯🤜🤛
😉👋🏻
Pregunta, los comentarios, funciones, variables y todos los ejemplos que muestras, los tienes en alguna parte para que podamos repasar?
en la descripción de los videoa esta el link al repo
saludos Jon y saludos a el gran danés que sale al principio del video jijijijiji.
🦊👋🏻😉
Oye porfa, revisa tu tos que he notado mucho que en los videos toces bastante, no me molesta pero si es necesario que te cheques tu salud, gracias por tus videos crack
jajajajajajaja ntp estoy muy sano pero en esas épocas salí de una fuerte infección de garganta y en mi trabajo hablo todo el día así que eso no ayudaba mucho ;) gracias por la preocupación
Amigo que paso con el tiempo de ejecucion... tengo una maquina vieja y me dió "Tiempo de Ejecucion: 0.010009765625 ms". Sera porque estas capturando y yo solo haciendo esto no? pero me llamo la atencion que te tardó 32 ms
¯\_(ツ)_/¯ ni idea
En el minuto 20:10 dices utilizar el constructor Object y su metodo entries.... no entendi eso. Lo que entiedno es que Object es un Objeto que tiene un metodo Entries...
eso mismo
Esto podria suplir al tray cach?
No
🙏🙏🙏
👋🏻😉
dijiste printf() que recuerdos!!!
😅
se colo su perro en el video 😆, una consulta profe es necesario saber algun otro lenguaje de programacion antes de java script?
Dependiendo el perfil de Dev que quieras especializarte, tendrás que aprender más pero para empezar en web esta bien y es el más importnte
Hace días te pregunté por manejo de console, me refería al debug del navegador, ¿explicaras como funciona y como usarlo?
Más adelante, ya que eso es más del navegador que de JS
@@jonmircha Mira esto:
function Gato(raza, color) {
this.raza = raza;
this.color = color;
}
const nino = Gato('europeo', 'negro');
console.log(nino); // undefined
Como puedes comprobar, con sólo olvidar el operador new ya no estarás creando una nueva instancia de Gato bajo el objeto nino.
Lo que es peor: sin darte cuenta estarás añadiendo propiedades al objeto global window, ya que dentro de una función this hace siempre referencia al objeto global.
@@edwinrafaelhenriquezh2085 por eso hay que tener bases sólidas y ganar mucha experiencia escribiendo código :)
@@edwinrafaelhenriquezh2085 aunque se coloque la palabra 'new' , si revisas las propiedades del objeto global window con ' console.log( window ) ' vuelve aparecer Gato como propiedad del mismo. Por eso no cambio las clases ya que con eso NO sucede lo mismo y ademas te obliga a instanciar con ' new '. Entonces tu codigo quedaria asi:
class Gato {
constructor(raza, color) {
this.raza = raza;
this.color = color;
}
}
const nino = new Gato('europeo', 'negro');
console.log(nino);
y Gato ya no te aparecera como propiedad del objeto global
💪
👋🏻😉
👏👏👏 🙏🙏🙏
👋🏻😉
Estimado, desde ya muchas gracias por dedicar tu tiempo a enseñar. El curso está muy bueno y lo sigo a medida que vas sacando videos nuevos. Necesito hacerte una consulta sobre los componentesde DOM, en un div agrego dinámicamente unos input con datos. Como puedo hacer para borrar los input creados? Hice una función para crearlos, que funciona bien, y una función para borrarlos, que no funciona. Si la llamo desde la aplicación, deja de funcionar la aplicación, y si la corro dentro de la linea de código sin función, no hace nada. Desde ya te agradesco si puedes darme una orientación. Desde Tucumán - Argentina te Saludo.
Los input los creo en un contenedor
La función que uso para crear los input es la siguiente:
function crearInput() {
//aquí instanciamos al componente padre
let padre = document.getElementById("Historial");
//aquí agregamos el componente de tipo input
let input = document.createElement("INPUT");
//aquí indicamos que es un input de tipo text y mas propiedades
input.type = 'text';
input.className = "historialJugada";
input.id = "jugada" + contador;
//y por ultimo agregamos el componente creado al padre
padre.appendChild(input);
// le asignamos el valor a los input con el historial de jugadas
document.getElementById("jugada" + contador).value = `${contador}- Nº ${historial[0]} - ${historial[1]}V - ${historial[2]}R `;
}
Y la función para borrarlos:
function eliminarInput() {
// Limpiampos el 3 contenedor de los input
let padre = document.getElementById("Historial");
//definimos la variable con el class de los input correspondiente
let input = document.getElementsByClassName('historialJugada')
//y por ultimo eliminamos el input que corresponde al contador
padre.removeChild(input);
}
No te apresures. No hemos visto el DOM aún.
Thank
👋🏻😉
Hola muy buena clase, quiero seguir aprendiendo Gracias!!!
Hola, muchas gracias, sigue adelante :)
La verdad que explicas muy bien. En este capítulo me ha quedado mucho mas claro. Lo que no se esto para que se utiliza, donde. Ya sería un curso 10 si se pusiese un ejemplo practico de cada lección. Por ejemplo yo que estoy empezando desarrollar web no se donde se va a utilizar. Pero enhorabuena sin duda por tu forma de explicar. Te has ganado un suscriptor fiel más.
Gracias :) A partir de la clase 33 a la 43 hay ejercicios prácticos, cada determinado número de temas, hay una etapa de ejercicios :)
@@jonmircha Perfecto Jon. Muchas gracias por hacer esto de forma altuísta. Deseando ver los ejemplos para ver como se implementa en la web
¿por que no usaste ".entries", en los arreglos de números, vocales y el objeto "perro"?
🤔 en qué parte
Podrá jon mircha llegar al final del curso antes de morir?
Gracias por el curso. Soy ciego y uso lector de pantalla y me gustaría menciones como vas elaborando el código
pon el playlist del curso en la descripcion de cada curso
Esta aprendejavascript.org/
Me complico con el bucle for, en sí no entiendo su función :(
ruclips.net/video/AapgtR0Rwk0/видео.html
Genial, muchas gracias Jon
Con gusto
Oye una pregunta mas que nada por curiosidad, ¿cuantos lenguajes de programación sabes?, si no quieres responder esta bien jaja, solo que me fije y tienes bastantes cursos, wow.
De programación sólo 2 JS y PHP, estoy aprendiendo Python
@@jonmircha oh vale, deberías crear en un futuro un server de discord en relación a esto, quizás este bueno 😃👍. Gracias por la tan pronta respuesta jeje.
Ya lo tengo discord.gg/gPgJMUF
@@jonmircha oh, gracias.
Estos comodines tambien son una forma de interpolar variables en un texto para mostrar? O solo funcina en el log.
La concatenacion ya esta desfasada? "Jhon" + " Mircha" + " LolaBunny"
Porque sera que cuando pongo console.log no hace nada?
En la consola de mi navegador si sirve pero no en mi VScode
Yo me acuerdo que console, no es parte de javascript sino del navegador. Se coloco ahi como una herramienta para los desarrolladores. No se si este bien!
22:18 amamamamamammmmaaaam
Muy bueno JON no se quienes seran los REOS que dan no me gusta.