PWA mit Angular - MobileTechCon

Progressive Web Apps – die Grundlagen

datasyncer@sandsmedia.com — Wed, 18 Dec 2019 08:35:06 +0000

Bei Progressive Web Apps verschwimmen die Unterschiede zwischen klassischen Web-Applikationen und nativen Apps. Sie haben die Flexibilität einer Web-Applikation kombiniert mit zusätzlichen Features, die den Browser in den Hintergrund treten lassen. In diesem Workshop werfen wir einen Blick hinter die Kulissen von PWAs und bauen eine eigene Applikation, die die wichtigsten Features einer PWA aufweist. Die Applikation können Sie durch die Verwendung von Service Workers und dem Web App Manifest auf Ihrem Gerät installieren, offline betreiben und Push Notifications an die Applikation senden.
Neben diesen und einigen weiteren praktischen Beispielen erfahren Sie mehr über Best Practices, Design und Architektur von Progressive Web Apps.

The post Progressive Web Apps – die Grundlagen appeared first on MobileTechCon.

WebComponents: Native Komponenten fürs Web – ohne und mit Frameworks

datasyncer@sandsmedia.com — Tue, 17 Dec 2019 13:02:08 +0000

Der aktuelle Single-Page Application und der frühere Windows-Entwickler kennt sie seit „Ewigkeiten": UI-Komponenten, oder Controls. Durch Kapselung erhalten wir modulare und wiederverwendbare Baukastenelemente, aus denen unsere UI-Anwendungen zusammengesetzt werden. Bisher mussten wir uns im Web eines SPA Frameworks bedienen – ob Angular, ReactJS, Vue.js oder Polymer. Doch keines dieser Frameworks wollte oder konnte so recht mit dem anderen zusammenarbeiten. Dies könnte sich in Zukunft ändern mit WebComponents. Diese beschreiben anhand von Standards wie CustomElements ein Komponentenmodell für das Web und bietet damit erstmal die Möglichkeit, native Komponenten im Browser gänzlich ohne ein Framework oder aber über Framework-Grenzen hinweg einzusetzen.
In diesem Workshop klärt Manuel Rauber wie WebComponents funktionieren, wo die Vorteile und Nachteile liegen – und, vermutlich am spannendsten: er geht der Frage in gewohnt praktischer Manier nach, ob WebComponents mit aktuellen Single-Page Application (SPA) Frameworks wie Angular genutzt und erstellt werden können und welche Rolle Ivy dabei spielt. Abgerundet wird das Ganze mit einem Ausblick, wie wir künftig Web-Anwendungen mit Web Components entwickeln könnten. Auf zum nächsten Schritt!

The post WebComponents: Native Komponenten fürs Web – ohne und mit Frameworks appeared first on MobileTechCon.

Design Systems mit Storybook und Angular: Toolkit für robuste UX Workflows

datasyncer@sandsmedia.com — Tue, 17 Dec 2019 13:02:08 +0000

Schick, performant und bitte auf allen Plattformen verfügbar! Moderne Anwendungen verlangen ihren Entwicklern einiges ab. Wo früher noch die Vorarbeit von Anbietern wie Microsoft in Form von UI-Baukästen geleistet wurde, muss heute selbst Hand angelegt werden. In diesem Workshop von Andreas Wissel lernen Sie, wie Ihr Team mit robusten Workflows in einer agilen Welt mit diesen Anforderungen Schritt hält. Angefangen bei Grundkonzepten der User Experience, über die Bausteine eines modernen Design Systems, bis hin zur fertigen Implementation mit Storybook und Angular.

The post Design Systems mit Storybook und Angular: Toolkit für robuste UX Workflows appeared first on MobileTechCon.

PWA-Bootcamp: von 0 auf MS Paint (hands-on)

datasyncer@sandsmedia.com — Tue, 17 Dec 2019 13:02:08 +0000

Progressive Web Apps sind ein plattformübergreifend einsetzbares Anwendungsmodell auf Web-Basis. Dank Project Fugu, einer Initiative der Chrome-Contributors Google, Microsoft und Intel, wird das Web um noch mächtigere Features erweitert. In diesem Bootcamp zeigt Ihnen Christian Liebel von Thinktecture, wie Sie in nur einem halben Tag eine vereinfachte Version von Paint implementieren und auf Ihrem Gerät installieren können – inklusive Dateisystemzugriff. Bitte bringen Sie Ihr Notebook (ohne Corporate-Proxys/Unternehmensrichtlinien) mit installiertem Google Chrome Canary und Microsoft Visual Studio Code mit.

The post PWA-Bootcamp: von 0 auf MS Paint (hands-on) appeared first on MobileTechCon.

A 15 year old’s perspective on the future of technology, specifically apps and app development

datasyncer@sandsmedia.com — Tue, 26 Feb 2019 13:17:42 +0000

In my talk, I will provide a fresh and new perspective on what it is like being a teenage tech entrepreneur. I will also share my thoughts on what I think about the current state and future of technology, specifically mobile apps.

