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

Get started free

estructuradatos

Angel Raul Boch Dueñas

Created on March 4, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Microsite

Essential Microsite

Essential CV

Practical Microsite

Akihabara Resume

Tourism Guide Microsite

Online Product Catalog

Explore all templates

Transcript

estructura datos

ANGEL RAUL BOCH DUEÑAS

vue js

symfony

angular

REACT JS

DJANGO

LARAVEL

Spring Framework

Ruby on Rails

EXPRESS JS

FLASK

angular

definicion
CARACTERISTICAS

Angular es un Framework de JS de codigo abierto escrito en TypeScript. Su objetivo principal es desarrollar aplicaciones de una sola pagina. Google se encarga del mantenimiento y constantes actualizaciones de mejoras para este framework.

✔️ Basado en componentes y arquitectura MVC✔️ Soporte para desarrollo de aplicaciones SPA (Single Page Applications) ✔️ Sistema de inyección de dependencias ✔️ Uso de Directivas y Two-Way Data Binding ✔️ Administración del estado con RxJS (reactive programming) ✔️ Uso de TypeScript para mayor seguridad y escalabilidad ✔️ Integración con Material Design

AÑO DE CREACION Y CREADORES

Angular fue creado en 2009 por Misko Hevery y Adams Abrons, Ingenieros de software. y lanzado oficialmente en 2010

SINTAXIS
VERSIONES
  • Angular
  • Angular 2
  • Angular 4 y 5
  • Angular 6 y 7
  • Angular 8 y 9
  • Angular 10 y 11
  • Angular 15
  • Angular 16
  • Angular 17
TECNOLOGIAS IMPLEMENTADAS
  • TypeScript
  • HTML Y CSS
  • RxJS
  • Zone JS
  • Angular Material
  • Angular CLI

REACT JS

definicion
CARACTERISTICAS

Es una de las librerias mas populares de JS para el desarrollo de aplicaciones moviles y web, Creada por Facebook, react contiene una coleccion de fragmentos de codigo JS reutilizables utilizados para interfaces de usuario (UI)

✔️ Desarrollo basado en componentes reutilizables✔️ Virtual DOM para una mejor optimización de rendimiento ✔️ JSX (permite escribir HTML dentro de JavaScript) ✔️ Gestión del estado con hooks o librerías como Redux ✔️ Compatible con React Native para desarrollo móvil ✔️ SEO-friendly con frameworks como Next.js

AÑO DE CREACION Y CREADORES

React fue desarrollado en 2011 por Jordan Walke, un ingeniero de facebook y lanzada al publico en 2013

SINTAXIS
VERSIONES
  • React 0.10
  • React 0.11
  • React 0.12
  • React 0.13
  • React 0.14
  • React 15
  • React 16
  • React 17
  • React 18
  • React 19
TECNOLOGIAS IMPLEMENTADAS
  • JSX
  • REDUX
  • BASILEA
  • GIT
  • NODE
  • PYTHON
  • REACT BOOTSTRAP
  • FLUX

DJANGO

definicion
CARACTERISTICAS

Se puede utilizar para desarrollar aplicaciones web de forma rapida y eficiente, La mayoria de las aplicaciones web tienen varias funciones comunes, como la autenticacion, recuperacion de informacion de una bd y la administracion de cookies

✔️ Basado en la arquitectura MTV (Model-Template-View)✔️ Sistema de autenticación y seguridad integrada ✔️ ORM (Object-Relational Mapping) para bases de datos ✔️ Generación automática de panel de administración ✔️ Framework escalable y de alto rendimiento ✔️ Soporte para desarrollo de API con Django REST Framework

AÑO DE CREACION Y CREADORES

Django fue creado en 2003 por los programadores Adrian Holovaty y Simon Willison. Fue desarrollado para el periodico Lawrence Jorunal-World

SINTAXIS
VERSIONES
  • 1.3
  • 1.4 LTS
  • 1.5
  • 2.0
  • 2.2 LTS
  • 3.0
  • 3.2 LTS
  • 5.2 LTS
  • 4.2 LTS
TECNOLOGIAS IMPLEMENTADAS
  • PYTHON
  • BASE DE DATOS RELACIONES Y NO RELACIONALES
  • HTML
  • JSON
  • RSS
  • XML

LARAVEL

definicion
CARACTERISTICAS

Es un framework de codigo abierto y gratuito para desarrollar aplicaciones web con PHP. Permite crear sitios web y aplicaciones web extensibles

