1 files changed, 79 insertions, 0 deletions
diff --git a/files/de/web/progressive_web_apps/index.html b/files/de/web/progressive_web_apps/index.html
new file mode 100644
index 0000000000..f07a23fc4e
--- /dev/null
+++ b/files/de/web/progressive_web_apps/index.html
@@ -0,0 +1,79 @@
+---
+title: Progressive Web-Apps
+slug: Web/Progressive_web_apps
+translation_of: Web/Progressive_web_apps
+---
+<p class="summary">Progressive Webanwendungen sind einfach Webseiten wie eh und je, nur besser.<strong> In einem modernen Webbrowser zeigen sie ihre Superkräft und werden </strong>…</p>
+
+<div class="column-container">
+<div class="column-1"></div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12654/discoverable.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><a href="/en-US/docs/Web/Apps/Modern/Discoverable"><strong>Auffindbar</strong></a></p>
+
+<p style="width: 70%;">Als Anwendung erkennbar, mit Suchmaschinen auffindbar.</p>
+</div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12656/installable.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Installable">Installierbar</a></strong></p>
+
+<p style="width: 70%;">Auf Geräten verfügbar, auf dem Homescreen - ohne die Hürden von App Stores.</p>
+</div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12658/linkable.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Linkable">Verlinkbar</a></strong></p>
+
+<p style="width: 70%;">Einfach per URL zu teilen, ohne schwierige Installation.</p>
+</div>
+
+<div class="column-1"></div>
+</div>
+
+<div class="column-container">
+<div class="column-1"></div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12660/network-independent.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Network_independent">Netzwerk unabhängig</a></strong></p>
+
+<p style="width: 70%;">Funktioniert offline und bei schlechtem Empfang.</p>
+</div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12662/progressive.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Progressive">Progressiv</a></strong></p>
+
+<p style="width: 70%;">Funktioniert für jeden, egal mit welchem Webbrowser.</p>
+</div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12666/re-engageable.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Re-engageable">Nutzer bindend</a></strong></p>
+
+<p style="width: 70%;">Macht Nutzerbindung durch Benachrichtigungen einfach, auch wenn der Nutzer gerade nicht hinschaut.</p>
+</div>
+
+<div class="column-1"></div>
+</div>
+
+<div class="column-container">
+<div class="column-1"></div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12650/responsive.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Responsive">Responsiv</a></strong></p>
+
+<p style="width: 70%;">Passt auf jeden Bildschirm: Desktop, Handy, Tablet oder was  kommen wird.</p>
+</div>
+
+<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12664/safe.svg" style="float: right; height: 40px; width: 38px;">
+<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Safe">Sicher</a></strong></p>
+
+<p style="width: 70%;">Sichere Verbindungen verhindern Datendiebstahl und garantieren Integrität.</p>
+</div>
+
+<div class="column-1"></div>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="https://developers.google.com/web/progressive-web-apps">Progressive Web-Apps</a> bei Google Developers</li>
+ <li class="graf--h3 graf--first" id="4c45"><a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh">Progressive Web Apps: Escaping Tabs Without Losing Our Soul</a> von Alex Russell</li>
+</ul>