¿Me aconsejaría utilizar material angular como marco de diseño y es similar a Bootstrap?

¿Qué es el diseño de material angular?

El diseño de material angular es una biblioteca de componentes de IU basada en Google Material Design para AngularJS.
Sí, es similar a boostrap, ya que proporciona componentes de interfaz de usuario y sistema de cuadrícula y directivas angulares para usar el mismo.

¿Deberíamos usarlo?

A partir de mayo de 2015, esta biblioteca todavía está en etapa beta, pero está siendo desarrollada activamente por los contribuyentes de AngularJS en Google, así como por los contribuyentes principales del marco iónico, por lo que efectivamente tiene una gran estabilidad y soporte, definitivamente no se extinguirá como otros proyectos típicos (puede llamar a este proyecto oficial-ish!).

Esta biblioteca sigue estrictamente el diseño de materiales: pautas de diseño de Google , por lo tanto, antes de sumergirse en el desarrollo de este, intente comprender completamente estas pautas.
En esta etapa, esta biblioteca es bastante útil con soporte de temas (que es una de las mayores ventajas de esto, IMO) y la mayoría de los componentes que se requieren con frecuencia, pero algunos componentes críticos como todavía están en desarrollo, como las cuadrículas de datos (tablas).

He estado desarrollando un proyecto de inicio genérico de pila completa para comenzar a desarrollar software escalable con AngularJS utilizando el diseño de materiales (y el marco Laravel para el back-end).
Puede consultarlo como referencia. Vishwajeetv / larangular

Comparación con Bootstrap:

Twitter bootstrap también proporciona un conjunto de componentes de UI y un sistema de cuadrícula, con componentes javascript oficiales que se encuentran por encima de jQuery.
Como existen diferencias fundamentales entre el modelo de programación de AngularJS y jQuery (marque esto: “¿Pensando en AngularJS” si tengo antecedentes de jQuery?), Se desaconseja utilizar estos componentes tal cual. Como sugiere Tally Barak, hay un par de directivas para el boostrap, que, en mi opinión, no son estables y no se mantienen activamente (en comparación con el diseño de material angular), aunque obtienes una variedad de componentes (más que Material diseño) y con algunos pequeños parches / arreglos manuales, la mayoría de ellos son lo suficientemente utilizables.

Pero…

¡El diseño del material puede no ser ubicuamente aplicable como afirma Google! ¡Y no es convencional! Para un laico, Bootstrap ha sido muy popular y dominante. Por lo tanto, el diseño del material puede ser abrumador, y puede haber cierta resistencia, especialmente para los clientes ’empresariales’.
Entonces, al comparar esto, debes elegir desde la perspectiva de UX, así como programar una.

Lo he utilizado con éxito para la aplicación web de presupuesto participativo. Puede encontrar el código fuente aquí: vishwajeetv / participatory_budgeting

Probablemente ya no sea relevante para usted, pero en caso de que alguien necesite esta respuesta. Esto es a partir de marzo de 2015.
El material angular es una alternativa al bootstrap como marco de diseño receptivo, ya que ambos definen un aspecto general para su aplicación.
Hay 2 bibliotecas de arranque principales para angular: ui-bootstrap y angular-strap.
Para el diseño de materiales también hay 2 bibliotecas líderes: material angular (núcleo del equipo de google) y lumx.
El material angular ahora se acerca a su 1.0 y proporciona un conjunto de características bastante rico. Sin embargo, todavía faltan elementos.
Entonces, ¿material vs bootstrap?
– el material usa flexbox (display: flex) frente al bootstrap estándar (display: inline, block, inline-block), que es mucho más fácil de entender y usar, especialmente en la forma en que el material lo envuelve.
– las especificaciones de diseño del material contienen movimientos que se implementan en diseño angular (en varios niveles, por ejemplo, el efecto de ondulación de tinta está incorporado. Transiciones aún no).
– Diseño z: el material tiene soporte para sombras de nivel z construidas en las que no existe en bootstrap.

El material parece ganar una gran aceptación en todo el mundo como pautas generales de diseño. A partir de hoy, bootstrap se usa más comúnmente, pero el futuro parece con material (opinión personal …).

El resultado final: es su decisión.

