Want to create interactive content? It’s easy in Genially!

STORYBOARD RETRO

JUAN CARLOS ESQUIVEL ROJAS

Created on March 21, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Explore all templates

STORYBOARD retro

Lorem ipsum dolor sit amet

0''-8''

Escena 03

0''-8''

Escena 02

Escena 01

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod. An vim commodo dolorem volutpat, cu expetendis voluptatum usu, et mutat consul. His natum numquam legimus an, diam fabulas mei ut. Melius fabellas.

+ info

Fechas 00/00/00

Nombre Apellidos

Título del proyecto

Fecha 21/03/24

JAVA SCRIPT

JJUAN CARLOS ESQUIVEL ROJAS

Título del proyecto

0''-''

Qué es JavaScript

Para qué sirve JavaScript.

JavaScript en el desarrollo web

Cómo funciona JavaScript

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. 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. 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. 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. interpretación de 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.

En el contexto actual, JavaScript se utiliza para todo, gracias a la introducción de Node.js. Esta tecnología crea software robusto para empresas en todo el mundo. Por si fuera poco, organizaciones como LinkedIn y Medium lo implementan al construir plataformas para que los usuarios tengan acceso a sus servicios.

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. Juegos de navegador: los navegadores web actuales han cambiado mucho; los desarrolladores pueden crear juegos robustos que funcionan en ellos. Desarrollo web dorsal o back-end: el desarrollo web se ha transformado tanto, que JavaScript puede utilizarse para gestionar el back-end de sitios y aplicaciones

JavaScript es un lenguaje de programación versátil y ampliamente utilizado en el desarrollo web, conocido por agregar interactividad y dinamismo a las páginas. Se ejecuta en el navegador del usuario y también se utiliza en aplicaciones de servidor, aplicaciones móviles y de escritorio. Es un componente fundamental en la creación de experiencias web modernas y está presente en todos los navegadores modernos.

Cómo añadir JavaScript a tu sitio web

Desventajas de JavaScript

Ventajas de JavaScript

Caracteristicas de JavaScript-Lenguaje interpretado

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. Esto puede requerir ajustes y pruebas adicionales para garantizar un funcionamiento uniforme en diferentes navegadores. 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. Aunque los navegadores modernos han mejorado su velocidad de ejecución, el rendimiento puede ser un problema en aplicaciones web muy complejas o en dispositivos con recursos limitados. 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. Aunque algunos han mejorado en este aspecto, todavía puede haber desafíos para garantizar que el contenido sea indexado de forma correcta.

Interactividad en tiempo real: La interactividad es uno de los conceptos más valiosos que JavaScript aporta al desarrollo web. Se refiere a la capacidad de una página web para responder y adaptarse a las acciones del usuario en el momento en que ocurren, sin la necesidad de recargar la página por completo. Esto crea una experiencia de usuario más dinámica, atractiva y fluida. 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. Esto sirve, por ejemplo, para mostrar información adicional cuando un usuario pasa el mouse sobre un elemento o para ejecutar una acción específica al hacer clic en un botón. 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. JavaScript agiliza el acceso y la manipulación de elementos del DOM, es decir, te ayuda a cambiar el contenido, estilo y atributos de los elementos en respuesta a eventos. Por ejemplo, puedes cambiar el texto de un elemento, modificar su estilo visual o agregar elementos nuevos al DOM. Creación de formularios interactivos Puedes mejorar la interacción con formularios al validar datos ingresados por el usuario. De esta manera, mostrarás mensajes de error instantáneos cuando un usuario ingresa datos incorrectos o incompletos en un campo del formulario. Innovación en la carga de contenido dinámico Mediante 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. Esto es útil para mostrar comentarios, resultados de búsqueda o actualizaciones de forma rápida.

Añadir JavaScript a tu sitio web es sencillo. Solo necesitas vincular tus archivos JavaScript desde tus archivos HTML 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 al sitio <script src="tuArchivo.js"></script> <script type="texto/JavaScript">JavaScript código va aquí</script>

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. 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. 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. Plataforma independiente: el hecho de que JavaScript sea un lenguaje interpretado contribuye a su capacidad de ser ejecutado en diferentes plataformas y sistemas operativos.

Fecha 00/00/00

STORYBOARD RETRO

Nombre Apellidos

Lorem ipsum dolor sit amet

Título del proyecto

0''-8''

10''-14''

14''-16''

16''-18

Escena 01

Escena 02

Escena 03

Escena 04

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.

+ info

18''-20''

22''-24''

24''-28''

20''-22''

Escena 05

Escena 07

Escena 08

Escena 06

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.

+ info

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

¡Dale caña a lo multimedia! Si quieres incluir un vídeo copia la URL y pégala en la pestaña Insertar en el Editor. Puedes activar opciones como “Autoplay”, “Loop” y “Mute” dependiendo de tus preferencias.

¿Sabías que además de aprovechar nuestros recursos, puedes agregar los elementos visuales que tú quieras para complementar la información? ¡Inténtalo desde los menús de Imagen o Recursos!

STORYBOARD RETRO

Start designing with a free template

View

Essential Infographic

View

Practical Infographic

View

Akihabara Connectors Infographic

View

Akihabara Infographic

View

Journey Map

View

Mobile mockup infographic

View

Akihabara Connectors Infographic Mobile

Transcript