✔️ Basado en el patrón MVC✔️ Eloquent ORM para gestión de bases de datos ✔️ Sistema de migraciones para bases de datos ✔️ Blade, su propio motor de plantillas ✔️ Autenticación, seguridad y validación de datos integradas ✔️ Soporte para API con Laravel Passport o Sanctum

AÑO DE CREACION Y CREADORES

Taylor Otwell creo Laravel en 2011. Es un framework PHP que se utiliza para desarrollar aplicaciones web.

VERSIONES
  • 1.0
  • 2.0
  • 3.0
  • 4.0
  • 5.0
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
SINTAXIS
TECNOLOGIAS IMPLEMENTADAS
  • BLADE
  • TAILWIND CSS
  • ARTISAN
  • PHP

EXPRESS JS

definicion
CARACTERISTICAS

Express.js es el framework backend más popular para Node.js, y es una parte extensa del ecosistema JavaScript. Está diseñado para construir aplicaciones web de una sola página, multipágina e híbridas, también se ha convertido en el estándar para desarrollar aplicaciones backend con Node.js, y es la parte backend de algo conocido como la pila MEVN.

✔️ Minimalista y ligero para servidores web y APIs✔️ Compatible con middleware para ampliar funcionalidades ✔️ Manejo eficiente de rutas y solicitudes HTTP ✔️ Uso con bases de datos como MongoDB o PostgreSQL ✔️ Integración con frameworks como React, Angular o Vue

AÑO DE CREACION Y CREADORES

TJ Holowaychuk creo Express JS y lo lanzo por primera vez el 22 de mayo de 2010. Es un framework de codigo abierto

VERSIONES
  • 4.15.2
  • 4.15.3
  • 4.16.1
  • 4.21.0
  • 4.21.1
  • 5.0.0
  • 5.0.1
SINTAXIS
TECNOLOGIAS IMPLEMENTADAS
  • Mongo DB
  • MySQL
  • PostgreSQL
  • Middleware
  • HTML
  • JavaScript
  • TypeScript
  • Ruby

FLASK

definicion
CARACTERISTICAS

Es un marco web de python que permite crear aplicaciones web de forma rapida y sencilla. Es un micro-framework, siginifica que no incluye funciones como validaciones de formularios o bases de datos

✔️ Minimalista y flexible, sin demasiadas dependencias✔️ Uso de Jinja2 como motor de plantillas ✔️ Soporte para ORM con SQLAlchemy ✔️ Enfoque en simplicidad y rapidez de desarrollo ✔️ Ideal para pequeñas aplicaciones y APIs

AÑO DE CREACION Y CREADORES

Flask fue creado en 2010 por Armin Ronacher, un programador austriaco

VERSIONES
  • 3.0
  • 2.0
  • 1.1
  • 1.0
  • 0.7.1
  • 0.7
  • 0.6
SINTAXIS
TECNOLOGIAS IMPLEMENTADAS
  • JINJA 2
  • PYTHON
  • WERKZEUG
  • MYSQL
  • WSGL

VUE JS

definicion
CARACTERISTICAS

Es un framework de JavaScript de codigo abierto que se utiliza para crear interfaces de usuario y aplicaciones de una sola pagina (SPA)

✔️ Basado en componentes y Virtual DOM✔️ Binding de datos reactivo y directo ✔️ Opciones de configuración en Options API y Composition API ✔️ Integración sencilla con otros proyectos y bibliotecas ✔️ Manejo del estado con Vuex o Pinia ✔️ Compatible con frameworks como Nuxt.js para SSR (Server Side Rendering)

AÑO DE CREACION Y CREADORES

Evan You fundo Vue.js en febrero de 2014

SINTAXIS
VERSIONES
  • 3.5.13
  • 3.4
  • 3.3
  • 3.1
  • 3.0
  • 2.7
  • 2.6
  • 2.5
TECNOLOGIAS IMPLEMENTADAS
  • HTML
  • CSS
  • JAVASCRIPT
  • SANITY
  • ELECTRON
  • NATIVESCRPT Y VUE NATIVE
  • TRES JS

SYMFONY

definicion
CARACTERISTICAS

Es un framework de codigo abierto para el desarollo de aplicaciones web y apps, esta escrito en PHP y un lenguaje de programacion versatil para la web

✔️ Arquitectura basada en componentes reutilizables✔️ Sistema de enrutamiento flexible ✔️ Soporte para Doctrine ORM para bases de datos ✔️ Seguridad y autenticación avanzadas ✔️ Uso de Twig como motor de plantillas ✔️ Altamente configurable y escalable para grandes aplicaciones

AÑO DE CREACION Y CREADORES

Fabien Potencier creo Symfony en 2004 y lo publico en 2005.

