124

Mam zamiar rozpocząć nowy projekt przy użyciu AngularJS (pełny stos). Mój projekt musi być responsywny i będę tworzyć szablony od zera.Wybieranie programu startowego a projektowania materiału

Potrzebuję więc porady, czy wybrać bootstrap 3 (z dyrektywami kątowymi), czy też materiałowy układ dla układów?

Byłbym bardzo wdzięczny, gdyby ktoś mógł wymienić zalety & przeciw obu.

+5

https://github.com/FezVrasta/bootstrap-material-design – cvrebert

+1

bootstrap ma potężny społeczności tyłu. Jego system siatki ma więcej funkcji. Materialny projekt dyktuje sposób, w jaki rozwijasz ui i style. Ma nowoczesne elementy interfejsu użytkownika. Więcej informacji można znaleźć tutaj http://tutorialzine.com/2015/07/comparing-bootstrap-with-mdl –

+1

, jeśli konieczne jest wsparcie dla IE8/9, wówczas projekt materiałów nie będzie działał, ponieważ wykorzystuje układ siatki Flexbox. Chciałbym pójść nawet TERAZ z kątowym ui bootstrap, ponieważ jest znacznie bardziej dojrzały niż materialny projekt, który ma wiele błędów ... – Pascal

Odpowiedz

119

O ile wiem, wszystkie wymienione technologie można wykorzystać osobno lub łącznie. To zależy od Ciebie. Myślę, że patrzysz na problem pod niewłaściwym kątem. Material Design to sposób w jaki poszczególne elementy strony są projektowane, zachowywane i składane. Material Design zapewnia świetny interfejs użytkownika/UX, ale opiera się na układzie graficznym (HTML/CSS), a nie na JS (zdarzenia, interakcje).

Z drugiej strony AngularJS i Bootstrap to front-endowe struktury, które mogą przyspieszyć twój rozwój, oszczędzając ci pisania ton kodu. Na przykład możesz zbudować aplikację internetową wykorzystującą AngularJS, ale bez Material Design. Lub Możesz zbudować prostą stronę HTML5 z Material Design bez AngularJS lub Bootstrap. Na koniec możesz zbudować aplikację internetową wykorzystującą AngularJS z Bootstrap i z Material Design. To najlepszy scenariusz. Wszystkie technologie wspierają się nawzajem.

  1. Bootstrap = reaguje strona
  2. angularjs = MVC
  3. Material Design = wielki UI/UX

Można sprawdzić niesamowite elementy konstrukcyjne materiałowe dla angularjs:

https://material.angularjs.org


enter image description here

Demo:https://material.angularjs.org/latest/demo/ enter image description here

+4

Może to być również przydatna strona: http://www.materialup.com/resources, która zawiera przegląd ram Material Design, w tym. https: //fezvrasta.gitub.io/bootstrap-material-design/ –

+0

Dzięki za komentarze Mike :) – Asik

+2

@MathiasConradt pierwszy URL już nie istnieje. Chyba chodziło Ci o http://www.materialup.com/posts/c/resources –