¡No recomendaría construir sobre algo que está en BETA !. Además, el diseño del material aún no está listo para la producción, lo que significa que verá muchos cambios en las especificaciones de Google. Una vez que la especificación se base, vaya con un marco que le brinde la mayor flexibilidad en el momento.
Otra vez un consejo, manténgase alejado de la transición por un buen tiempo de 6 meses. No te arrepentirás de la decisión
Pero siempre actualícese sobre lo que está sucediendo en la especificación y qué material angular están haciendo los chicos para implementarlos. Tenga cuidado con la página de problemas de Github para ver el tiempo necesario para resolver problemas.

El diseño receptivo debería ajustarse a la factura durante un par de años más.

La respuesta dada por Vishwajeet es buena. Lo que me gustaría agregar es lo siguiente:
Los materiales angulares, polímeros, lumx, bootstrap y cualquier otro complemento de popularidad pueden permitir a los desarrolladores agregar clases a su html para implicar un estilo similar: su porcentaje de ancho, alineación, estado bloqueado, etc. Estas son construcciones comunes que facilitan la creación de un sitio web receptivo. .

Sin embargo, cada empresa querrá un estilo de marca único. Creo que la mayoría de las empresas que invierten en su propio sitio web no querrán que se vea igual que el de otra persona. Eso incluye los volantes, las transiciones, la cuadratura, las mismas animaciones, los fadin / fadeouts similares.

Esto significa que siempre tendrá que escribir css personalizado sobre los complementos anteriores. El grado de parcheo, reparación y personalización termina agregando tanta hinchazón como si hubiera escrito mal todo el CSS. Esto puede hacer que el CSS se desordene, sea difícil de mantener y cueste más a tiempo para los estilistas.

Creo que la solución ideal es usar los conceptos que se vuelven fáciles de entender, como un patrón de cuadrícula, estados, alineación, etc., pero siempre escriba su propio CSS.

Para el beneficio de todos los CEOS, directores y personas que desean que su sitio web tenga un cierto “aspecto” – ¡INVIERTA EN ALGUIEN QUE PUEDE ESCRIBIR CSS! Ningún complemento le dará esta flexibilidad.

¿Por qué no usar tanto bootstrap como material angular con AngularJS? Puede usar bootstrap para el diseño y usar material solo, por ejemplo, para esos geniales efectos de ondulación de tinta con botones o simplemente algunos controles como interruptores, marcos blancos …

Bootstrap y AngularJS son marcos frontend pero diferentes en lo que ambos hacen. Bootstrap hace que su sitio responda, proporcione un aspecto predeterminado para sus páginas y, mediante el uso de complementos, también puede tener otras características.

AngularJS ayuda a desarrollar aplicaciones de Internet enriquecidas y aplicaciones de una sola página mediante el uso de MVC y directivas.

No puede usar AngularJS como marco de diseño si por diseño quiere decir apariencia. Para eso está destinado el bootstrap.
Sin embargo, puede usar ambos, pero le aconsejo que use solo el aspecto CSS de bootstrap, ya que esto le brinda la mayor parte de lo que necesita y usa AngularJS para crear aplicaciones web ricas.

Soy un gran admirador de los componentes de Diseño de materiales para Angular (Material angular). Me parece que me permiten ser extremadamente expresivo en términos de mi diseño y funcionalidad sin forzar una apariencia particular sobre mí. Parte de eso se debe al uso de Flexbox, que hace que los diseños complejos sean realmente fáciles. Como ya no participo principalmente en el desarrollo front-end, sea lo que sea que eso signifique esta semana, lidiar con flotadores y borradores y todas esas tonterías en varios navegadores no es algo que tenga tiempo o paciencia para hacer. Pero todavía necesito obtener algo que se vea moderadamente bueno, así que no tengo que decir “simplemente ignore cómo se ve”, porque nadie lo hace nunca.

Puede usar Boostrap para el CSS y JavaScript gratuitos, creados por expertos. Le permite crear sitios con un aspecto agradable y moderno. También permite animaciones de desplazamiento y menús desplegables.
Angular es un marco para las cosas sucias, no el agradable CSS y JavaScript. Es un marco para aplicaciones web, no un marco de diseño. Por lo tanto, sería mejor usar bootstrap a menos que necesite crear una aplicación web.

Probablemente ya no sea relevante para usted, pero en caso de que alguien necesite esta respuesta. Esto es a partir de marzo de 2015.

El material angular es una alternativa al bootstrap como marco de diseño receptivo, ya que ambos definen un aspecto general para su aplicación.