SINTAXIS
VERSIONES
  • 5.4
  • 6.0
  • 6.1
  • 6.2
  • 6.3
  • 6.4
  • 7.0
  • 7.1
  • 7.2
  • 7.3
TECNOLOGIAS IMPLEMENTADAS
  • MVC
  • COMPONENTES PHP REUTILIZABLES
  • MOTOR DE PLANTILLAS TWIG
  • PHP
  • JSON
  • CSV
  • BIBLIOTECAS

Spring Framework

definicion
CARACTERISTICAS

es un marco de trabajo para el desarrollo de aplicaciones en Java que proporciona una infraestructura integral para la creación de aplicaciones empresariales. Su principal objetivo es facilitar el desarrollo con características como la inversión de control (IoC) y la inyección de dependencias (DI).

✔️ Basado en Inversión de Control (IoC) e Inyección de Dependencias✔️ Uso de Spring Boot para simplificación de configuración ✔️ Seguridad integrada con Spring Security ✔️ Compatible con bases de datos mediante Spring Data ✔️ Desarrollo de microservicios con Spring Cloud ✔️ Soporte para aplicaciones reactivas con WebFlux

AÑO DE CREACION Y CREADORES

Rod Johnson creo Spring y fue lanzado en el 2003

SINTAXIS
VERSIONES
  • Spring 1.0
  • Spring 2.0
  • Spring 3.0
  • Spring 4.0
  • Spring 5.0
  • Spring 6.0
TECNOLOGIAS IMPLEMENTADAS
  • Inversión de Control (IoC) y Inyección de Dependencias (DI)
  • Spring cloud
  • Spring Data
  • Spring Boot
  • Spring WebFlux

Ruby on Rails

definicion
CARACTERISTICAS

es un framework de desarrollo web basado en el lenguaje de programación Ruby. Sigue el paradigma MVC (Model-View-Controller) y se enfoca en la convención sobre configuración (CoC) y el principio DRY (Don't Repeat Yourself), lo que simplifica el desarrollo de aplicaciones web estructuradas y escalables.

✔️ Basado en el patrón MVC✔️ Filosofía "Convención sobre Configuración" (CoC) ✔️ ORM Active Record para bases de datos ✔️ Generador automático de código (scaffolding) ✔️ Seguridad integrada y protección contra ataques comunes ✔️ Compatible con frontend moderno a través de Hotwire y Turbo

AÑO DE CREACION Y CREADORES

David Heimemeier Hansson (DHH) fue el creador de ruby on rails y fue lanzado en el año 2004

SINTAXIS
VERSIONES
  • Rails 1.0
  • Rails 2.0
  • Rails 3.0
  • Rails 4.0
  • Rails 5.0
  • Rails 6.0
  • Rails 7.0
TECNOLOGIAS IMPLEMENTADAS
  • Lenguaje Ruby
  • Active Record
  • Action Pack
  • Action View
  • Action Cable
  • Principio DRY (Don’t Repeat Yourself)

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con Express js son:

  • XIAOMI
  • WIZZAIR
  • NINTENDO
  • GITLAB

Sitio Oficial:https:https://vuejs.org/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con Express js son:

  • Hulu
  • Groupon
  • Airbnb
  • Basecamp

Sitio Oficial:https:https://rubyonrails.org/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con Express js son:

  • LinkedIn
  • Alibaba
  • Zalando
  • Amazon

Sitio Oficial:https:https:https://spring.io/projects/spring-framework

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con angular son:

  • Facebook
  • X (twitter)
  • IMDb
  • Discord

Sitio Oficial:https://react.dev/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con Express js son:

  • Pinterest
  • Netflix
  • Zillow
  • Lyft

Sitio Oficial:https:https://flask.palletsprojects.com/en/stable/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con angular son:

  • Spotify
  • Mozilla
  • Mapas de google
  • Reditt

Sitio Oficial:https:https://www.djangoproject.com/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con Express js son:

  • Quizlet
  • Groupon
  • Zendesk
  • Ascendencia

Sitio Oficial:https://expressjs.com/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con Express js son:

  • University of York
  • SPARC Connect
  • Your Life Choices
  • SBDC Pennsylvania

Sitio Oficial:https:https:https://symfony.es/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con angular son:

  • Invoice Ninja
  • Alison
  • Barchat
  • MyRank

Sitio Oficial:https://laravel.com/

EJEMPLOS APLICADOS

Algunos ejemplos de paginas utilizadas con angular son:

  • Google
  • Gmail
  • Youtube
  • Xbox

Sitio Oficial: https://angular.dev/