JavaScript
¿Qué es?
Es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas. Desde actualizar fuentes de redes sociales a mostrar animaciones y mapas interactivos, las funciones de Javascript pueden mejorar la experiencia del usuario en un sitio web.
¿Por qué JavaScript?
Porque este se ejecuta mas rapido y directamente en el navegador al igual es el lenguaje de programación más fácil para aprender desarrollo de paginas web.
¿Qué necesitamos?
Hardware: equipo básico en cuanto al software se requiere de un editor de textos para programar y un navegador para su ejecución, debemos estar familiarizados con html y css.
Ventajas
1.- Las ventajas más importantes de JS es que trabaja en la parte del cliente, por lo que ahorra en ancho de banda. Por otro lado, acelera la ejecución del programa de código y del sitio web. 2.-Puede funcionar en cualquier tipo de navegador como (Chrome, Firefox o Safari) y eso es posible gracias a JavaScript, ya que funciona en cualquier tipo de navegador, aunque existen problemas respecto a la lectura. Además, tiene toda la compatibilidad con muchas aplicaciones. 3.-Simplicidad Es la sintaxis de JavaScript que está inspirada por Java y es relativamente sencillo de aprender comparado a otros lenguajes de programación 4.-Funcionalidad extendida Los desarrolladores pueden extender la funcionalidad de las páginas web mediante fragmentos de JavaScript para un tercer grupo de extensiones como Greasemonkey. 5.-Interfaces sencillas JavaScript puede ser usado para crear características como arrastrar y soltar, y componentes tales como las diapositivas, lo cual mejora enormemente la interfaz de usuario y la experiencia del sitio 6.-Velocidad JavaScript tiende a ser muy rápido porque a menudo se ejecuta inmediatamente en el navegador. Entonces mientras no requiera recursos externos, JavaScript no tiene permitido retrasarse por llamados del servidor backend.
Desventajas
1.-Seguridad Client-Side Desde que el código en JavaScript es ejecutado en el client-side, bugs y descuidos pueden ser explotados algunas veces para malos propósitos. Por esto, algunas personas deciden desactivar JavaScript por completo. 2.-Soporte del navegador Mientras server-side script siempre produce el mismo resultado, algunas veces diferentes navegadores interpretan el código JavaScript de manera distinta. Estos días las diferencias son mínimas, y no deberías tener que preocuparte mientras compruebes tu código en la mayoría de los navegadores. 3.-Al igual se relaciona con elementos como HTML, muchas veces hay problemas con la depuración y la localización sencilla de errores en los programas de código. 4.-Aunque el «server-side script» de JS tenga el mismo resultado, los navegadores lo interpreteran de forma diferente.
Eventos de JavaScript
Clasificación de eventos
Este se define de dos maneras distintas. Una manera es en el propio código HTML, usando atributos de los elementos (etiquetas) a los que queremos asociar los manejadores de eventos. Otra manera un poco más avanzada es usando los propios objetos del DOM. Los eventos son la manera que tiene Javascript de controlar las acciones de los visitantes y definir el comportamiento de la página cuando se produzcan. Cuando un usuario visita una página web e interactúa con ella se producen los eventos y con Javascript podemos definir qué queremos que ocurra cuando se produzcan los eventos.
Algunos ejemplos de eventos de ratón son:
mouse over: se produce cuando el cursor o puntero del ratón se encuentra por encima de una determinada zona.
mouse out: se produce cuando el cursor abandona una determinada zona.
mouse clicked: se produce cuando se pulsa un botón del ratón.
Formas de insertar eventos. Una desde el html con atributos añadiendo por ejemplo un onClick() en el elemento que queremos que desencadene la acción. otra desde el javascript utilizando el método addEventListener()
Algunos ejemplos de Eventos del teclado son: Los eventos del teclado ( keyboard events ) se disparan cuando el usuario interactúa con el teclado. El evento keydown ( literalmente tecla abajo ) se dispara cuando el usuario presiona una tecla y continua disparándose mientras el usuario mantiene la tecla presionada.
JavaScript
CARLOS EDUARDO RAMIREZ REYES
Created on May 20, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Akihabara Connectors Infographic
View
Essential Infographic
View
Practical Infographic
View
Akihabara Infographic
View
Interactive QR Code Generator
View
Witchcraft vertical Infographic
View
Halloween Horizontal Infographic
Explore all templates
Transcript
JavaScript
¿Qué es?
Es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas. Desde actualizar fuentes de redes sociales a mostrar animaciones y mapas interactivos, las funciones de Javascript pueden mejorar la experiencia del usuario en un sitio web.
¿Por qué JavaScript?
Porque este se ejecuta mas rapido y directamente en el navegador al igual es el lenguaje de programación más fácil para aprender desarrollo de paginas web.
¿Qué necesitamos?
Hardware: equipo básico en cuanto al software se requiere de un editor de textos para programar y un navegador para su ejecución, debemos estar familiarizados con html y css.
Ventajas
1.- Las ventajas más importantes de JS es que trabaja en la parte del cliente, por lo que ahorra en ancho de banda. Por otro lado, acelera la ejecución del programa de código y del sitio web. 2.-Puede funcionar en cualquier tipo de navegador como (Chrome, Firefox o Safari) y eso es posible gracias a JavaScript, ya que funciona en cualquier tipo de navegador, aunque existen problemas respecto a la lectura. Además, tiene toda la compatibilidad con muchas aplicaciones. 3.-Simplicidad Es la sintaxis de JavaScript que está inspirada por Java y es relativamente sencillo de aprender comparado a otros lenguajes de programación 4.-Funcionalidad extendida Los desarrolladores pueden extender la funcionalidad de las páginas web mediante fragmentos de JavaScript para un tercer grupo de extensiones como Greasemonkey. 5.-Interfaces sencillas JavaScript puede ser usado para crear características como arrastrar y soltar, y componentes tales como las diapositivas, lo cual mejora enormemente la interfaz de usuario y la experiencia del sitio 6.-Velocidad JavaScript tiende a ser muy rápido porque a menudo se ejecuta inmediatamente en el navegador. Entonces mientras no requiera recursos externos, JavaScript no tiene permitido retrasarse por llamados del servidor backend.
Desventajas
1.-Seguridad Client-Side Desde que el código en JavaScript es ejecutado en el client-side, bugs y descuidos pueden ser explotados algunas veces para malos propósitos. Por esto, algunas personas deciden desactivar JavaScript por completo. 2.-Soporte del navegador Mientras server-side script siempre produce el mismo resultado, algunas veces diferentes navegadores interpretan el código JavaScript de manera distinta. Estos días las diferencias son mínimas, y no deberías tener que preocuparte mientras compruebes tu código en la mayoría de los navegadores. 3.-Al igual se relaciona con elementos como HTML, muchas veces hay problemas con la depuración y la localización sencilla de errores en los programas de código. 4.-Aunque el «server-side script» de JS tenga el mismo resultado, los navegadores lo interpreteran de forma diferente.
Eventos de JavaScript
Clasificación de eventos
Este se define de dos maneras distintas. Una manera es en el propio código HTML, usando atributos de los elementos (etiquetas) a los que queremos asociar los manejadores de eventos. Otra manera un poco más avanzada es usando los propios objetos del DOM. Los eventos son la manera que tiene Javascript de controlar las acciones de los visitantes y definir el comportamiento de la página cuando se produzcan. Cuando un usuario visita una página web e interactúa con ella se producen los eventos y con Javascript podemos definir qué queremos que ocurra cuando se produzcan los eventos.
Algunos ejemplos de eventos de ratón son: mouse over: se produce cuando el cursor o puntero del ratón se encuentra por encima de una determinada zona. mouse out: se produce cuando el cursor abandona una determinada zona. mouse clicked: se produce cuando se pulsa un botón del ratón.
Formas de insertar eventos. Una desde el html con atributos añadiendo por ejemplo un onClick() en el elemento que queremos que desencadene la acción. otra desde el javascript utilizando el método addEventListener()
Algunos ejemplos de Eventos del teclado son: Los eventos del teclado ( keyboard events ) se disparan cuando el usuario interactúa con el teclado. El evento keydown ( literalmente tecla abajo ) se dispara cuando el usuario presiona una tecla y continua disparándose mientras el usuario mantiene la tecla presionada.