Want to make creations as awesome as this one?

Transcript

Java Script

Osmar Venegas Mercado

Qué es JavaScript?

JavaScript es un lenguaje de programación de alto nivel, interpretado y orientado a objetos, utilizado principalmente en el desarrollo web, pensado para agregar potencial de interacción y dinamismo a las páginas web.

Para qué sirve JavaScript?

Lo que se puede hacer con JavaScript abarca diferentes tipos de software, como juegos, programas de computadora, aplicaciones web y hasta tecnologías de blockchain. JavaScript es posiblemente el lenguaje de programación más popular de la web. Por ejemplo, más de 125.000 empleos en LinkedIn buscan profesionales con habilidades en JavaScript.

JavaScript en el desarrollo web

JavaScript se ha expandido más allá del desarrollo de interfaz, que es donde comenzó. Recientemente, JavaScript ha llegado al back-end, o dorsal de desarrollo web. Esto quiere decir que los desarrolladores tienen acceso de interfaz a métodos CRUD (Create, Read, Update, Destroy; en español: Crear, Leer, Actualizar, Destruir) y hasta puede utilizarse en el motor de un sitio web.

Interactividad de interfaz o front-end

El desarrollo web mejora solamente por el aumento de la interactividad y funciones que JavaScript ofrece.

Aplicaciones Web

Las aplicaciones web son similares a los sitios, pero en su lugar pueden empacarse en una caja más compacta, que mejora el control de la seguridad y otros aspectos.

20XX

Design

20XX

Communicate

Usos de Java Script

Servidores Web

Aplicaciones Web

Desarrollo Web

Mostrar fechas y tiempo

Aplicaciones Moviles

IDesarrollo de videojuegos

Usos de Java Script

Validacion de lado del cliente

Ventanas emergentes y cajas de texto

Presentaciones y diapositivas

Elementos animados

Aplicaciones de servidor

Imenus dinamicos des`pegables

JavaScript es un lenguaje versátil y poderoso que se ha convertido en una parte integral del desarrollo web. Permite crear interacciones dinámicas y enriquecer la experiencia del usuario en las páginas web, lo que ha llevado a su amplia adopción y uso generalizado en la industria. JavaScript se interpreta en el navegador web, lo que significa que el código JavaScript se ejecuta directamente en el entorno del navegador sin necesidad de una etapa de compilación previa. A continuación, te explicamos cómo funciona este proceso:

- Cómo funciona JavaScrip

1.Structureyour content

Sections like this help you create order
  • Descarga y carga del código: cuando un navegador encuentra código JavaScript en una página web, comienza a descargarlo y cargarlo en la memoria del navegador. El código JavaScript puede estar incrustado directamente en el archivo HTML o puede estar referenciado desde archivos externos.
  • Análisis léxico y sintáctico: una vez que el código JavaScript se carga en el navegador, el motor de JavaScript realiza un análisis léxico y sintáctico del código. Esto implica dividir el código en tokens y verificar que la estructura del código sea gramaticalmente correcta. Si se encuentran errores sintácticos, se mostrará un mensaje de error en la consola del navegador.
  • Creación del árbol de análisis (AST): después de completar el análisis léxico y sintáctico, se crea un árbol de análisis (AST, Abstract Syntax Tree) que representa la estructura del código JavaScript. El AST descompone el código en una estructura jerárquica que facilita su posterior interpretación y ejecución.
  • Interpretación línea por línea: a medida que el navegador interpreta el código JavaScript, línea por línea, ejecuta las instrucciones correspondientes. Cada instrucción se evalúa y produce un resultado o efecto según lo especificado en el código.
  • Manipulación del DOM y eventos: JavaScript interactúa con el DOM para manipular y modificar elementos HTML y CSS en la página. Puede acceder a los elementos del DOM utilizando métodos y propiedades proporcionados por el navegador. Además, JavaScript puede registrar callbacks para eventos específicos, como clics de botón o cambios en el valor de un campo de entrada, y responder a ellos ejecutando el código asociado.
  • Ciclo de eventos: el ciclo de eventos de JavaScript permite que el código responda a eventos y se ejecute de forma asíncrona. Cuando se produce un evento, el código correspondiente se ejecuta como parte del ciclo de eventos, lo que permite una interactividad fluida y una respuesta en tiempo real en las aplicaciones web.

Cómo añadir JavaScript

Muy parecido al añadir CSS a tu HTML, existe una etiqueta HTML llamada «script» que te permite vincular a JavaScript con los archivos que tu código puede usar para manipular el HTML y CSS en tu sitio.Echemos un vistazo a cómo luce una etiqueta de HTML script. La siguiente línea de código es un ejemplo del script y su sintaxis. <script src="tuArchivo.js"></script>

La etiqueta script con src no es la única manera de añadir JavaScript a tu sitio, así que hablemos de otra. La etiqueta script también puede inyectar código JavaScript directamente en tu HTML, como lo verás a continuación.<script type="texto/JavaScript">JavaScript código va aquí</script> Es muy sencillo de completar y no luce tan diferente a añadir JavaScript de forma externa.

Caracteristicas

Entorno de ejecución en el navegador: JavaScript se ejecuta principalmente en los navegadores web. Cuando se carga una página web que contiene código JavaScript, el navegador interpreta y ejecuta ese código directamente en su entorno de ejecución interno. Esto significa que no se requiere un paso de compilación previo antes de ejecutar el código JavaScript.Análisis y ejecución línea por línea: a diferencia de los lenguajes compilados, en los que todo el código se traduce en instrucciones de máquina antes de su ejecución, JavaScript se interpreta línea por línea a medida que se encuentra. El motor de JavaScript del navegador analiza y ejecuta cada línea de código a medida que se encuentra durante el proceso de carga de la página.

Flexibilidad y facilidad de desarrollo: el enfoque interpretado de JavaScript brinda flexibilidad y facilidad de desarrollo. No es necesario compilar el código antes de probarlo, lo que permite un desarrollo rápido y una iteración ágil. Los cambios realizados en el código JavaScript se pueden probar y ver inmediatamente sin la necesidad de un proceso de compilación.Plataforma independiente: el hecho de que JavaScript sea un lenguaje interpretado contribuye a su capacidad de ser ejecutado en diferentes plataformas y sistemas operativos. Los navegadores web son la plataforma principal para la ejecución de JavaScript, y los navegadores modernos han implementado sus propios motores para interpretar y ejecutar el código en diferentes sistemas.Fácil actualización y distribución: con JavaScript interpretado, los cambios o actualizaciones en el código se pueden implementar fácilmente, ya que los usuarios solo necesitan cargar la nueva versión del código en sus navegadores. No es necesario que los usuarios realicen una instalación manual o actualización de un programa o aplicación.

Ventajas

Detección y respuesta a eventos Los eventos son acciones que ocurren en una página web (hacer clic en un botón, mover el mouse sobre un elemento o escribir en un campo de texto). Este lenguaje permite detectar y responder a estos eventos mediante controladores de eventos.Manipulación sencilla del DOM El DOM (Document Object Model) es una representación en la memoria de la estructura y contenido de una página web.Creación de formularios interactivos Puedes mejorar la interacción con formularios al validar datos ingresados por el usuarioInnovación en la carga de contenido dinámicoMediante la técnica de AJAX (Asynchronous JavaScript and XML), esta herramienta carga y muestra contenido adicional en una página sin recurrir a una recarga.Animación y efectos visuales para los sitios web JavaScript se utiliza para crear animaciones y efectos visuales en una página web. Gracias a esas funciones, puedes hacer que los elementos se muevan, cambien de tamaño, se desvanezcan y realicen otras transiciones de manera suave y atractiva.

Desventajas

Falta de compatibilidad entre navegadores Pese a que la compatibilidad entre navegadores ha mejorado, todavía puede haber diferencias en cómo interpretan y ejecutan el código JavaScript.Nivel de seguridad deficiente Como su código se ejecuta en el navegador del usuario, existe el riesgo de que algunos exploten sus vulnerabilidades para llevar a cabo ataques, como inyección de código o cross-site scripting (XSS). Por ello, los desarrolladores deben tomar medidas para asegurar su código y prevenir estos ataques.Bajo rendimiento en aplicaciones complejas Esta herramienta es un lenguaje interpretado, lo que puede afectar el rendimiento en comparación con lenguajes compilados.Funcionalidad sujeta al uso del cliente Si un usuario deshabilita este recurso en su navegador o este no lo admite, la funcionalidad de la aplicación puede verse afectada.Dificultad para indexar en motores de búsqueda Los motores de búsqueda suelen tener dificultades para indexar contenido generado dinámicamente por este lenguaje de programación.