AngularDart Part 1 -- eine erste Annäherung

Unser Blog befasst sich ja offensichtlich mit Flutter und der Programmiersprache Dart, die dem SDK zu Grunde liegt. Mit zu dieser "Familie" gehört aber auch AngularDart. (zum zweiten Teil dieser kleinen Serie geht es hier lang !)

Was ist Angular ?


Für mich als absoluten Anfänger ist das natürlich die nächste Frage. Die Antwort ist im ersten Moment kurz: Angular ist ein Webframework. Natürlich liegt hier die Würze nicht in der Kürze und es ist stark zu empfehlen sich mit den Begriffen rund um Angular vertraut zu machen. Oberflächlich betrachtet sind moderne Websiten eine Mischung aus HTML und diversen Webtechnologien. Webtechnologien können unterschiedliche Programmiersprachen oder Konzepte als Grundlage haben. Dominierend sind Javascript und auf dieser Programmiersprache aufbauende Varianten. Es kann relativ aufwendig sein, sich hier einen kompletten Überblick zu verschaffen. Selbstverständlich haben diese Technologien das Ziel Mehrwert für den User zu schaffen. Webframework's wiederum sollen es dem professionellen Webentwickler einfacher machen, seine Projekte schnell um zu setzen.
Einige Mittel  dazu sind Templates (Vorlagen, Schablonen), die Trennung von Präsentation und Code, und ein generell modularer Aufbau. Wenn wir Angular aus historischer Perspektive betrachten, können wir mit AngularJS beginnen. Wie Dart auch, kommt AngularJS aus dem Hause Google, wird aber nicht mehr weiter entwickelt (mit Ausnahme von Patches die verhindern sollen, das bestehende Anwendungen auf Grunde von Sicherheitsproblemen oder Änderungen bei wichtigen Komponenten, nicht mehr funktionieren).
AngularJS wurde zu Angular2 und seit dem weiterentwickelt bis zur aktuellen Version Angular7.

Was ist AngularDart ?


Man ahnt es schon, AngularDart, ist die Dart Version von Angular. Da ich noch keine Erfahrung mit Angular habe, kann ich jetzt nicht über Unterschiede schreiben, oder Vorteile / Nachteile in einem Vergleich.

Ein guter Startpunkt für das erlernen von AngularDart dürfte natürlich der Lernweg auf der Homepage sein, aber auch die relativ wenigen weiteren Infos die im Netz erhältlich sind. Mein Ziel ist es mehr über AngularDart zu lernen.Meine Erkenntnisse dabei werde ich in diesem Blog posten. Im nächsten Post wenden wir uns der Architektur von AngularDart zu. Bis bald !
Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Material Design in Flutter Teil 2

Bild
Im ersten Teil des Posts zu diesem Thema, haben wir ein kleines Programm geschrieben, das einige "Material Design Elemente" von Flutter auf den Bildschirm (Emulator) bringt. Im zweiten Teil des Posts gehen wir nun ein wenig mehr auf die Möglichkeiten ein, die Material Design bietet. Farben Wer in seinem Flutter Projekt Farben direkt definieren will, kann diese als ARGB werte festlegen. Hier ein Beispiel: 0xff42f4dc Die obige Zeichenkette beginnt mit 0x und definiert, das die Zeichenkette als Hexadezimal Wert zu verstehen ist. ff , ist der Wert für den Alpha Kanal der Farbe. Dieser legt die Transparenz der Farbe fest. In diesem Beispiel ist der Wert 255 , was nichts anderes heißt, als das die Farbe zu 100% sichtbar ist. Geringere Werte lassen die Hintergrundfarbe durchscheinen bzw mischen "unsere" Farbe mit der Hintergrundfarbe. 42 legt den Rotanteil fest, f4 den Grünanteil, dc , den Blauanteil fest. Kompakt: 0x = es handelt sich um eine Hex...
Mehr anzeigen

Dart Basic: Listen Part 1

Bild
In diesem Post wenden wir uns einem Basiselement fast jeder Programmiersprache zu, der Liste. Als Laie könnte man meinen, okay ein einfaches Thema, aber wen man genau hinschaut, ist es vielfältiger, als man denken möchte. Eine Liste kann nicht wachsen ? Es gibt Situationen, da wissen wir im Vorfeld schon, wie groß eine Liste sein wird.  Die Liste deiner Freunde zum Beispiel oder eine Liste deiner Familie. Der Anfang ist einfach. Wir haben eine Variable, meineKleineListe , diese ist vom Typ List<String> . Ihr weisen wir anschließend mit new List(5)  ein neues Listen Objekt zu . Unsere Variable meineKleineListe kann nun als Liste angesprochen werden und hat genau...wir sind verwundert..Platz für 5 Einträge. Kommen wir aber noch kurz zum Titel dieses Abschnitts, von wegen wachsen. Da wir mit new List(5 ) explizit festgelegt haben, das die Liste 5 Einträge haben soll, wird sich unsere Entwicklungsumgebung mit einem Fehler zu Worte melden, sollten wir versuchen ei...
Mehr anzeigen

Listen in Dart (2021): Part 1 List.filled List.empty und List.add

Bild
  Vor langer Zeit hatte ich in diesem Blogg schon einmal das Thema Listen aufgegriffen. Im ersten Post dazu, anhand eines einfachen Beispiels. Anschliessend war die Iterable Klasse ein Thema, welche mit der List Klasse einen engen Bezug hat. Abschließend wurde das Thema dann noch in einem zweiten Post vertieft. Wie oben geschrieben war das vor langer Zeit und es macht Sinn das Thema noch einmal aufzugreifen und sei es nur um das Wissen dazu aufzufrischen. Alle Code Beispiele wurden mit Dart 2.13, Null safety aktiviert, getestet . 2 Sorten von Listen Dart stellt zwei Arten von Listen zur Verfügung: eine mit fixer Grösse und eine die "wachsen" kann. Im Code oben sehen Sie zwei Versionen, wie Sie eine Liste definieren können. Wichtig dabei ist, das Sie die leere Liste erst dann über den Index ansprechen können, wenn Sie mindestens einen Eintrag hinzugefügt haben !  Im Vergleich zu früheren Dart Versionen hat sich das erstellen einer Liste mit fixer Länge geändert. Akt...
Mehr anzeigen