¿Qué marco JS debo usar para mi proyecto?

Nada más salir de la puerta, estás fallando. Eso no es algo malo, simplemente no puede ver por qué está fallando porque tiene una mentalidad de fondo. En el front-end no puede comenzar con un software y luego descubrir qué quiere hacer. El front-end se rige por la interfaz de usuario y el diseño.

Entonces, aquí está mi respuesta más bien sugerente para ti. Primero, descubra lo que quiere hacer al final de su proyecto. Para hacer esto, debe comenzar a probar algunas herramientas comunes de arrastrar y soltar que ya existen. Tome notas sobre lo que le gusta, lo que no le gusta. Fortalezas y debilidades que ve que desea presentar en la primera versión principal de producción de su aplicación. Considere esto como el front-end equivalente a investigar y especificar hardware para la construcción de un servidor o estación de trabajo. Este fue el mantra de Steve Jobs de “Comience con el diseño de lo que debería ser el producto y luego cree el software (o en su caso encuentre el correcto) para hacer el producto que desea”.

Una vez que tenga eso abajo, debe trazar su aplicación con maquetas, o alguna otra herramienta de maqueta de trama visual de freemium bastante capaz para que se vea bien. Eso, entonces, lo ayudaría a determinar sus necesidades de base de datos mediante el diseño de su interfaz gráfica de usuario, lo que lo ayudará a determinar sus necesidades de marco mediante las características y las necesidades de funcionalidad de la interfaz gráfica de usuario. Una vez que tenga algunas opciones que satisfagan esas necesidades, deberá preocuparse por la segunda mitad de la fase de implementación. La complejidad de la cual dependerá completamente de su entorno o entornos de destino. ¿Vas a puerto a móvil? ¿Te quedas en el escritorio? ¿Solo quieres hacer una aplicación web y esperar las mejores vistas para todos los dispositivos? Cada sistema operativo, cada dispositivo, cada mercado, anuncia un nuevo nivel de complejidad a tener en cuenta al elegir un marco en el front-end.

Una vez que conozca su estructura alámbrica, el conjunto de características que desea presentar, los dispositivos que desea presentar y las necesidades de back-end, puede descubrir cómo hacerse la pregunta correcta a sí mismo o al público sobre qué herramienta necesita hacer SU generador de arrastrar y soltar. Mientras tanto, jQuery y jQuery UI son algunas de las herramientas más utilizadas y ampliamente compatibles para algunas capacidades de mejora de funcionalidad rápida.

Sé que es como un martillo en tu cráneo en lugar de una respuesta directa, pero oye “el césped es más verde, así que iremos allí y lo haremos nosotros mismos” ¿amirita? Hay muchas consideraciones a tener en cuenta al decidir sobre un marco. Espero que esto le ayude a comprender que debe hacer la investigación anterior para generar algunas opciones con las que se sienta cómodo y luego hacer una siguiente pregunta sobre sus 3 marcos principales, incluido aquí, por qué los elegí en función del producto final que quiero para hacer una sinopsis y obtendrás exactamente la respuesta que buscas. ¡No te desanimes, estás a mitad de camino más allá que la mayoría!

¿Cómo tener muchas opciones para elegir? Uno popular es jQuery y jQuery UI. He visto muchos sitios usar esto para lograr lo que has hablado. Uno de ellos es el Divi Builder de Elegant Theme, que usa jQuery para manejar la función de arrastrar y soltar y usar WordPress para representar el código corto.

También puede buscar otros marcos como Angular, Backbone, Meteor, etc., que seguramente tendrán un paquete prefabricado que ya puede usar.

Aquí hay algunos enlaces útiles …

jQuery

jQuery UI

Angular 2

marceljuenemann / angular-arrastrar y soltar-listas

https://www.polymer-project.org/

Polímero / núcleo-arrastrar-soltar

Meteorito

HTML5 arrastrar y soltar

¡Hay más soluciones que puedes encontrar en google! 🙂


Dado que no sabe mucho sobre el desarrollo front-end, ¿por qué no lo prueba? Puedes echarle un vistazo ..

Red de desarrolladores de Mozilla

JavaScript.com

JavaScript – Code School

Comience a aprender en Treehouse gratis

Aprenda a codificar y ayudar a organizaciones sin fines de lucro

JavaScript

Mi respuesta a esta pregunta ya estaba parcialmente cubierta, pero como más una nota al pie que una respuesta real:

Usa HTML5 y JavaScript

¿Por qué gastar su tiempo aprendiendo cómo usar un marco y luego aprender a usar una biblioteca que se integra con ese marco cuando simplemente podría usar HTML y JavaScript nativos para obtener el efecto deseado?

W3C – Arrastrar y soltar HTML5

MDN – arrastrar

Al utilizar los atributos basados ​​en arrastre de HTML y el sistema de eventos de JavaScript para detectar dichos eventos y determinar qué sucede cuando se arrastran elementos HTML, podría fácilmente encontrar lo que su corazón desee en lo que respecta al contenido web arrastrable.

También vale la pena señalar que la mayoría de las bibliotecas que interactúan con estas API hacen muy poco para hacerlo más productivo al usarlas. Son solo azúcares sobre lo que ya existe en este momento .


¿Te gusta mi escritura? ¡Sígueme! ¿Tener preguntas? ¡Pregunta en los comentarios!

Hola,

Estoy haciendo algo un poco complejo, ofrece soluciones completas de negocios basadas en el motor de inteligencia artificial (IA). También lo construí. El motor de IA decide todo, desde el comportamiento y la estructura para la experiencia de UI, estoy usando JQWidgets, http://www.jqwidgets.com . Son 200 USD por comercial una vez, y tienen controles perfectos, donde cumple con la funcionalidad con el rendimiento, hasta ahora no enfrenté ningún error de su trabajo, y su trabajo se podía personalizar hasta un buen nivel, en realidad solo dos Cosas pequeñas en todos los controles que considero limitaciones de software, y estas limitaciones para algo que “es bueno tener”, no es obligatorio.

More Interesting

¿Está bien que me guste escribir back-end en JavaScript en lugar de Java o C # porque el nivel de abstracción es más bajo?

¿Cómo funcionan los sitios web de descarga gratuita de mp3?

¿Cuándo debo usar API?

Novato React and express.js: Estoy tratando de usar el mismo componente de reacción de nivel superior para mostrar condicionalmente una página dependiendo de la "ruta" visitada. ¿Cuál es la mejor manera de pasar datos al componente de nivel superior para que pueda renderizar condicionalmente?

Cómo aumentar el tráfico en mi sitio web

¿Hasta dónde llegará el aprendizaje de Codeacademy a una persona?

¿Cuál es el mejor editor / IDE para PHP?

¿Es posible aprender programación php dentro de un año y qué se necesita?

¿Cuáles son las ventajas y desventajas de usar Meteor vs Ruby on Rails como back-end para mi aplicación móvil?

Hoy en día, ¿es necesario abstenerse de usar PNG de 24 bits debido a la compatibilidad con navegadores anteriores?

¿Cuál es la diferencia técnica entre un sitio web que puede manejar grandes cantidades de tráfico a la vez (es decir, FIFA.com) y un sitio web que se bloquearía con el tráfico masivo?

¿Por qué los navegadores permiten ejecutar JavaScript entre dominios pero no XMLHttpRequests?

¿Cuáles son las mejores prácticas para implementar un sistema de notificación similar a Quora / Facebook?

Rastreadores web: ¿Cuáles son las leyes de copyright específicas para los sitios web de rastreo?

¿Cómo implementar autocompletar en Node.js?