de.hideout-lastation.com
Paradies Für Designer Und Entwickler


5 AngularJS Frameworks, um Apps schnell einsatzbereit zu machen

Jetzt, wo Sie mit den Grundlagen vertraut sind, ist es an der Zeit, mit AngularJS eine eigene Webanwendung zu entwickeln . AngularJS hat das Erstellen einer JavaScript-basierten App intuitiver gemacht, indem man sogenannte Direktiven verwendet, die Hand in Hand mit Ihren HTML-Markups arbeiten.

Wenn Sie eine Webanwendung vom Boden aus erstellen, erscheint Ihnen das überwältigend, keine Sorge. Einige sehr großzügige Entwickler haben einige Frontend-Frameworks angepasst, um AngularJS zu unterstützen . Sie sind wie ein typisches Framework mit vorgefertigten Web-Komponenten ausgestattet. Dies macht die Verwendung des Frameworks zum perfekten Werkzeug für alle, die eine Web-Anwendung schnell zum Laufen bringen müssen.

Hier sind 5 Frameworks, mit denen Sie eine webbasierte Anwendung mit AngularJS starten können.

1. AngularUI Bootstrap

AngularUI Bootstrap basiert, wie der Name schon sagt, auf einem der beliebtesten Front-End-Frameworks, Bootstrap. Dieses Framework enthält eine Reihe von Bootstrap-Komponenten wie Carousel, Alert und Collapse sowie einige Zusätze wie Rating und TimePicker.

Alle diese Komponenten wurden portiert, um AngularJS-Direktiven ( ng-repeat und ng-controller ) und benutzerdefinierte HTML-Elemente zu verwenden. Zum Beispiel, anstatt a

Um das Karussell zu umhüllen, können Sie ein "sinnvolleres" benutzerdefiniertes Element verwenden, und :

2. Eckige Foundation

Ein weiteres beliebtes Framework, das ebenfalls auf AngularJS portiert wurde, ist Foundation, und es wird einfach "Angular Foundation" genannt.

In ähnlicher Weise hat dieses Framework Foundation-Komponenten modifiziert, um AngularJS's Direktive und benutzerdefinierte HTML-Elemente zu übernehmen, so dass Sie nun Ihre Web-Anwendung mit mehr semantisch benannten HTML-Elementen erstellen können , , und eher als das Mehrdeutige

. Hier ist ein Beispiel, wie wir eine Alert-Komponente mit dem hinzufügen Element:

{{alert.msg}}

Wenn Sie Foundation besser als Bootstrap mögen, dann ist dies der richtige Rahmen für Sie. Laden Sie Angular Foundation auf dieser Seite herunter oder bleiben Sie über das Github-Repo auf dem Laufenden über die Projektentwicklung.

3. Ionische Rahmen

Ionic enthält eine Handvoll fester Bausteine, mit denen sich mobile Anwendungen einfach und schnell entwickeln lassen. Jede Komponente im Ionic-Framework ist für das mobile Erlebnis optimiert, das im Wesentlichen von Berührung und Gesten abhängig ist. Diese UI-Komponenten bestehen ebenfalls aus benutzerdefinierten HTML-Elementen. Wenn Sie beispielsweise eine Navigation mit Registerkarten verwenden, verwenden Sie die :

Um die Erstellung Ihrer Anwendung noch einfacher und schneller zu machen, können Sie Ionic Creator verwenden, mit dem Sie Ihre App per Drag-and-Drop erstellen können. Wenn Leistung und Geschwindigkeit für Sie wichtig sind, ist Ionic der beste Rahmen dafür.

4. Mobile eckige Benutzeroberfläche

Mobile Angular UI ist ein mobiles UI-Framework, das eine Erweiterung des Bootstrap-Frameworks zum Erstellen mobiler Anwendungen darstellt. Es verwendet die meisten Bootstrap 3-Syntaxen mit einigen zusätzlichen mobilen Komponenten wie Switches, Overlays, Sidebars und scrollbaren Bereichen. Es ist nur von AngularJS abhängig und Sie können Ihre aktuelle Web-App einfach in die mobile Version integrieren, indem Sie CSS bereitstellen, um Ihren Content reaktionsfähig und touchfähig zu machen.

Laden Sie dieses Framework hier herunter

5. UI-Gitter

UI Grid ist die beste Möglichkeit, ein Raster oder eine Tabelle mit Angular zu bearbeiten. Es verfügt über umfangreiche Funktionen zum Anzeigen von einfachen und auch komplexen und großen Datensätzen in einem Raster. UI Grid wurde entwickelt, um komplexe Features nur bei Bedarf auszuführen, wodurch der Kern klein bleibt. Mit UI Grid können Sie Zellen an komplexe Eigenschaften / Funktionen binden, Spalten sortieren und filtern, Daten vor Ort bearbeiten und vieles mehr. Verwenden Sie Customizer, um die Stile Ihrer Datenrasteranzeige zu ändern.

Holen Sie sich das neueste UI Grid von seiner Homepage.

20 Super Zubehör für Ihr neues MacBook

20 Super Zubehör für Ihr neues MacBook

Wir sind weniger als zwei Monate zu Weihnachten und der Weihnachtssaison und um unsere jährlichen Einkaufswunschlisten zu starten, hier sind ein paar Macbook Zubehör, die Sie selbst oder für den Apple Fan in Ihrer Familie bekommen können.In dieser Sammlung werde ich 20 MacBook Zubehörteile mit Ihnen teilen, die helfen können, Ihr Macbook sicher, stilvoll und organisiert zu halten. Sie

(Tech- und Design-Tipps)

11 Raspberry Pi OS für das tägliche Computing - Best of

11 Raspberry Pi OS für das tägliche Computing - Best of

Sie haben wahrscheinlich unsere Zusammenstellung von tollen Dingen gesehen, die Sie mit einem Raspberry Pi bauen und benutzen können. Auch wenn Sie kein Fan sind (in diesem Fall sind hier Alternativen), können Sie die Möglichkeiten nicht ignorieren, die diese kleine, aber einfallsreiche Single-Platine bietet. A

(Tech- und Design-Tipps)