Como desarrollador webConcepto de Desarrollador web¿Qué es un Desarrollador de sitios web?Un Desarrollador web es un un programador que se vuelca por completo en el desarrollo de páginas web y apps para webs. Se caracteriza porque centra su actividad en trabajar en este sector del ámbito digital y, de esta manera, dominar todos los lenguajes de programación necesarios para esto.Es una figura conectada a conceptos como HTML, JavaScript o CSS, que al más, tú debes saber muy bien la necesidad de depurar tu código. A menudo usamos bibliotecas externas para los registros, y para formatearlos y/o mostrarlos en algunos casos, pero la consola de nuestros navegadoresConcepto de Navegadores¿Qué son los Navegadores?Los Navegadores son herramientas informáticas que utilizamos para, normalmente, navegar por Internet y visitar cualquier página web, al mismo tiempo de para hacer otras tareas como ver documentos, observar vídeos o reproducir contenido multimedia de cualquier tipo. Son un tipo de software sencillamente usual y bastante utilizado hoy en día.Insistimos en que es algo que se utiliza con mucha frecuencia, puesto que moverse por Internet más es mucho más potente de lo que pensamos.
Cuando pensamos en la consola, lo primero que nos viene a la mente y el console.log, ¿verdad? Pero hay muchos más métodos de los que imaginamos. Ahora veremos cómo aprovechar al máximo el uso de la consola, y te daré algunos consejos para que estos métodos sean más legibles
¿Qué es la Consola?
La consola JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más es una característica incorporada en los navegadores modernos que viene con herramientas de desarrollo listas para usar en una interfaz similar a una concha. Le permite a un desarrollador:
- Ver un registro de errores y advertencias que se producen en una página web.
- Interactuar con la página web usando comandos JavaScript.
- Depurar aplicaciones y atravesar el DOM directamente en el navegadorUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los más.
- Inspeccionar y analizar la actividad de la red
Básicamente, te permite escribir, administrar y supervisar JavaScript directamente en su navegador.
Console.log, Console.error, Console.warn y Console.info
Estos son probablemente los métodos más utilizados de todos. Puedes pasar más de un parámetro a estos métodos. Cada parámetro es evaluado y concatenado en una cadena delimitada por el espacio, pero en el caso de objetos o matrices se puede navegar entre sus propiedades.
Consola.group
Este método le permite agrupar una serie de console.logs (pero también información de error, etc.) bajo un grupo que puede ser colapsado. La sintaxis es realmente muy sencilla: basta con introducir todo el console.log que queremos agrupar antes que console.group() (o console.groupCollapsed() si queremos que se cierre por defecto). Luego agrega un console.groupEnd() al final para cerrar el grupo.
Desde que descubrí la consola.table mi vida ha cambiado. Mostrar JSON o arrays JSON muy grandes dentro de un console.log es una experiencia aterradora. El console.table nos permite visualizar estas estructuras dentro de una hermosa tabla donde podemos nombrar las columnas y pasarlas como parámetros.
Console.count, Console.time y Console.timeEnd
Estos tres métodos son la navaja suiza para cada desarrollador que necesite depurar. El console.count cuenta y emite el número de veces que count() ha sido invocado en la misma línea y con la misma etiqueta. El console.time inicia un temporizador con un nombre especificado como parámetro de entrada, y puede ejecutar hasta 10.000 temporizadores simultáneos en una página determinada. Una vez iniciado, usamos una llamada a console.timeEnd para detener el temporizador e imprimir el tiempo transcurrido en la Consola.
Console.trace y Console.assert
Estos métodos simplemente imprimen una traza de pila desde el punto en el que fue llamada. Imagine que está creando una biblioteca JS y desea informar al usuario dónde se generó el error. En ese caso, estos métodos pueden ser muy útiles. El console.assert es como el console.trace pero sólo se imprimirá si la condición pasada no ha pasado.
Como podemos ver, la salida es exactamente lo que React (o cualquier otra librería) nos mostraría cuando generamos una excepción.
Borrar todas las consolas
El uso de consolas a menudo nos obliga a eliminarlas. O a veces nos olvidamos de la construcción de la producción (y sólo nos damos cuenta de ello por error días y días después). Por supuesto, no aconsejo a nadie que abuse de las consolas donde no se necesitan (la consola en el mango de entrada de cambio puede ser borrada después de ver que funciona). Debe dejar registros de errores o registros de rastreo en modo de desarrollo para ayudarte a depurar. Uso mucho Webpack, tanto en el trabajo como en mis propios proyectos. Esta herramienta le permite borrar todas las consolas que no desea que permanezcan (por tipo) de la estructura de producción utilizando el pluginConcepto de Plugin¿Qué es un Plugin?Un Plugin es un fragmento o componente de código hecho para ampliar las funciones de un programa o de una herramienta. En el ámbito del marketing digital, especialmente dentro del marketing de contenidos, es algo que se utiliza con mucha frecuencia dentro de entornos como WordPress, puesto que sirven al momento de contar con añadidos que hagan mucho más cómoda y completa la experiencia de más uglifyjs-webpack-plugin