Hay 2 bibliotecas de arranque principales para angular: ui-bootstrap y angular-strap.

Para el diseño de materiales también hay 2 bibliotecas líderes: material angular (núcleo del equipo de google) y lumx.

El material angular ahora se acerca a su 1.0 y proporciona un conjunto de características bastante rico. Sin embargo, todavía faltan elementos.

Entonces, ¿material vs bootstrap?

– el material usa flexbox (display: flex) frente al bootstrap estándar (display: inline, block, inline-block), que es mucho más fácil de entender y usar, especialmente en la forma en que el material lo envuelve.

– las especificaciones de diseño del material contienen movimientos que se implementan en diseño angular (en varios niveles, por ejemplo, el efecto de ondulación de tinta está incorporado. Transiciones aún no).

– Diseño z: el material tiene soporte para sombras de nivel z construidas en las que no existe en bootstrap.

El material parece ganar una gran aceptación en todo el mundo como pautas generales de diseño. A partir de hoy, bootstrap se usa más comúnmente, pero el futuro parece con material (opinión personal …).

Para obtener más información se recopila Angular Material Tutorial.

Probablemente ya no sea relevante para usted, pero en caso de que alguien necesite esta respuesta. Esto es a partir de marzo de 2015.

El material angular es una alternativa al bootstrap como marco de diseño receptivo, ya que ambos definen un aspecto general para su aplicación.

Hay 2 bibliotecas de arranque principales para angular: ui-bootstrap y angular-strap.

Para el diseño de materiales también hay 2 bibliotecas líderes: material angular (núcleo del equipo de google) y lumx.

El material angular ahora se acerca a su 1.0 y proporciona un conjunto de características bastante rico. Sin embargo, todavía faltan elementos.

Entonces, ¿material vs bootstrap?

– el material usa flexbox (display: flex) frente al bootstrap estándar (display: inline, block, inline-block), que es mucho más fácil de entender y usar, especialmente en la forma en que el material lo envuelve.

– las especificaciones de diseño del material contienen movimientos que se implementan en diseño angular (en varios niveles, por ejemplo, el efecto de ondulación de tinta está incorporado. Transiciones aún no).

– Diseño z: el material tiene soporte para sombras de nivel z construidas en las que no existe en bootstrap.

El material parece ganar una gran aceptación en todo el mundo como pautas generales de diseño. A partir de hoy, el bootstrap se usa más comúnmente, pero el futuro parece con material (opinión personal …).

La información clara sobre este enlace Tutorial de material angular.

Puedes probar Material Design para Bootstrap; Implementa el diseño de materiales como un tema de arranque.

La pregunta es sobre el diseño de materiales, no angular en sí mismo. La respuesta es, sí, pero esperaría.

Diseño de materiales

More Interesting

Si hago una aplicación web en Angular2 que se ejecuta en AWS (S3, DynamoDB), ¿todavía necesito hacer alguna programación del lado del servidor (como Play o PHP o Python)?

¿Cuál debería ser mi próximo paso lógico después de crear pantallas de maquetas para mi aplicación?

¿Dónde puedo encontrar los mejores servicios de desarrollo web?

¿Cuál es la mejor manera de hacer que las aplicaciones web se muestren de la misma manera en todos los navegadores?

¿Qué es una aplicación web en tiempo real?

Si tengo una base de datos con millones de entradas y quiero encontrar elementos similares por título, ¿cuál debo elegir: MongoDB, Elasticsearch, MySQL, PostgreSQL u otro?

¿Cómo es posible usar Hadoop o Apache Spark en mi aplicación web?

¿Cuáles son los factores que afectan el rendimiento de una aplicación web?

Así que pasé algún tiempo aprendiendo JavaScript y construí algunas aplicaciones web básicas de tjs de nodo (basadas en express). ¿Cómo haría para escribir una aplicación de escritorio con este conocimiento? ¿Debería analizar cosas como electron.js?

¿Qué tan relevante es CodeWars en el desarrollo web?

¿Necesito aprender HTML CSS y JavaScript para crear una aplicación web?

Cómo minimizar la carga sobre un programador que contrato y ahorrar dinero

¿Qué herramienta en línea puedo usar para descubrir cómo mejorar la usabilidad de mi página de inicio?

¿Hay alguna aplicación de informes disponible en la web?

¿Qué tan importante es enviar encabezados de tipo contenido a través de HTTP? (¿HubSpot es correcto o está lleno?)