Abo
  • Services:
Anzeige
Todo-App auf Basis von Dart und Web UI
Todo-App auf Basis von Dart und Web UI (Bild: Google)

Web Components: UI-Bibliothek für Googles Dart

Todo-App auf Basis von Dart und Web UI
Todo-App auf Basis von Dart und Web UI (Bild: Google)

Google hat mit Web UI eine User-Interface-Bibliothek für seine Javascript-Alternative Dart veröffentlicht. Web UI nutzt Web Components, mit denen sich eigene HTML-Tags definieren und mit Inhalten versehen lassen, so dass sie wie Bausteine verwendet werden können.

Web UI soll die Entwicklung mittlerer und großer Web-Apps vereinfachen. Die für Googles Programmiersprache Dart entwickelte Bibliothek unterstützt dazu dynamische Templates und Web Components.

Templates funktionieren in Web UI ähnlich wie bei Mustache mit doppelten geschweiften Klammern. Damit lassen sich Inhalte, Attribute und Klassen in CSS mit Platzhaltern versehen, die gegebenenfalls nur dann angezeigt werden, wenn bestimmte Bedingungen erfüllt sind. Auch Schleifen werden unterstützt. Zudem lassen sich UI-Elemente mit Dart-Variablen verknüpfen, so dass die beiden Werte synchronisiert werden, wenn sich die Variable oder der Wert des UI-Elements ändert, beispielsweise durch eine Nutzereingabe.

Anzeige

Darüber hinaus hat Google in Web UI sein Web-Komponenten-Konzept umgesetzt, das Google im Mai bereits als W3C-Entwurf für Web Components veröffentlicht hat. Damit lassen sich Elemente in einer Seite in einem neuen Tag zusammenfassen, das im Code wiederverwendet werden kann. Das umfasst den dazu in einem Template gekapselten HTML-Code ebenso wie den dafür notwendigen CSS-Code und die zugehörige Script-Logik.

Eine Übersicht der Funktionen von Web UI hat Google unter dartlang.org samt passenden Beispielen zusammengestellt. Allerdings handelt es sich bei der jetzt veröffentlichten Version von Web UI um eine frühere Version. Diese enthält aber auch einen Compiler, der den Dart- und Web-UI-Code umwandelt, so dass er in jedem modernen Browser funktioniert.

Auch eine kleine Todo-App, die mit Dart und Web UI umgesetzt wurde, stellt Google zur Verfügung. Sie kann unter dart-lang.github.com ausprobiert werden.


eye home zur Startseite
kitingChris 19. Dez 2012

Konkurrenz zur Wunderlist? SCNR



Anzeige

Stellenmarkt
  1. LogControl GmbH, Karlsruhe und Pforzheim
  2. Robert Bosch GmbH, Schwieberdingen
  3. über Robert Half Technology, Raum Krefeld
  4. Dr. Oetker Tiefkühlprodukte KG, Wittlich


Anzeige
Spiele-Angebote
  1. 54,85€
  2. 44,99€

Folgen Sie uns
       


  1. Apple

    iPhone-Event findet am 7. September 2016 statt

  2. Fitbit

    Ausatmen mit dem Charge 2

  3. Sony

    Playstation 4 Slim bietet 5-GHz-WLAN

  4. Exploits

    Treiber der Android-Hersteller verursachen Kernel-Lücken

  5. Nike+

    Social-Media-Wirrwarr statt "Just do it"

  6. OxygenOS vs. Cyanogenmod im Test

    Ein Oneplus Three, zwei Systeme

  7. ProSiebenSat.1

    Sechs neue Apps mit kostenlosem Live-Streaming

  8. Raumfahrt

    Juno überfliegt Jupiter in geringer Distanz

  9. Epic Loot

    Ubisoft schließt sechs größere Free-to-Play-Spiele

  10. Smart Home

    Philips-Hue-Bewegungsmelder und neue Leuchten angekündigt



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Avegant Glyph aufgesetzt: Echtes Kopfkino
Avegant Glyph aufgesetzt
Echtes Kopfkino

Next Gen Memory: So soll der Speicher der nahen Zukunft aussehen
Next Gen Memory
So soll der Speicher der nahen Zukunft aussehen
  1. Arbeitsspeicher DDR5 nähert sich langsam der Marktreife
  2. SK Hynix HBM2-Stacks mit 4 GByte ab dem dritten Quartal verfügbar
  3. Arbeitsspeicher Crucial liefert erste NVDIMMs mit DDR4 aus

Wiper Blitz 2.0 im Test: Kein spießiges Rasenmähen mehr am Samstag (Teil 2)
Wiper Blitz 2.0 im Test
Kein spießiges Rasenmähen mehr am Samstag (Teil 2)
  1. Softrobotik Oktopus-Roboter wird mit Gas angetrieben
  2. Warenzustellung Schweizer Post testet autonome Lieferroboter
  3. Lockheed Martin Roboter Spider repariert Luftschiffe

  1. Re: Mit eingeschaltetem Hirn ist die Suite ganz gut

    dura | 02:26

  2. Re: Das war's dann mit Adblock-Nutzung

    ClausWARE | 02:09

  3. Re: Wer gegen F2P-Games und InGame-Käufe ist, ...

    jacki | 02:06

  4. Re: Darf Russland den Dotcom auch verhaften?

    piratentölpel | 01:40

  5. Re: Kodi Plugin..

    korona | 01:02


  1. 22:34

  2. 18:16

  3. 16:26

  4. 14:08

  5. 12:30

  6. 12:02

  7. 12:00

  8. 11:39


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel