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. HAMBURG SÜD Schifffahrtsgruppe, Hamburg
  2. TUI Group, Hannover
  3. Bosch Service Solutions Magdeburg GmbH, Berlin
  4. Leadec Management Central Europe BV & Co. KG, Stuttgart


Anzeige
Top-Angebote
  1. 219,90€ + 7,98€ Versand (Vergleichspreis 269€)
  2. ab 179,99€

Folgen Sie uns
       


  1. Trekstor

    Kompakte Convertibles kosten ab 350 Euro

  2. Apple

    4K-Filme in iTunes laufen nur auf neuem Apple TV

  3. Bundesgerichtshof

    Keine Urheberrechtsverletzung bei Bildersuche

  4. FedEX

    TNT verliert durch NotPetya 300 Millionen US-Dollar

  5. Arbeit aufgenommen

    Deutsches Internet-Institut nach Weizenbaum benannt

  6. Archer CR700v

    Kabelrouter von TP-Link doch nicht komplett abgesagt

  7. QC35 II

    Bose bringt Kopfhörer mit eingebautem Google Assistant

  8. Nach "Judenhasser"-Eklat

    Facebook erlaubt wieder gezielte Werbung an Berufsgruppen

  9. Tuxedo

    Linux-Notebook läuft bis zu 20 Stunden

  10. Umfrage

    88 Prozent wollen bezahlbaren Breitbandanschluss



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
E-Paper-Tablet im Test: Mit Remarkable machen digitale Notizen Spaß
E-Paper-Tablet im Test
Mit Remarkable machen digitale Notizen Spaß
  1. Smartphone Yotaphone 3 kommt mit großem E-Paper-Display
  2. Display E-Ink-Hülle für das iPhone 7

Parkplatz-Erkennung: Bosch und Siemens scheitern mit Pilotprojekten
Parkplatz-Erkennung
Bosch und Siemens scheitern mit Pilotprojekten
  1. Community based Parking Mercedes S-Klasse liefert Daten für Boschs Parkplatzsuche

Optionsbleed: Apache-Webserver blutet
Optionsbleed
Apache-Webserver blutet
  1. Apache-Sicherheitslücke Optionsbleed bereits 2014 entdeckt und übersehen
  2. Open Source Projekt Oracle will Java EE abgeben

  1. Re: Habe es immer noch nicht ganz verstanden

    Microwave2000 | 18:02

  2. Re: "Tesla hat vor einigen Jahren ausgerechnet...

    FlorianP | 18:00

  3. Re: Ja? Wieso funktioniert dann mein Edge und die...

    elf | 17:51

  4. Re: MS-DOS 6.22

    Test_The_Rest | 17:50

  5. Re: History repeats itself

    George99 | 17:49


  1. 17:49

  2. 17:39

  3. 17:16

  4. 17:11

  5. 16:49

  6. 16:17

  7. 16:01

  8. 15:37


  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