logo

Tutorial zu Winkelmaterialien

Eckiges Material ist eine 2014 von Google entwickelte UI-Bibliothekskomponente. Sie wurde speziell für AngularJS-Entwickler entwickelt. Es hilft, die Anwendung strukturiert zu gestalten. Seine Komponenten helfen dabei, attraktive, konsistente und funktionale Webseiten und Webanwendungen zu erstellen. Es wird verwendet, um eine reaktionsfähige und schnellere Website zu erstellen.

Tutorial zu Winkelmaterialien

Es zieht Benutzer an und bietet Zugriff auf die in unserer Anwendung vorhandenen Elemente oder Komponenten. Es hilft auch dabei, unsere Anwendungen mit einzigartigen Stilen und Formen zu gestalten.

Diese Komponenten machen die Anwendung oder Website besser konsistent und reaktionsschnelles Design. Es verbindet die klassischen Prinzipien erfolgreichen Designs mit Innovation und Technologie.

Google hat Angular Material im Jahr 2014 entwickelt. Damals wurde es mit getaggt AngularJS um die Anwendungen attraktiver und schneller zu machen. Google hat den Code noch einmal von Grund auf neu geschrieben und entfernt JS und nannte es dann im September Angular Material 2016. UI/UX Komponenten werden als Winkelmaterialien bezeichnet.

Bash-Split-String durch Trennzeichen

Merkmale von eckigem Material

  • Es handelt sich um ein integriertes responsives Design.
  • Angular Material verfügt über Standard-CSS.
  • Die neue Version der UI-Komponenten Schaltflächen, Kontrollkästchen , Und Textfelder wird verwendet, um Angular Material Design-Konzepten zu folgen.
  • Es verfügt über spezielle Funktionen wie Karten, Symbolleiste, Kurzwahl, seitliche Navigation, Wischen, seitliche Navigation , und mehr.
  • Es handelt sich um einen plattformübergreifenden Browser, der zum Erstellen von Webkomponenten verwendet wird.

Sich anpassendes Design

  • Angular Material verfügt über ein responsives Design, sodass die Website in jede Größe passt.
  • Die von Material erstellten Websites sind kompatibel mit Android, iPhone, Tablets , Und Laptops .

Erweiterbar

  • Es ist einfach, neue hinzuzufügen CSS Regeln, um die vorhandenen zu überschreiben CSS
  • Es unterstützt Schatten und Farben.
  • Die Farben und Schattierungen sind bei Angular Material einheitlich.
  • Angular Material kann kostenlos verwendet werden.

Gute Qualität

  • Angular Material-Komponenten sind für jedermann zugänglich. Es wird mit vielen Parametern getestet, um die Leistung und Zuverlässigkeit der Anwendung sicherzustellen.
  • Es verfügt über unkomplizierte APIs mit konsistentem plattformübergreifendem Verhalten.

Vielseitig

  • Es bietet Tools, die Entwicklern helfen, ihre benutzerdefinierten Komponenten mit gemeinsamen Mustern zu erstellen.
  • Es ist im Rahmen anpassbar.

Reibungslos

  • Es wurde vom Angular-Team so entwickelt, dass es sich perfekt integrieren lässt.
  • Wir können Angular Material verwenden, um eine neue Anwendung von Grund auf oder in einer vorhandenen Anwendung zu entwerfen.

AngularJS vs. Angular

Die Angular Material-Bibliothek ist ein stabiles Produkt, das sofort einsatzbereit ist. Das sollten Entwickler beachten AngularJS-Material funktioniert mit AngularJS 1.x . AngularJS 1.x ist jetzt drin Langfristiger Support (LTS) Modus.

Das Angular Material and Component Dev Kit ( CDK ) Bibliotheken ( für Angular v2+ ) finden Sie in der Winkelkomponenten GitHub-Repository.
Aktuelle Entwicklungsbemühungen stehen im Fokus Zugänglichkeit, Leistung, kleinere Verbesserungen Und Fehlerbehebung .

Das neueste Materialdesign

Das neueste Update von Material Design wurde im Mai bei Google angekündigt. 2018 .

Langzeitunterstützung

AngularJS-Material ist in das eingegangen Langzeitunterstützung (LTS) Zeitraum, der am endet 31. Dezember 2021 . Das Datum stimmt mit AngularJS überein LTS Zeitraum.

Dann konzentrieren wir uns darauf, den Fehler zu beheben 1.2.x Zweigstelle der Bibliothek, die mindestens eines der unten aufgeführten Kriterien erfüllt:

  • Wir erhalten oder entdecken einen verifizierten Bericht über Sicherheitslücken.
  • Ein Browser veröffentlicht eine Version, die die Funktion aktueller Produktionsanwendungen verhindert.
  • Die jQuery-Bibliothek veröffentlicht eine Version, die verhindert, dass aktuelle Produktionsanwendungen funktionieren.

AngularJS-Material 1.1.x erhalten eine neue Version, wenn wir eine neue Sicherheitslücke feststellen.

Browser-Unterstützung

AngularJS Material unterstützt im Allgemeinen Browser, die in diese Kategorien fallen:

  • Mehr als 0,5 % weltweite Nutzung
  • Die letzten beiden Hauptversionen der Evergreen-Browser
  • Firefox ESR
  • Gilt nicht als „tote“ Browser

Voraussetzungen

Bevor Sie mit dem Tutorial fortfahren, müssen Sie über Grundkenntnisse verfügen Angular JS, HTML, CSS, JavaScript, Und Dokumentobjektmodell (DOM) . Außerdem ist es hilfreich, wenn Sie die Funktionsweise webbasierter Anwendungen sehen.

Java in Scheiben schneiden

Publikum

Dieses Tutorial eignet sich sowohl für Anfänger als auch für Profis, die die Grundlagen von Angular Material erlernen und responsive Websites mit ansprechenden Komponenten erstellen möchten. Das Tutorial erklärt die Hauptkonzepte von Angular Material.

Problem

Wir versichern, dass Sie in diesem Java-Tutorial keine Probleme finden werden. Sollte sich jedoch ein Fehler einschleichen, posten Sie das Problem bitte im Kontaktformular.