PRESENTACIÓN FLIPPED CLASSROOM VIBRANT

JS

¿Qué es JavaScript?

JavaScript es un lenguaje de programación multiplataforma orientado a objetos que se utiliza para hacer que las páginas web sean interactivas (p. ej., Que tienen animaciones complejas, botones en los que se puede hacer clic, menús emergentes, etc.). También hay versiones de JavaScript de lado del servidor más avanzadas, como Node.js, que te permiten agregar más funcionalidad a un sitio web que simplemente descargar archivos (como la colaboración en tiempo real entre varias computadoras).

Cuando JavaScript fue creado, inicialmente tenía otro nombre: “LiveScript”. Pero Java era muy popular en ese momento, así que se decidió que el posicionamiento de un nuevo lenguaje como un “Hermano menor” de Java ayudaría.Pero a medida que evolucionaba, JavaScript se convirtió en un lenguaje completamente independiente con su propia especificación llamada ECMAScript, y ahora no tiene ninguna relación con Java.

¿Porqué se llama JavScript?

Simplicidad: el hecho de tener una estructura sencilla hace que JavaScript sea más fácil de aprender e implementar y también se ejecuta más rápido que otros lenguajes. Los errores también son fáciles de detectar y corregir. Velocidad: JavaScript ejecuta los scripts directamente en el navegador web sin necesidad de conectarse primero a un servidor ni de utilizar un compilador. Además, la mayoría de los principales navegadores permiten que JavaScript compile el código durante la ejecución del programa. Versatilidad: JavaScript es compatible con otros lenguajes como PHP, Perl y Java. También hace que la ciencia de datos y el aprendizaje automático sean accesibles para los desarrolladores. Popularidad: hay muchos recursos y foros disponibles para ayudar a los principiantes con habilidades técnicas y conocimientos limitados de JavaScript. Carga del servidor: otra ventaja de operar en el lado del cliente es que JavaScript reduce las solicitudes enviadas al servidor. La validación de datos puede realizarse a través del navegador web y las actualizaciones sólo se aplican a determinadas secciones de la página web. Actualizaciones: el equipo de desarrollo de JavaScript y ECMA International actualizan y crean continuamente nuevos frameworks y librerías, lo que garantiza su relevancia dentro del sector.

¿Porqué es bueno JavaScrip?

Compatibilidad con los navegadores: los distintos navegadores web interpretan el código JavaScript de forma diferente, lo que provoca incoherencias. Por lo tanto, debes probar tu script JavaScript en todos los navegadores web populares, incluyendo sus versiones más antiguas, para evitar perjudicar la experiencia del usuario. Seguridad: el código JavaScript que se ejecuta en el lado del cliente es vulnerable a la explotación por parte de usuarios irresponsables. Depuración: aunque algunos editores de HTML admiten la depuración, son menos eficaces que otros editores. Dado que los navegadores no muestran ninguna advertencia sobre los errores, encontrar el problema puede ser un reto.

¿Cuáles son las desventajas?

JavaScript se incrusta directamente en una página web o es referenciado a través de un archivo .js separado. Cuando un usuario visita esa página web, su navegador ejecuta el script junto con el código HTML y CSS, creando una página funcional que se muestra a través de la pestaña del navegador. El script se descarga en las máquinas de los visitantes y se procesa allí. Esto difiere de un lenguaje del lado del servidor, en el que el servidor procesa el script antes de enviarlo al navegador. Al encontrar un bloque de código JavaScript, un navegador web lo procesará de arriba a abajo.

¿Cómo funciona JavaScript en tu sitio web?

Hay dos formas de añadir código JavaScript a una página web HTML: internamente y externamente.

También puedes incrustar su script en atributos de eventos HTML, pidiendo al navegador que lo ejecute cuando se dispare un evento. Este tipo de script se llama JavaScript inline: <button onclick="alert('Clic para más detalles')">Clic</button>

Script externo

El JavaScript interno utiliza la etiqueta <script> dentro del cuerpo del script HTML para encapsular todo el código JavaScript.

Script interno

¿Cómo añadir JavaScript a tu sitio web?

+ info

+ info

Mayusculas y Minusculas: En Javascript se han de respetar las mayúsculas y las minúsculas. Si nos equivocamos al utilizarlas el navegador responderá con un mensaje de error, ya sea de sintaxis o de referencia indefinida.Por poner un ejemplo, no es lo mismo la función alert() que la función Alert(). La primera muestra un texto en una caja de diálogo y la segunda (con la primera A mayúscula) simplemente no existe, a no ser que la definamos nosotros.

Comentarios en el código: Un comentario es una parte de código que no es interpretada por el navegador y cuya utilidad radica en facilitar la lectura al programador. Existen dos tipos de comentarios en el lenguaje. Uno de ellos, la doble barra, sirve para comentar una línea de código. El otro comentario lo podemos utilizar para comentar varias líneas y se indica con los signos /* para empezar el comentario y */ para terminarlo

Separación de instrucciones: Las distintas instrucciones que contienen nuestros scripts se han de separar convenientemente para que el navegador no indique los correspondientes errores de sintaxis. Javascript tiene dos maneras de separar instrucciones. La primera es a través del carácter punto y coma (;) y la segunda es a través de un salto de línea. Por esta razón Las sentencias Javascript no necesitan acabar en punto y coma a no ser que coloquemos dos instrucciones en la misma línea.

¡Muchas gracias!

¿Creando el archivo script.js externo

añadir el siguiente script a una página HTML permite recuperar un archivo JavaScript externo llamado script.js: <script src="script.js" defer></script>