The post A 15 year old’s perspective on the future of technology, specifically apps and app development appeared first on MobileTechCon.

Apps intelligenter machen: Machine Learning für Entwickler

datasyncer@sandsmedia.com — Fri, 18 Jan 2019 14:08:33 +0000

Mit Machine Learning können Apps Funktionen anbieten, die den Anwender intelligent unterstützen. Ob Bilderkennung, Textanalyse oder Produktvorschläge – Anwendungsgebiete gibt es reichlich. Für die Entwicklung sind jedoch grundlegende Kenntnisse von Machine Learning erforderlich. Jörg Neumann gibt eine kompakte Einführung in das Thema und zeigt an konkreten Beispielen wie Sie Ihre Apps intelligenter machen können.

The post Apps intelligenter machen: Machine Learning für Entwickler appeared first on MobileTechCon.

Immer und überall: offlinefähige Progressive Web Apps – am Beispiel Angular (Teil 1)

datasyncer@sandsmedia.com — Wed, 28 Nov 2018 10:23:04 +0000

"Keine Internetverbindung" – ein Satz, den wir alle aus genutzten Apps kennen, sei es Desktopanwendung oder Smartphone App. Oftmals sind die Clients auf dem jeweiligen Zielgerät installiert, bedienen sich aber einer externen Datenquelle, bspw. in Form eines Web API. Bei einer offline-fähigen Implementierung sind nicht nur Lese-, sondern vor allem auch Schreibzugriffe wichtig. Sprich, die Daten müssen in beide Richtungen synchronisiert werden können, sobald die Internetverbindung wiederhergestellt wurde. Gerade in der heutigen Zeit, in der Menschen immer mobiler werden, in Autos, Zügen und Flugzeugen unterwegs sind und arbeiten, benötigt man oftmals offline Zugriff auf die Anwendungsdaten. Wie man diese echt offline-fähigen Single-Page Applications/Progressive Web Apps realisiert, zeigen Thomas Hilzendegen und Manuel Rauber von Thinktecture in diesem Ganztagesworkshop. Allgemein werden Themen wie Synchronisationsstrategien von Anwendungsdaten und großen Binärdaten, Konfliktmanagement oder Datenbankarchitektur sowohl für neue als auch bestehende Anwendungen diskutiert. Am Beispiel einer Angular-basierten App mit einem exemplarischen Backend in .NET Core werden Client und Server zur Umsetzung der besprochenen Konzepte und Patterns implementiert.

The post Immer und überall: offlinefähige Progressive Web Apps – am Beispiel Angular (Teil 1) appeared first on MobileTechCon.

Immer und überall: offlinefähige Progressive Web Apps – am Beispiel Angular (Teil 2)

datasyncer@sandsmedia.com — Wed, 28 Nov 2018 10:23:04 +0000

The post Immer und überall: offlinefähige Progressive Web Apps – am Beispiel Angular (Teil 2) appeared first on MobileTechCon.

Nachhaltige Lösungen mit Web Components und Angular Elements

datasyncer@sandsmedia.com — Wed, 28 Nov 2018 10:23:04 +0000

Die Entwicklung von JavaScript-Frameworks geht schnell voran – für viele langfristige Vorhaben leider viel zu schnell! Framework-unabhängige Web Components, die Ihr Projekt von konkreten Technologien entkoppeln, stellen hier eine Lösung dar, quasi nach dem Prinzip „write once – run anywhere“.
In diesem Workshop erfahren Sie, wie Angular Elements – eine neue und leichtgewichtige Spielart von Angular – bei diesem Vorhaben unterstützt. Die Vor- und Nachteile werden diskutiert und Lösungen für Fallstricke aufgezeigt. Kommen Sie zu diesem Workshop und setzen Sie den ersten Schritt für Ihre nachhaltige Komponenten-Architektur.

The post Nachhaltige Lösungen mit Web Components und Angular Elements appeared first on MobileTechCon.

Progressive Web-Apps mit Angular: hands-on

datasyncer@sandsmedia.com — Wed, 28 Nov 2018 10:23:03 +0000

Progressive Web Apps (PWA) sind das App-Modell der Zukunft. Das sagt zumindest Google und hat damit nichts Geringeres vor, als App-Stores von Mobilgeräten zu verbannen. Stattdessen lautet der Gedanke: Offlinefähigkeit, Push Notifications und schnelles Startverhalten sollen ins Web kommen. Ein Fingertipp reicht und eine mobile Website wird zur installierten App auf dem Gerät einschließlich Homescreen-Icon: Android, iOS, Windows, macOS und Linux auf einen Streich.
Christian Liebel von Thinktecture zeigt Ihnen, wie Sie mit Angular, Angular Material und der Angular CLI PWAs entwickeln und somit sanft und sacht die Schlucht zwischen reinen Web-Sites, Web-Apps und hybriden/nativen Apps schließen können. Und Sie können mitmachen: Dazu benötigen Sie mindestens einen Laptop und optional ein aktuelles Smartphone mit iOS oder Android.

The post Progressive Web-Apps mit Angular: hands-on appeared first on MobileTechCon.