Introducción

• ¿Qué es un framework?

• ¿Para qué sirve un framework JS? (Aplicaciones web, UI reactivas, SPA)

• Historia de los frameworks JS

• Uso actual de los frameworks JS

• ¿Qué framework escoger?

• Web components

• Data binding

• Microservicios / Jamstack

Frameworks JavaScript

Componentes

Frameworks JavaScript

Data binding

Frameworks JavaScript

Microservicios

Frameworks JavaScript

Ventajas y desventajas

• Ventajas

  • Rapidez de desarrollo

  • Estándares

  • Tecnologías consolidadas

  • Aprendizaje guiado

  • Comunidad y documentación

• Desventajas

  • Menos flexibilidad

  • Menos rendimiento

  • Más peso

Frameworks JavaScript

Entorno de desarrollo

• IDE: Visual Studio Code

  • Extensiones:

    • EditorConfig for VS Code

    • ESLint

    • Angular:

      • TSLint

      • Angular Language Service

    • Vue.js:

      • Vetur

Frameworks JavaScript

Entorno de desarrollo

• Extensiones navegador

  • Augury (Angular)

  • React Developers Tools

  • Vue Devtools

  • Meteor Devtools Evolved

Frameworks JavaScript

Entorno de desarrollo

• Node.js y npm

Frameworks JavaScript

JavaScript

• La versión ES6 o ES2015

• Transpiladores: código fuente y código compilado

• Módulos:

  • import / export

  • webpack

Frameworks JavaScript

JavaScript

• Función arrow

• Pasar funciones como parámetros o devolver funciones

• Desestructuración

• map, filter y reduce

• Inmutabilidad en arrays y objetos

Frameworks JavaScript