¿Qué frameworks de JavaScript debo usar como desarrollador web?

Sin lugar a dudas, puede elegir el marco AngularJS para su proyecto de aplicación web.

AngualrJS proporciona más funciones en comparación con otros marcos.

La versión angular 5 incluye un nuevo cliente Http que es más pequeño, más rápido y más fácil de usar. Algunas actualizaciones sobre validaciones de forma angular. Las validaciones ahora se ejecutarán en cada evento de desenfoque de entrada. La versión angular 5 permite a los desarrolladores validar en ‘enviar’; Esta es una actualización de la funcionalidad angular.

La versión angular 5 trae cambios con ‘tuberías’ y los desarrolladores ahora pueden usar tuberías principales y crear tuberías personalizadas. Esta nueva versión de Angular ha internacionalizado las tuberías de fecha, número y moneda para aumentar la estandarización y eliminar la necesidad de rellenos de polietileno. El antiguo módulo ‘tuberías’ quedará en desuso; sin embargo, los desarrolladores aún pueden usarlos en Angular versión 5.

La versión 5 agrega nuevos eventos de ciclo de vida para el enrutador. Estos eventos incluyen ‘GuardsCheckStart’, ‘ChildActivationStart’ y ‘ActivationStart’, etc. La nueva versión de Angular también presenta extensiones reactivas 5.5, por lo que los desarrolladores pueden importar múltiples operadores con un solo clic. Esto hace que el código parezca más limpio.

Para saber más sobre la última versión de AngularJS, AngularJS5, visite ¿Qué puede esperar en Angular 5? – Soluciones Techtic

En segundo lugar, React, Flux y Redux, que no son técnicamente marcos (Facebook está trabajando en eso), pero sin duda son los mejores.

Ambos aportan prácticas / paradigmas excepcionales al ámbito del desarrollo web. React es una biblioteca de vistas que proporciona una API para representar su HTML a través de JavaScript. Es altamente declarativo y promueve la reutilización de código a través de la construcción de componentes que administran sus propios datos y el estado de esos datos. Le proporciona un modelo excelente a seguir para construir interfaces web reactivas.

Escribe sus componentes en una sintaxis maravillosa llamada JSX. JSX proporciona un mecanismo para escribir una sintaxis similar a HTML que se convierte en funciones de JavaScript que React puede comprender. Le da una sintaxis muy intuitiva y declarativa que se siente como HTML y le proporciona un mecanismo para interactuar con lo que React llama el DOM virtual (una representación en memoria del DOM). Si tiene alguna experiencia con Jquery, sabrá que uno de los mayores cuellos de botella de ese sistema es lo difícil que es mantener el DOM sincronizado con su javascript. Redux trabaja con Flux para proporcionarle un mecanismo para administrar el estado de su aplicación de manera predecible y Flux es una nueva versión de cómo los datos deben fluir a través de su aplicación (se lo dejará a usted para que lo investigue).

Esto puede parecer mucho, pero en realidad es bastante intuitivo. Recomiendo aprender React. Una vez que lo haga, no hay vuelta atrás (al menos en mi caso).

A continuación se muestran algunos aspectos más avanzados del desarrollo web en los que puede centrarse en el aprendizaje (en su mayoría tomados del Nanodegree Senior Web Developer en Udacity que estoy tomando). Aunque no son necesariamente marcos, estas son las últimas y mejores tecnologías web del lado del cliente y creo que es seguro decir que puede apostar por su longevidad.

Trabajador del servicio

Promesas

Componentes web (polímero, angular 2)

ES6-7 y más allá

Backbone.js

Como uno de los marcos de JavaScript más antiguos en esta revisión, Backbone ha perdido gran parte de su rumor inicial, pero eso no debería disuadirlo de considerarlo seriamente.

Lanzado por primera vez en 2010 por Jeremy Ashkenas, Backbone es ligero. Con solo 6.3KB cuando se minimiza y comprime para la producción y con una sola dependencia (Underscore.js), es un marco MVC (Model-View-Controller) altamente versátil y minimalista que potencia muchos sitios con los que puede estar familiarizado: Twitter, Hulu, Pinterest y mi favorito personal, Pandora Radio.

Debido a que es tan liviano, Backbone brilla más cuando se usa en proyectos más simples donde la velocidad es una prioridad

AngularJS

El marco AngularJS le da superpoderes al HTML al agregar todas las características necesarias requeridas para crear vistas dinámicas (interfaz de usuario interactiva). Da la opción de extender los atributos HTML mediante el uso de directivas angulares. Ampliar HTML con AngularJS es muy simple, se puede usar la directiva estándar de AngularJS o desarrollar una directiva personalizada y montarla en cualquier div.

El enlace de datos bidireccional es el núcleo de Angular.js. Cuando el usuario interactúa con la interfaz y proporciona una entrada, la vista y el modelo (objetos JavaScript) se sincronizan, la lógica en el modelo se ejecuta y el DOM se actualiza.

Cuando usar AngularJS

Cuando está creando una aplicación web front-end compleja y necesita un marco modular único para manejar todo.

Reaccionar

Reaccionar es principalmente la V en MVC. Se enfoca completamente en esa pieza de MVC y no tiene en cuenta la arquitectura del resto de su aplicación. Proporciona una capa de componentes que hace que sea más fácil crear elementos de la interfaz de usuario y combinarlos. Abstrae el DOM para optimizar el procesamiento y le permite renderizar React desde node.js. Además, implementa un flujo de datos reactivo unidireccional que facilita su comprensión y uso que otros marcos.

Cuando usar React

Cuando desee una capa de Vista potente pero no necesite un marco elaborado para el resto de su aplicación o cuando desee que una capa de Vista vaya con su aplicación Angular, Backbone o Ember. Cuando intentas crear un marco web isomorfo.

Babylon.js

¿Busca construir un videojuego que se ejecute completamente en los estándares web modernos y en todos los navegadores? Echa un vistazo a Babylon.js, un motor de juegos en 3D basado en WebGL y JavaScript. Puedes crear juegos increíblemente de alta calidad completos con sistemas de física, audio y partículas, entre otras cosas.

Cuando usar Babylon.js –

Siempre que estés construyendo un videojuego o una compleja escena 3D de cualquier tipo.

En Quora, consulte estas respuestas para obtener más información.

¿Cuáles son los marcos de JavaScript que más usa en el desarrollo de sitios web y aplicaciones?

¿Qué marco debo usar al desarrollar aplicaciones web complejas?

Recomiendo echar un vistazo a TodoMVC. Este sitio compara la mayoría de los marcos populares o actuales y proporciona una pequeña demostración TODO en cada uno para ilustrar su uso.

Hay algunas consideraciones e importantes para conocer cualquier restricción que pueda tener,

  • Facilidad de uso
  • ¿Es buena la documentación?
  • ¿Qué son las limitaciones?
  • ¿Con quién es fácil probar?
  • Compatibilidad con el navegador (algunos marcos se desprecian muy rápidamente y esto está bien para que sigan adelante, pero tenga cuidado, ya que puede crear más trabajo para mantenerse al día)
  • Soporte comunitario
  • ¿Es extensible, conectable con otros marcos, intrusivo?

… (Hay libros sobre estas cosas que entrarán en más detalles)

Creo que como desarrollador web y si estás interesado solo en los marcos web Javascript, vale la pena saber al menos para comparar y contrastar.

jQuery es imprescindible. Node.js? Tal vez. AngularJS, y los numerosos otros por ahí? Probablemente no. Podría ser trolleado por esto, pero Javascript como lenguaje del lado del cliente será Javascript con jQuery, por muchos días todavía. El mejor consejo es aprender lo que es relevante hoy, porque los marcos en el futuro solo se derivarán de la sintaxis en el pasado, y aprenderán cosas nuevas solo cuando se vuelvan populares. A menos que seas un jugador, en cuyo caso juegas.

Sugeriré usar AngularJS. Las razones detrás de mi opinión son:

  • Obtendrá muchos recursos y tutoriales para aprender AngularJS.
  • La comunidad es bastante fuerte.
  • La sintaxis de plantillas es muy simple y está muy unida a otras partes de su aplicación.
  • Te verás obligado a escribir código modular

En primer lugar, asegúrese de comprender javascript básico .

Pase a Knockout.js y comprenda sus conceptos.

Prueba AngularJS .

Todo se reduce a preferencia después de haber investigado y leído los comentarios sobre esos marcos.

Te presento uno que no es un framework sino una biblioteca. Se llama react.js.

React le permite crear componentes web que son reutilizables y fáciles de trabajar. Junto con el flujo, reaccion le permite mantener y administrar estados solo a través de notificaciones de eventos.

Te sugiero que intentes reaccionar.

Hay mucha rotación en este espacio. Actualmente las tendencias son Angular y React. Si desea trabajar en este espacio, prepárese para aprender un nuevo marco, cada pocos años junto con otras habilidades de apoyo.

Vue js Fremework