logo 3con14 js cod
logo 3con14 js cod
  • Javascript
  • Conceptos
  • Ejemplos
  • Tips & Tricks
  • ► TAREAS
 
 
icon html5
icon css3
mlogo 3con14 js cod

  • Inicio
  • JS
  • Introducción
  • La consola del navegador

La consola del navegador

Empezar con JavaScript es fácil: todo lo que necesitas es un navegador moderno y las herramientas integradas para desarrolladores que tienen.

  1. Podemos usar Google Chrome y su Consola Web pulsando F12.
  2. También podemos usar Firefox, su Consola Web con F12 y su borrador con May+F4.

Para abrir la Consola Web, seleccionar [Mas herramientas > Herramientas para desarrolladores]. La Consola Web de Chrome es muy fácil de usar y muestra varias líneas. Es útil para ejemplos sencillos y nos ayuda con la sintáxis de JavaScript.

consola chrome

Para abrir la Consola Web, seleccionar "Consola web" desde el menú "Desarrollador web" que se encuentra en el menú "Herramientas" en Firefox. Aparece en la parte inferior de la ventana del navegador. A lo largo de la parte inferior de la consola está la línea de comandos que se puede utilizar para ejecutar JavaScript, y el resultado aparece en el panel de arriba:

consola ff

La Consola Web es genial para ejecutar sencillas líneas en JavaScript, pero aunque se pueden ejecutar múltiples líneas, no es muy conveniente para esto, y no puedes guardar tus ejemplos de código usando la Consola Web. Así que para los ejemplos más complejos el Borrador es la mejor herramienta.

Para abrir el Borrador, selecciona "Borrador" desde el menú "Desarrollador Web", que se encuentra en el menú de "Herramientas" en Firefox. Abre una nueva ventana y es un editor que puedes usar para escribir y ejecutar JavaScript en el navegador. Puedes también guardar los scripts en el disco  y cargarlos desde el disco.

borrador ff

JSLint y JSHint

Los analizadores de código son herramientas que realizan la lectura del código fuente y devuelve observaciones o puntos en los que tu código puede mejorarse desde la percepción de buenas prácticas de programación y código limpio.

JSHint: Es un analizador online de código javaScript creado por Douglas Crockford que nos permitirá mostrar puntos en lo que tu código no cumpla unas determinadas reglas establecidas de “código limpio“. JSLint no es una herramienta óptima ya que es bastante exhaustiva y da muchos falsos positivos.

Por todo ello, algunos desarrolladores crearon un fork llamado JSHint. El objetivo de JSHint es mejorar las mediciones que eran bastante arbitrarias en JSLint. Es frustrante ejecutar un código realizado por ti y ver como la herramienta menoscaba tu aplicación de una manera innecesaria.

En líneas generales es interesante utilizar estas herramientas a modo de curiosidad. A veces se detectan advertencias que no habías tenido en cuenta y es fácil modificarlo.

jshint

 

  • Anterior
  • Siguiente

Introducción

  • ¿Qué es JavaScript?
  • Conocimientos previos
  • Características
  • La consola del navegador
  • El primer script
  • Glosario

Recursos

  • Visual Studio Code
  • Sublime Text
  • Prepros
  • CodePen .
  • Dillinger / MDP
Mas...

Mas...

codepen

uniwebsidad

overapi

can i use

w3schools

mdn

eloquent

Archivo .PDF del Libro

js arkaitz

Licencias ...

3con14─LAB 1998 - 2021
www.3con14.biz
(cc) Jesús Plaza M.
─ Otros Reconocimientos ─

Visitas ...

Hoy ... 4

Ayer ... 64

Week 4

Mes ... 2364

TOTAL ... 97200

(cc) 3con14. Esta obra está bajo Licencia
Creative Commons Atribución-No Comercial-Compartir Igual 4.0

  • Javascript
  • Conceptos
  • Ejemplos
  • Tips & Tricks
  • ► TAREAS