¿Qué es JavaScript y cómo funciona?

¿Qué es JavaScript y cómo funciona?

JavaScript se ha convertido en un elemento básico en el desarrollo web moderno. Este poderoso lenguaje se ha convertido en una herramienta esencial para que la comprenda cualquier desarrollador web.





JavaScript tiene características especiales que lo diferencian de los lenguajes de programación tradicionales. Vamos a profundizar en qué es, cómo funciona y qué puede hacer con él. Vamos a analizarlo.



¿Qué es JavaScript?

JavaScript es un lenguaje de secuencias de comandos para la web. Es un lenguaje interpretado, lo que significa que no necesita un compilador para traducir su código como C o C ++. El código JavaScript se ejecuta directamente en un navegador web.





La última versión del idioma es ECMAScript 2018, que se lanzó en junio de 2018.

cuánto dura una fuente de alimentación

JavaScript funciona con HTML y CSS para crear aplicaciones web o páginas web. JavaScript es compatible con la mayoría de los navegadores web modernos como Google Chrome, Firefox, Safari, Microsoft Edge, Opera, etc. La mayoría de los navegadores móviles para Android y iPhone ahora también admiten JavaScript.



JavaScript controla los elementos dinámicos de las páginas web. Funciona en navegadores web y, más recientemente, también en servidores web. Las interfaces de programación de aplicaciones (API) también son compatibles con JavaScript, lo que le brinda más funcionalidad.

Comprender todas las formas en que funciona JavaScript es un poco más fácil cuando comprende cómo funciona la programación web, así que aprendamos más.



Bloques de creación de aplicaciones web

Hay tres componentes que crean sitios web y aplicaciones: lenguaje de marcado de hipertexto (HTML), hojas de estilo en cascada (CSS) y JavaScript. Cada uno tiene un papel en la creación de una aplicación web.

  • HTML es un lenguaje de marcado que crea el esqueleto de la página web. Todos los párrafos, secciones, imágenes, encabezados y texto están escritos en HTML. El contenido aparece en el sitio web en el orden en que están escritos en HTML.
  • CSS controla el estilo y los aspectos adicionales del diseño. CSS se utiliza para crear el diseño del sitio web creando los colores, fuentes, columnas, bordes, etc. Lleva el sitio web de elementos de texto plano a diseños coloridos.
  • El tercer elemento es JavaScript. HTML y CSS crean la estructura, pero no hacen nada a partir de ahí. JavaScript crea actividad dinámica en su aplicación. La secuencia de comandos en JavaScript es lo que controla las funciones cuando se hace clic en los botones, cómo se autentican los formularios de contraseña, cómo se controlan los medios.

Las tres partes funcionan en armonía entre sí para crear aplicaciones a gran escala. Sería una buena idea aprender más sobre HTML y CSS si no se siente completamente cómodo con ellos.



¿Cómo funciona JavaScript?

Antes de escribir JavaScript, es importante saber cómo funciona bajo el capó. Hay dos piezas importantes que aprender: cómo funciona el navegador web y el modelo de objetos de documento (DOM).

El navegador web carga una página web, analiza el HTML y crea lo que se conoce como Modelo de objetos de documento (DOM) a partir de los contenidos. El DOM presenta una vista en vivo de la página web a su código JavaScript.

Luego, el navegador tomará todo lo vinculado al HTML, como imágenes y archivos CSS. La información de CSS proviene del analizador de CSS.

El HTML y CSS son reunidos por DOM para crear la página web primero. Luego, el motor JavaScript de los navegadores carga archivos JavaScript y código en línea, pero no ejecuta el código inmediatamente. Espera a que HTML y CSS terminen de cargarse.

Una vez hecho esto, JavaScript se ejecuta en el orden en que se escribe el código. Esto da como resultado que el DOM sea actualizado por código JavaScript y representado por el navegador.

El orden aquí es importante. Si JavaScript no espera a que termine el HTML y CSS, no podrá cambiar los elementos DOM.

¿Qué puedo hacer con JavaScript?

JavaScript es un lenguaje de programación completo que puede hacer la mayoría de las cosas que puede hacer un lenguaje normal como Python. Éstos incluyen:

cómo ver historias de instagram en la pc
  • Declaración de variables.
  • Almacenamiento y recuperación de valores.
  • Definir e invocar funciones, incluidas funciones de flecha .
  • Definición de clases y objetos de JavaScript.
  • Carga y uso de módulos externos.
  • Escribir controladores de eventos que respondan a eventos de clic.
  • Escribiendo código de servidor.
  • Y mucho más.

Advertencia: Dado que JavaScript es un lenguaje tan poderoso, también es posible escribir malware, virus y piratas del navegador para infligirlos a los usuarios. Estos van desde el robo de cookies del navegador, contraseñas, tarjetas de crédito hasta la descarga de virus en su computadora.

Usando JavaScript

Veamos algunos conceptos básicos de JavaScript con ejemplos de código.

Declaración de variables

JavaScript se escribe dinámicamente, lo que significa que no tiene que declarar el tipo de sus variables en su código.

|_+_|

Operadores

Adición

|_+_|

Sustracción

|_+_|

Multiplicación

|_+_|

División

|_+_|

Módulo

|_+_|

Matrices

|_+_|

Funciones

JavaScript puede escribir funciones, aquí hay una función simple que agrega números.

que puedes hacer con un arduino
|_+_|

Bucles

JavaScript puede realizar bucles para iteración, bucles como para bucles y while bucles.

|_+_| |_+_|

Comentarios

|_+_| |_+_|

En una página web

La forma más común de cargar JavaScript en una página web es usar el texto Etiqueta HTML. Dependiendo de sus requisitos, puede utilizar uno de los siguientes métodos.

  • Cargue un archivo JavaScript externo en una página web de la siguiente manera: let num = 5;
    let myString = 'Hello';
    var interestRate = 0.25;
  • Puede especificar la URL completa si el javascript es de un dominio diferente al de la página web de la siguiente manera: 12 + 5
    >> 17
  • JavaScript se puede incrustar directamente en el HTML. Aquí hay un 20 - 8
    >> 12

Aparte de estos métodos, hay formas de cargar código JavaScript bajo demanda. De hecho, existen marcos dedicados a cargar y ejecutar módulos de JavaScript con las dependencias adecuadas resueltas en tiempo de ejecución.

Esos son temas más avanzados, ahora mismo está aprendiendo los conceptos básicos.

Fragmentos de código JavaScript de muestra

Aquí hay algunos ejemplos de código JavaScript simple para ilustrar cómo se usa en las páginas web. Estos son ejemplos de código que funcionan con DOM.

  • Lo siguiente selecciona todos negrita elementos en el documento y establece el color del primero en rojo. 5 * 2
    >> 10
  • Quiere cambiar la imagen en un img ¿etiqueta? Lo siguiente asocia un controlador de eventos para el hacer clic evento de un botón. 50 / 2
    >> 25
  • Actualizar el contenido de texto de un párrafo ( pag ) elemento? Selecciona el innerHTML propiedad del elemento como se muestra: 45 % 4
    >> 1

Estos ejemplos de código ofrecen solo un vistazo de lo que puede hacer usando JavaScript en su página web. Hay muchos tutoriales que pueden enseñarle cómo codificar para comenzar. Puedes probarlo en cualquier página web, ¡incluso en esta! Abra su consola y pruebe algún código JavaScript.

Ahora sabes lo que hace JavaScript

Con suerte, esta introducción le ha aportado algunos conocimientos sobre JavaScript y lo entusiasma con la programación web. Puedes recapitularlo todo en nuestra práctica hoja de trucos de JavaScript . Hay mucho más que aprender sobre JavaScript. Una vez que se sienta más cómodo, ¿por qué no intentar aprender a utilizar el modelo de objetos de documento? También podría estar interesado en aprender sobre TypeScript.

Cuota Cuota Pío Correo electrónico Cómo limpiar su PC con Windows usando el símbolo del sistema

Si su PC con Windows se está quedando sin espacio de almacenamiento, limpie la basura con estas rápidas utilidades del símbolo del sistema.

Leer siguiente Temas relacionados
  • Tecnología explicada
  • Programación
  • Desarrollo web
  • JavaScript
  • Scripting
Sobre el Autor Anthony Grant(40 Artículos publicados)

Anthony Grant es un escritor independiente que cubre programación y software. Se especializa en Ciencias de la Computación y se dedica a la programación, Excel, software y tecnología.

Más de Anthony Grant

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse