PC1 - Estructura

Tipos de Framework Web

React

Angular

React

Svelte

Express

Vue.js

Django

Spring

Laravel

Next.js

Nuxt.js

Es una popular biblioteca de JavaScript de codigo abierto, desarrollada por Facebook, utilizada para construir interfacez de usuario interactivas, rapidas y declarativas en una pagina web.

Es un framework web ligero para Node.js que permite crear aplicaciones web y APIs de forma rápida y sencilla.

Es un framework progresivo de JavaScript utilizado para construir interfaces de usuario y aplicaciones web interactivas. Está diseñado para ser fácil de aprender y permite desarrollar aplicaciones dinámicas.

Es un framework moderno de JavaScript que permite crear interfaces web rápidas, ya que compila el código en JavaScript puro, eliminando la necesidad de un Virtual DOM.

Es un framework basado en Vue.js que facilita la creación de aplicaciones web modernas con renderizado del lado del servidor (SSR), generación de sitios estáticos y arquitectura optimizada.

Es un framework web de alto nivel para Python que permite desarrollar aplicaciones web rápidas, seguras y escalables siguiendo el patrón MTV (Model-Template-View).

Es un framework de React que permite crear aplicaciones web modernas con renderizado del lado del servidor (SSR) y generación de sitios estáticos (SSG).

Es un framework de JavaScript y TypeScript desarrollado por Google para crear aplicaciones web modernas, escalables y robustas.

Es un framework basado en Spring que facilita la creación de aplicaciones web y microservicios en Java de forma rápida.

Es un framework web de PHP utilizado para crear aplicaciones web modernas siguiendo el patrón MVC (Modelo-Vista-Controlador).

Definición

2013

2016

2016

2010

2014

2011

2014

2005

2016

2016

Años de Creacion

Fue creado por Adrian Holovaty y Simon Willison mientras trabajaban en el periódico Lawrence Journal-World.

Fue creado por Jordan Walke, un igeniero de software en Facebook

Fue desarrollado por el equipo de Google liderado por Misko Hevery.

Fue creado por Evan You, un desarrollador que anteriormente trabajó en Google.

Fue creado por Rich Harris, desarrollador del periódico The New York Times.

Fue creado por Taylor Otwell para facilitar el desarrollo de aplicaciones en PHP.

Fue desarrollado por la empresa Pivotal Software, basada en el framework Spring.

Fue creado por la empresa Vercel (antes llamada Zeit).

Fue creado por Alexandre Chopin y Sébastien Chopin.

Fue creado por TJ Holowaychuk.

Creador

Spring 1.0: marzo de 2004 Spring 2.0: Octubre de 2006 Spring 3.0: Diciembre de 2009 Spring 4.0: Diciembre de 2013 Spring 5.0: sep. de 2017 Spring 6.0: nov. de 2022 Spring 7.0: nov. de 2025

Angular 21 Angular 20 Angular 19 Angular 18 Angular 17

Express 1.0: enero de 2011 Express 2.0: mayo de 2011 Express 3.0: junio de 2012 Express 4.0: abril de 2014 Express 5.0: septiembre de 2024

Vue 3.4 (Slam Dunk) (Dic 2023) Vue 3.3 (Rurouni Kenshin) (May 2023) Vue 3.2 (Quintessential Quintuplets) (Ago 2021) Vue 3.0 (One Piece) (Sep 2020) Vue 2.6 (Macross) (Feb 2019)

React 19 (2024) React 18 (2022) React 17 (2020) React 16.8 (2019) React 16.0 (2017)

Svelte 1: nov de 2016 Svelte 2: abril de 2018 Svelte 3: abril de 2019 Svelte 4: junio de 2023 Svelte 5:octubre de 2024

Next.js 1.0: octubre de 2016 Next.js 5.0: febrero de 2018 Next.js 10.0: octubre de 2020 Next.js 13.0: octubre de 2022 Next.js 14.0: octubre de 2023 Next.js 15.0: octubre de 2024

Django 1.0: sep de 2008 Django 2.0: dic. de 2017 Django 3.0: dic. de 2019 Django 4.0: dic. de 2021 Django 5.0: dic. de 2023

Nuxt 1.0: enero de 2018 Nuxt 2.0: septiembre de 2018 Nuxt 3.0: noviembre de 2022 Nuxt 4.0: julio de 2025 Nuxt 5.0: Estimada para inicios de 2026

LLaravel 1.0: junio de 2011 Laravel 5.0: febrero de 2015 Laravel 10: febrero de 2023 Laravel 11: marzo de 2024 Laravel 12: febrero de 2025

Versiones

Permiten crear interfaces de usuario dinámicas, utilizan componentes reutilizables, Permiten crear Single Page Applications (SPA) y se integran fácilmente con APIs y servicios web.

se diferencia porque es más fácil de aprender para principiantes, tiene una estructura más simple y flexible, y su sintaxis es más clara y amigable, lo que permite desarrollar aplicaciones de forma más rápida en proyectos.

Permite crear aplicaciones web dinámicas. Se integra con bases de datos y APIs. Es utilizado para sistemas empresariales.

Permite crear interfaces dinámicas, usa componentes reutilizables, se integra con APIs, y se utiliza para desarrollar Single Page Applications (SPA) y aplicaciones web modernas, similar a React, Angular o Vue.

Permite desarrollar interfaces dinámicas, utiliza componentes reutilizables, se integra con APIs y facilita el desarrollo de aplicaciones web modernas como Vue, React o Angular.

Permite desarrollar aplicaciones web dinámicas. Maneja bases de datos y autenticación. Facilita el desarrollo rápido de aplicaciones web. Se integra con APIs y servicios web.

Permite crear aplicaciones web dinámicas. Se integra fácilmente con bases de datos. Es utilizado para desarrollar APIs REST.

Permite crear interfaces dinámicas, usar componentes reutilizables, crear Single Page Applications y conectarse con APIs web.

Permite crear aplicaciones web dinámicas. Maneja bases de datos y autenticación. Facilita la creación de APIs y sistemas web.

Permite crear interfaces interactivas, usar componentes reutilizables, desarrollar SPA y trabajar con APIs y servicios web.

Semejanzas

Es más flexible y se centra solo en la interfaz, es un framework completo con muchas herramientas integradas y es más fácil de aprender y tiene una sintaxis más simple.

Utiliza Java como lenguaje principal. Está orientado a microservicios y aplicaciones empresariales. Tiene configuración automática para simplificar el desarrollo.

Next.js está basado en React, pero agrega funcionalidades como renderizado del lado del servidor, optimización automática y enrutamiento automático, lo que lo hace más completo que React por sí solo.

Nuxt.js está basado en Vue.js, mientras que Next.js usa React. Nuxt se caracteriza por ser más sencillo de aprender para quienes usan Vue y tener una estructura de proyecto muy organizada.

Es más sencillo de aprender que Angular y más estructurado que React en algunos aspectos. Destaca por su simplicidad y flexibilidad.

Usa Python como lenguaje principal. Tiene muchas herramientas integradas por defecto. Incluye un panel administrativo automático.

Es un framework más completo y estructurado, usa TypeScript por defecto y tiene más herramientas integradas que React o Vue.

Es minimalista, incluye pocas herramientas por defecto. Usa JavaScript en el servidor. Es muy flexible y modular.

Usa PHP como lenguaje principal. Incluye herramientas para rutas, migraciones y plantillas. Es muy usado en sistemas empresariales y e-commerce.

Es más rápido y ligero, porque compila el código antes de ejecutarse y no utiliza Virtual DOM como React o Vue.

Diferencias

Java Script, HTML, CSS, JSX, Node,js, Webpack

TypeScript, JavaScript, HTML, CSS, Node.js, RxJS.

Java, Spring Framework, Maven, Gradle, MySQL, PostgreSQL.

JavaScript, HTML, CSS, Vue CLI, Vite.

avaScript, HTML, CSS, Node.js, SvelteKit, Rollup.

Python, HTML, CSS, JavaScript, SQLite, PostgreSQL, MySQL.

PHP, HTML, CSS, JavaScript, MySQL, Blade Template Engine.

Node.js, JavaScript, HTML, CSS, MongoDB, MySQL.

JavaScript, React, Node.js, HTML, CSS, Webpack / Vite

Tecnologias Implementa

JavaScript, Vue.js, Node.js, HTML, CSS, Vite / Webpack

Ejemplo

https://react.dev/

https://angular.dev/

https://vuejs.org/

https://svelte.dev/

https://www.djangoproject.com/

https://expressjs.com/

https://laravel.com/

https://spring.io/projects/spring-boot

https://nextjs.org/

https://nuxt.com/

Sitio Oficial

Logo