Ruta de ejecución recomendada

Orden didáctico para recorrer el catálogo por niveles (de fundamentos a casos especializados). Abre cada estudio, prueba sus 2 casos en el Playground y avanza de nivel.

1 · Fundamentos y utilidades

Empieza aquí: manipulación de colecciones, plantillas y DOM — base de todo lo demás.

Underscore.js · Lodash · Handlebars.js · jQuery · Cheerio.js

2 · Interfaces de usuario

Componentes, reactividad y vistas: elige el framework según el proyecto.

React.js · Vue.js · Svelte.js · Angular · Ember.js · Knockout.js · Polymer.js

3 · UI kits y desarrollo de componentes

Sistemas de diseño y desarrollo de componentes aislados.

Ant Design · Quasar Framework · Storybook

4 · Animaciones

Microinteracciones y animaciones fluidas.

Anime.js · GSAP (GreenSock) · Framer Motion

5 · Visualización de datos

De dashboards rápidos (Chart.js) a visualización a medida (D3).

Chart.js · Chartist.js · Highcharts · D3.js

6 · HTTP y backend

Del fetch (Axios) a APIs de servidor (Express/Koa/Nest).

Axios · Express.js · Koa.js · Nest.js · Polka · Meteor.js

7 · Estado y tiempo real

Estado global, programación reactiva y comunicación en vivo.

Redux · RxJS · Socket.IO

8 · Datos, ORM y GraphQL

Modelos de datos, headless CMS y APIs GraphQL.

TypeORM · Sequelize.js · Strapi · Keystone.js · GraphQL.js · Apollo Client

9 · Testing

Unitarias, mocks y spies: prueba el código que ya hiciste.

Jest · Mocha.js · QUnit · Sinon.js

10 · Build y frameworks

Empaquetado, SSR/SSG y entrega en producción.

Webpack · Parcel · Rollup.js · Next.js · Nuxt.js · Gatsby.js

11 · Juegos y gráficos

Canvas, WebGL y experiencias interactivas.

Phaser.js · Pixi.js · Three.js · Babylon.js · P5.js · Paper.js · EaselJS

12 · Mapas, audio, auth y ML

Casos especializados: ubicación, sonido, autenticación e IA en el navegador.

Leaflet.js · Howler.js · Passport.js · TensorFlow.js · Moment.js