Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » (Kostenlose) Services » WebComponents.org: Alles über die Zukunft des Web an einer Stelle

WebComponents.org: Alles über die Zukunft des Web an einer Stelle

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 3 Minuten
  • von Dieter Petereit
  • 22. Mai 2014
Bookmarke mich
Share on pocket

Web Components,ja. Darüber sprechen wir seit Jahren. 2012 mutmaßten wir in einigen Beiträgen die bevorstehende Standardisierung. Tatsächlich ist es auch heute am Tag noch nicht so weit. Es gibt allerdings etliche vielversprechende Ansätze und technische Lösungen. Und anstatt den Entwicklern da draußen weiterhin zuzumuten, sich ihre Informationen an allen Ecken und Enden des Web zusammensuchen zu müssen, entschieden sich einige maßgebliche Mitglieder der Web Components Community, darunter Mitarbeiter von Google und Mozilla, eine zentrale Plattform zu schaffen. Diese zentrale Plattform sollte Grundlagen und Best Practices an einer Stelle zugänglich machen. Jetzt gibt es sie und sie hört auf den Namen WebComponents.Org.

why-we-created-webcomponentsorg

Warum Web Components die Zukunft des Web sind

Sie haben von Web Components noch nichts gehört oder inzwischen schon wieder vergessen, worum es dabei geht? Kein Problem, wir schicken eine ganz kurze Einführung vorweg.

Die Idee der Web Components erwuchs aus der Problematik, auf Websites wirklich echte Anwendungslogik zur Ausführung bringen zu wollen. Solange ein Entwickler die volle Hoheit über das hat, was auf einer Website passiert, ist das mit JavaScript schon länger möglich. Wenn aber mehrere Anwendungshappen, z.B. in Form von Widgets unterschiedlicher Entwickler funktionieren sollen, wird es schwierig.

Denn bislang lässt sich eine Website nicht aus voneinander völlig unabhängigen Modulen zusammenbauen, zumindest nicht ohne das Risiko, dass sich die verschiedenen Codeteile gegenseitig ins Gehege kommen.

So sehen die wichtigsten Bestandteile des Arbeitspapiers zu Web Components die Einführung von HTML Imports, Custom Elements und des Shadow DOM vor. HTML Imports erlauben die Einbindung externen HTMLs, etwa im Header. Custom Elements erlauben die Erstellung eigener Tags in der gleichen Systematik wie native HTML Elemente und das Shadow DOM sorgt dafür, dass Anwendungsbereiche nicht über das DOM sichtbar in den Zugriff genommen werden können.

Um die wichtigsten Teile der geplanten Spezifikation bereits zum jetzigen Zeitpunkt in Betrieb nehmen zu können, entwickelten Teams der den Browsermarkt dominierenden Hersteller Google und Mozilla eigene Lösungen. Die bekanntesten dürften X-Tags von Mozilla und Polymer von Google sein. Beide konzentrieren sich auf Custom Elements.

X-Tags haben wir Ihnen bei Dr. Web bereits in diesem und diesem Beitrag näher vorgestellt. Ebenfalls von Google stammt AngularJS, dass neben den Custom Elements auch Dynamic Views abgebildet werden. AngularJS stellten wir Ihnen in diesem Beitrag vor.

Prinzipiell sind alle Projekte so angelegt, dass sie sich schrittweise selber überflüssig machen. Polymer etwa prüft zur Laufzeit, wieviel Web Component der aufrufende Browser selber schon kann und kümmert sich nur noch um den Rest.

WebComponents.org: Alles zum Thema unter einem Dach

Die neue Website WebComponents.org war zunächst als eine Art Wiki für die Community-Mitglieder geplant, entwickelte sich aber aufgrund des Elans einzelner Mitglieder zu einer schicken Website, die den jeweiligen Diskussions- und Entwicklungsstand des Projekts widerspiegeln soll.

wcorg

Dabei erreicht man von WebComponents.org aus sämtliche in Arbeit befindlichen Standardisierungsvorschläge. Eine Darstellung von Best Practices ermuntert Entwickler, bereits jetzt auf den noch langsam fahrenden Zug aufzuspringen. Eine Reihe von Grundlagenartikeln erklärt praktische Stolperfallen oder zeigt, wie man etwa mit Polymer konkret arbeitet oder Web Components zugänglich gestaltet. Rund 20 Artikel schrieben die Betreiber bereits, jeder verdient es, gelesen zu werden.

In der Sektion Presentations finden sich Slideshows und Videos von Vorträgen rund um Web Components zu verschiedenen Anlässen, etwa der letzten Google I/O. Unter Resources finden sich die teilweise bereits weiter oben genannten Projekte zur Erstellung von Custom Elements. In der Rubrik Sandbox sollen konkrete Vorschläge beschrieben werden. Hier ist noch viel Luft nach oben…

Obschon gerade erst gestartet, ist WebComponents.org bereits jetzt mit so viel Informationen befüllt, dass es einem schwerlich zu schnell langweilig werden dürfte. Wer einen extrem soliden, fundierten Ein- und Aufstieg in das Thema Web Components sucht, der kommt an dieser Plattform nicht vorbei.

Links zum Beitrag

  • WebComponents.org | Alles rund um Web Components
  • X-Tags | Mozilla
  • Polymer | Google
  • AngularJS erweitert HTML um Anwendungslogik und Web Components | Dr. Web Magazin
  • Mozilla X-Tag: HTML-Elemente selbst definiert | Dr. Web Magazin
  • Jetzt einsatzbereit: Mozillas X-Tags sollen das Web-Development beschleunigen | Dr. Web Magazin

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Agenturpartner

wolli ruf – mediendesign

Freiburg im Breisgau

TIKAL Communication E-Commerce Agentur Hamburg

Hamburg

iPower AG

Berlin

marketer UX

Düsseldorf

AMZ-Marketing GmbH

Regensburg

Alle Agenturpartner

Jobs

Copywriter – Vollzeit

Remote

Web Development & Project Management

Remote

Texter / Junior Content Marketing Manager

Innsbruck

Media Manager in München

München

Business Development Manager

München

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Social Media: 8 handverlesene Bilder-Tools

Im Allgemeinen erreicht man durch die Verwendung von Bildern in Social-Media-Beiträgen mehr, als wenn man nur Text posten würde. Experimente haben gezeigt, dass man mit bebilderten

 →   

Design mit Spark, Canva, Crello: So erstellst du perfekte Bilder für deine Website

Es ist schon erstaunlich, aber wahr. Für die Erstellung plakativer Bildkompositionen für deine sozialen Medien, deine Website und sogar deine sonstigen Kommunikationsmittel musst du nicht

 →   

Stock-Videos kostenlos: Tausende Filme für deine Designs

Wir haben zwanzig der besten kostenlosen (und fast kostenlosen) Anbieter von Stock-Videos im folgenden Beitrag gesammelt: Vor wenigen Jahren noch undenkbar, findest du heutzutage eine

 →   

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.