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

Reuse this genially

FRAMEWORKS WEB-Rolando

rolandogarcia

Created on March 10, 2026

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Agenda

Akihabara Content Repository

Internal Guidelines for Artificial Intelligence Use

Correct Concepts

Sorting Cards

Interactive Scoreboard

Semicircle Mind Map

Transcript

FRAMEWORKS WEB

Rolando Javier García maldonado-6to. Compu "A"

Flask

Laravel

Angular js

ASP.NET

Bootstrap 5

Django

Vue js

Bulma

Spring Framework

RUBY O RAILS

Micro-framework web

Framework web

Framework front-end

Framework web backend

Framework CSS

Framework web completo

Framework front-end progresivo

Framework CSS

Framework web backend

Framework web

DEFINICIÓN

2010 (AngularJS) / 2016 Angular moderno

2010

2011

2002

2011

2005

2014

2016

2002

2004

Año de Creación

David Heinemeier Hansson

Mark Otto y Jacob Thornton

Adrian Holovaty y Simon Willison

Microsoft

Taylor Otwell

Armin Ronacher

Jeremy Thomas

Evan You

Creador

Google

Rod Johnson

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones Principales

Versiones

Semejanzas de Laravel

Semejanzas de Bulma

Semejanzas de Angular js

Semejanzas de Spring

Semejanzas de Ruby o Rails

Semejanzas de ASP.NET

Semejanzas de Bootstrap 5

Semejanzas de Django

Semejanzas de Vue js

Semejanzas de Flask

Semejanzas

Diferencias de Laravel

Diferencias de Flask

Diferencias de Bulma

Diferencias de ASP.NET

Diferencias de Bootstrap 5

Diferencias de Django

Diferencias de Vue js

Diferencias de Ruby o Rails

Diferencias de Angular js

Diferencias de Spring

Diferencias

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Principales

Tecnologías Implementa

Ejemplo de Flask

Ejemplo de Spring

Ejemplo de Angular js

Ejemplo de Bootstrap

Ejemplo de Django

Ejemplo de Laravel

Ejemplo de Bulma

Ejemplo de ASP.NET

Ejemplo de Ruby o Rails

Ejemplo de Vue js

Ejemplos aplicados

https://www.djangoproject.com

https://dotnet.microsoft.com/apps/aspnet

https://flask.palletsprojects.com

Sitio oficial

https://getbootstrap.com

https://bulma.io

https://spring.io

https://angular.io

https://vuejs.org

https://laravel.com

https://rubyonrails.org

Logo

Presentación aburrida

Presentación WOW

Mantienes la atención de tu audiencia.

El sopor empieza a apoderarsede tu audiencia.

TITULAR GENIAL

Nadie ha entendido nada de loque has contado.

Todo el mundo asimila la información que has contado.

TITULAR GENIAL

La interactividad y la animación son tus aliados.

Hay tanto texto que no caben imágenes, siquiera.

TITULAR GENIAL

TITULAR GENIAL

TITULAR GENIAL

Una presentación geniales clara y estructurada.

Un título genial

Cuenta historias jerárquicamente.

Un título genial

Adecúa las fuentes y el color al tema.

Hace 'match' con tu audiencia.

Un título genial

Representa datos con gráficos.

Incluye imágenes y entretiene.

Un título genial

Es animada e interactiva.

Utiliza líneas de tiempo.

Emociona al cerebro, a través de elementos multimedia.

Un título genial

NO se excede con los bullet points 🙃​.

Puedes subir una imagen desde tu ordenador o utilizar los recursos disponibles en Genially, en la parte izquierda de la herramienta. ¡Deja a todo el mundo con la boca abierta!

En Genially utilizamos AI (Awesome Interactivity) en todos nuestros diseños, para que subas de nivel con interactividad y conviertas tu contenido en algo que aporta valor y engancha.

La interactividad y la animación pueden ser tus mejores aliadas a la hora de crear tablas, infografías o gráficos que ayuden a dar contexto a la información y simplificar los datos para traducirlos ante tu público. Somos seres visuales.

Etiquetas, ventanas, enlaces, audios... Con Genially puedes incluir cualquier tipo de interactividad para añadir contenido adicional y añadirle una animación de cara a captar la atención de tu audiencia.

¿Sabías que Genially te permite compartir tu creación directamente, sin necesidad de descargas? Listo para que tu público pueda visualizarlo en cualquier dispositivo y darle difusión en cualquier lugar.

Si quieres aportar información adicional o desarrollar el contenido con más detalle puedes hacerlo a través de tu exposición oral. Te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!

ASP.NET fue creado por Microsoft y lanzado inicialmente en 2002 como parte de la plataforma .NET. Aunque no se atribuye a una sola persona, el desarrollo del ecosistema .NET, crucial para ASP.NET, fue liderado por figuras como Anders Hejlsberg.

Aquí puedes poner un título destacado

Aquí puedes poner un título destacado

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público.

Si quieres aportar información adicional o desarrollar el contenido con más detalle puedes hacerlo a través de tu exposición oral. Te recomendamos que entrenes tu voz y ensayes: ¡la mejor improvisación siempre es la más trabajada!

Framework web desarrollado por Microsoft que permite crear aplicaciones web, APIs y servicios usando C# y la plataforma .NET, ofreciendo alto rendimiento y seguridad.

No nos gusta aburrir. No queremos ser repetitivos. Comunicar como siempre aburre y no engancha. Lo hacemos diferente. Hacemos sabotaje al aburrimiento. Creamos lo que al cerebro le gusta consumir porque le estimula.

¡Recuerda añadirle animación! Capta la atención de tu público con tus contenidos y elige el efecto ideal seleccionando el elemento y haciendo clic en el icono de Animación, que aparece justo encima.

Y compararloscon los contras

Puedes explicar los pros visualmente

A la hora de llevar a cabo una presentación hay que perseguir dos objetivos: transmitir información y evitar bostezos. Para ello puede ser una buena praxis hacer un esquema y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.

A la hora de llevar a cabo una presentación hay que perseguir dos objetivos: transmitir información y evitar bostezos. Para ello puede ser una buena praxis hacer un esquema y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

Y el motivo por el cual tu idea es genial

Describe el problema que vas a resolver

Plantea una pregunta dramática; es el ingrediente esencial para mantener la atención del público. Se suele plantear de forma subyacente al inicio de la historia para intrigar a la audiencia y se resuelve al final.

¿Sabías que Genially te permite compartir tu creación directamente, sin necesidad de descargas? Listo para que tu público pueda visualizarlo en cualquier dispositivo y darle difusión en cualquier lugar.

¿Necesitas más motivos para crear contenidos dinámicos? Bien: el 90% de la información que asimilamos nos llega a través de la vista y, además, retenemos un 42% más de información cuando el contenido se mueve.

Se diferencia porque es un framework desarrollado por Microsoft que utiliza C# y la plataforma .NET para crear aplicaciones web seguras y de alto rendimiento.

Algunas de las versiones principales de ASP.NET son: ASP.NET, ASP.NET MVC, ASP.NET Core

Stack Overflow fue desarrollado originalmente utilizando ASP.NET.

Las tecnologías principales de ASP.NET son:C#, .NET, Razor, HTML, CSS, JavaScript, SQL Server

Algunas de las tecnologías que utiliza Bootstrap 5 son:HTML, CSS, JavaScript, Sass, Flexbox

El sitio web de Spotify utiliza Bootstrap en partes de su interfaz para el diseño responsivo.

Bootstrap fue creado por Mark Otto (@mdo) y Jacob Thornton (@fat) mientras trabajaban en Twitter a mediados de 2010. Originalmente llamado "Twitter Blueprint", fue desarrollado para fomentar la coherencia entre las herramientas internas de la plataforma y posteriormente liberado como un proyecto de código abierto.

Framework de CSS y JavaScript que permite diseñar páginas web modernas, responsivas y adaptables a diferentes dispositivos mediante componentes y estilos predefinidos.

Algunas de las versiones principales de Bootstrap 5 son: 1 (2011), 2 (2012), 3 (2013), 4 (2018), 5 (2021–actualidad)

Se diferencia de otros frameworks porque se enfoca principalmente en el diseño visual y la creación de interfaces web responsivas utilizando CSS y componentes predefinidos.

Algunas de las tecnologías que implementa Django son:Python, HTML, CSS, JavaScript, ORM, SQLite / PostgreSQL / MySQL

Instagram utiliza Django para manejar gran parte de su backend.

Django fue creado en 2003 por Adrian Holovaty y Simon Willison mientras trabajaban en el periódico Lawrence Journal-World en Kansas, EE. UU.. Diseñado originalmente para gestionar sitios web de noticias de ritmo rápido, se liberó como código abierto en 2005.

Framework web de alto nivel basado en Python que facilita el desarrollo rápido de aplicaciones web seguras y escalables siguiendo el patrón de arquitectura MTV (Model-Template-View).

Algunas de las versiones principales de Django son:1.x, 2.x, 3.x, 4.x, 5.x

Se diferencia porque es un framework backend basado en Python que incluye muchas herramientas integradas para manejar bases de datos, autenticación y seguridad.

Algunas de las tecnologías que implementa Angular js son:TypeScript, JavaScript, HTML, CSS, RxJS, Node.js

Google usa Angular en varias de sus aplicaciones web.

AngularJS, la versión original, fue creado por Miško Hevery y Adam Abrons en 2009. Hevery, ingeniero de Google, es considerado el principal "padre" de Angular, quien junto a Abrons desarrollaron este framework de código abierto para simplificar el desarrollo de aplicaciones web dinámicas (SPAs), siendo posteriormente respaldado y mantenido por Google.

Framework front-end desarrollado por Google que permite crear aplicaciones web dinámicas y de una sola página (SPA) utilizando TypeScript, componentes y arquitectura modular.

Algunas de las versiones principales de Angular js son:AngularJS (1.x), Angular 2, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17

Se diferencia porque es un framework frontend completo que utiliza TypeScript y una arquitectura muy estructurada para desarrollar aplicaciones web grandes.

Algunas de las tecnologías que implementa Vue js son:JavaScript, HTML, CSS, Virtual DOM, Node.js

Alibaba utiliza Vue.js para algunas de sus interfaces web.

Lanzó la primera versión del framework progresivo en 2014, tras idearlo mientras trabajaba en Google, buscando una alternativa más ligera y sencilla a Angular para el desarrollo de interfaces de usuario.

Framework progresivo de JavaScript utilizado para construir interfaces de usuario y aplicaciones web interactivas mediante componentes reutilizables y un sistema reactivo.

Algunas de las versiones principales de Vue js son: Vue 1 (2014), Vue 2 (2016), Vue 3 (2020–actualidad)

Se diferencia porque es un framework frontend más ligero y flexible, diseñado para ser fácil de aprender e integrar en proyectos pequeños o grandes.

Algunas de las tecnologías que implementa Laravel son:PHP, Blade (motor de plantillas), MySQL / PostgreSQL / SQLite, HTML, CSS, JavaScript

9GAG utiliza Laravel para su plataforma web.

Taylor Otwell es el creador de Laravel, un popular framework de aplicaciones web PHP. Lo lanzó en junio de 2011 como una alternativa más avanzada y moderna a CodeIgniter, buscando facilitar características como la autenticación y autorización de usuarios. Otwell es el fundador de Laravel LLC.

Framework web de PHP que simplifica el desarrollo de aplicaciones modernas utilizando arquitectura MVC, herramientas integradas y una sintaxis elegante.

Algunas de las versiones principales de Laravel son: Laravel 1 (2011), 2, 3, 4, 5, 6, 7, 8, 9, 10, 11

Se diferencia porque es un framework backend basado en PHP que ofrece una sintaxis sencilla y herramientas integradas para facilitar el desarrollo web.

Algunas de las tecnologías que implementa Flask son:Python, Jinja2 (plantillas), HTML, CSS, JavaScript, SQLite / MySQL / PostgreSQL

Netflix utiliza Flask en algunos de sus servicios internos y APIs.

Un programador austriaco. Ronacher lanzó Flask en 2010 como un "microframework" de código abierto para Python, inicialmente concebido como una broma del día de los inocentes que se convirtió en una herramienta seria y muy popular para el desarrollo web ligero.

Micro-framework web de Python que permite crear aplicaciones web y APIs de forma simple y flexible, proporcionando solo las herramientas básicas necesarias.

Algunas de las versiones principales de flask son:0.x, 1.x, 2.x, 3.x

Se diferencia porque es un micro-framework, lo que significa que es más simple y ligero que otros frameworks y permite agregar solo las herramientas necesarias.

Algunas de las tecnologías que implementa Bulma son:CSS, Flexbox, Sass

CSS-Tricks ha utilizado Bulma en algunos proyectos de interfaz.

Un desarrollador web y diseñador que lanzó este proyecto en 2016. Bulma se destaca por ser un framework basado en Flexbox, ligero y sin dependencias de JavaScript.

Framework CSS moderno basado en Flexbox que facilita la creación de interfaces web limpias, responsivas y fáciles de personalizar sin necesidad de JavaScript.

Algunas de las versiones principales de Bulma son:0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9

Se diferencia porque es un framework de CSS puro, basado en Flexbox y sin componentes JavaScript integrados.

Algunas de las tecnologías que implementa Spring son:Java, Spring Boot, Spring MVC, Hibernate, REST API, MySQL / PostgreSQL

Amazon utiliza Spring en varios servicios empresariales basados en Java.

Un programador y consultor australiano que lanzó la primera versión del framework en junio de 2003. Su creación fue presentada en su libro "Expert One-on-One J2EE Design and Development" (2002), proponiendo una alternativa más ligera y sencilla a los complejos estándares J2EE de la época.

Framework de Java utilizado para desarrollar aplicaciones empresariales y web robustas, proporcionando herramientas para manejar dependencias, seguridad, datos y servicios web.

Algunas de las versiones principales de Spring son: 1, 2, 3, 4, 5, 6

Se diferencia porque es un framework basado en Java, muy utilizado para desarrollar aplicaciones empresariales grandes y complejas.

Algunas de las tecnologías que implementa ruby o Rails son:Ruby, HTML, CSS, JavaScript, ActiveRecord, SQLite / PostgreSQL / MySQL

Shopify está desarrollado principalmente con Ruby on Rails.

Conocido comúnmente por sus iniciales DHH. Desarrolló el framework en 2004 mientras trabajaba en la herramienta de gestión de proyectos Basecamp, basándose en el lenguaje de programación Ruby. DHH es socio en la empresa 37signals y ha mantenido el desarrollo del framework desde sus inicios.

Framework web de código abierto basado en Ruby que permite desarrollar aplicaciones web rápidamente siguiendo el patrón MVC y el principio de “convención sobre configuración”.

Algunas de las versiones principales de ruby o rails son:Rails 1, 2, 3, 4, 5, 6, 7

Se diferencia porque utiliza el lenguaje Ruby y sigue el principio de “convención sobre configuración”, lo que facilita el desarrollo rápido.

Se parece a Spring y Django porque son frameworks que permiten crear aplicaciones web completas y escalables.

Se parece a Bulma porque ambos son frameworks de diseño (CSS) que ayudan a crear interfaces web responsivas.

Se parece a Laravel, Ruby on Rails, Spring y ASP.NET porque todos son frameworks que permiten desarrollar aplicaciones web completas en el servidor (backend).

Se parece a Vue.js porque ambos se utilizan para desarrollar interfaces web dinámicas y aplicaciones de una sola página (SPA).

Se parece a Angular porque ambos frameworks permiten crear interfaces interactivas mediante componentes reutilizables.

Se parece a Django y Ruby on Rails porque todos usan una arquitectura MVC y sirven para desarrollar aplicaciones web completas.

Se parece a Django porque ambos frameworks utilizan el lenguaje de programación Python para el desarrollo web.

Se parece a Bootstrap porque ambos son frameworks que ayudan a diseñar la interfaz visual de páginas web.

Se parece a ASP.NET y Django porque todos se utilizan para desarrollar aplicaciones web robustas y sistemas empresariales.

Se parece a Laravel y Django porque todos permiten crear aplicaciones web rápidamente usando estructuras organizadas y bases de datos.