Want to make creations as awesome as this one?

More creations to inspire you

A2 - ABENTEUER AUTOBAHN

Horizontal infographics

EUROPE PHYSICAL MAP

Horizontal infographics

TEN WAYS TO SAVE WATER

Horizontal infographics

GRETA THUNBERG

Horizontal infographics

FIRE FIGHTER

Horizontal infographics

STEVE JOBS

Horizontal infographics

Transcript

Fechas 00/00/00

Nombre Apellidos

Título del proyecto

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.

Escena 01

0''-8''

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.

Escena 02

0''-8''

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.

Escena 03

0''-8''

Lorem ipsum dolor sit amet

STORYBOARD retro

+ info

+ info

+ info

JAVA SCRIPT

Fecha 21/03/24

JJUAN CARLOS ESQUIVEL ROJAS

Título del proyecto

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.

Qué es JavaScript

0''-''

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.

Para qué sirve JavaScript.

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 en el desarrollo web

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.

Cómo funciona JavaScript

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>

Cómo añadir JavaScript a tu sitio web

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.

Caracteristicas de JavaScript-Lenguaje interpretado

Falta de compatibilidad entre navegadoresPese 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 deficienteComo 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 complejasEsta 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 clienteSi 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úsquedaLos 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.

Desventajas de JavaScript

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 eventosLos 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 DOMEl 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 interactivosPuedes 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á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. Esto es útil para mostrar comentarios, resultados de búsqueda o actualizaciones de forma rápida.

Ventajas de JavaScript

Lorem ipsum dolor sit amet

STORYBOARD RETRO

Fecha 00/00/00

Nombre Apellidos

Título del proyecto

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

Escena 01

0''-8''

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

Escena 02

10''-14''

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

Escena 03

14''-16''

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

Escena 04

16''-18

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

Escena 05

18''-20''

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

Escena 06

20''-22''

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

Escena 07

22''-24''

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

Escena 08

24''-28''

+ info

+ info

+ info

+ info

+ info

+ info

+ info

+ 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

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

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

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

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

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

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

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

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

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

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