It’s #FrontendFriday – Unser TechStack für Frontends

Es ist wieder Freitag, somit #FrontendFriday und in diesem kurzen Beitrag wird sich der neue Frontend TechStack auf Stackshare angeschaut. Außerdem wird erklärt, warum wir manche Tools gewählt haben und welche Vorteile oder Nachteile diese im Projektalltag haben. Den neuen Frontend TechStack haben wir auf Stackshare erstellt, dort sind auch noch weitere TechStack’s von doubleSlashHier geht es zum Frontend Stack.

Mehr

It’s #FrontendFriday – Virtual Reality im Browser mit A-Frame!

Hello VR-World!

Wusstet ihr schon dass VR auch im Browser möglich ist? Die Lösung lautet A-Frame!

1. Was ist A-Frame?

A-Frame ist ein Framework welches von Mozilla entwickelt wurde und auf der JavaScript-Bibliothek three.js basiert. Darin enthalten ist bereits eine API, welche die Kommunikation zwischen JavaScript und VR-Devices ermöglicht. Dadurch ist es möglich  VR-Elemente im Browser zu integrieren.

A-Frame lässt sich mit zahlreichen Frameworks und Bibliotheken kombinieren wie beispielsweise React, d3 oder Angular.

Mit A-Frame kann mit einem vergleichsweise geringem Implementierungsaufwand ein sehr großer WOW-Effekt hervorgerufen werden.

Mehr

It’s #FrontendFriday – Who runs the world? WebBrowser?

Hallo #FrontendFriday-Leser/in,

mir ist vor ein paar Tagen erst bewusst aufgefallen, dass wir immer mehr im WebBrowser machen (können). Sei es Emails lesen oder schreiben, Nachrichten lesen, Videos schauen, Kalender teilen, Geld überweisen, einkaufen, …

Eine Anwendung für den WebBrowser zu entwickeln ist sehr attraktiv, jeder benutzt einen und man kann den Inhalt auf allen Betriebssystemen einsehen. Mails z.B. bei GMX kann ich am PC, Handy oder vom Tablet aus über einen einfachen Link www.gmx.de erreichen. Wie genial ist das eigentlich?
Die Browser werden auch immer mit neuen Funktionen ausgestattet und machen so Features plattformübergreifend verfügbar.

Mehr

It’s #FrontendFriday – Was ist HTTP?

Es ist soweit, es ist Freitag – It’s #FrontendFriday :)

Im heutigem Blog geht es um das Thema „Was ist HTTP?“.

Was ist HTTP?

Das Hypertext Transfer Protocol (HTTP, englisch für Hypertext-Übertragungsprotokoll) ist ein zustandsloses Protokoll zur Übertragung von Daten auf der Anwendungsschicht über ein Rechnernetz. Es wird hauptsächlich eingesetzt, um Webseiten (Hypertext-Dokumente) aus dem World Wide Web (WWW) in einen Webbrowser zu laden. Es ist jedoch nicht prinzipiell darauf beschränkt und auch als allgemeines Dateiübertragungsprotokoll sehr verbreitet.

Mit Hypertext Transfer Protocol (HTTP) kommen die Nutzer eines Webbrowsers immer dann in Berührung, wenn sie die Webseiten eines entfernten Servers laden.
Das 2014 von der Internet Engineering Task Force (IETF) veröffentlichte RFC 7231 charakterisiert HTTP derweil allgemeiner als zustandsloses Protokoll, das auf Anwendungsebene angesiedelt ist und sich für verteilte, kollaborative Hypertextinformationssysteme eignet.

Wie funktioniert HTTP?

Mehr

It’s #FrontendFriday – Klassen / Modul-Diagramme in Frontend-Projekten

Hallo #FrontendFriday-Leser/in,

heute geht es um Tools, die Klassendiagramme aus Frontend-Projekten (speziell TypeScript, Angular) generieren.

Zu Beginn eines Projekt wird eine Architektur der Anwendung erstellt (die sich im Laufe des Projekts weiterentwickelt). Während des Projekts stellt sich die Frage, ob die geplante Soll-Architektur mit der tatsächlich umgesetzten Architektur übereinstimmt. Hierzu können unter anderem Klassendiagramme helfen, die automatisch aus dem entwickelten Code generiert werden.

Mehr

It’s #FrontendFriday – Google macht das Tracking transparent

Es ist bereits allgemein bekannt, dass Google versucht so viel wie möglich von unseren Aktivitäten im Netz (und auch außerhalb) zu tracken. Dennoch möchten wir mit diesem Blogpost das Bewusstsein darüber schärfen, da sicherlich nicht jedem der volle Umfang des Trackings bewusst ist und was der Einzelne dagegen unternehmen kann.

Was wird von Google getrackt?

Aufgezeichnet wird alles wofür ein Google-Konto verwendet wird. Darunter fällt nicht nur der Sucherverlauf von verschiedenen Endgeräten, sondern auch:

  • der Standort-Verlauf (sofern am Handy das GPS eingeschaltet ist),
  • Youtube-Aktivitäten:
    • Was wurde gesucht?
    • Welche Videos wurden angesehen?
    • Welche Videos wurden geliked oder disliked?
    • Welche Videos wurden kommentiert?,
  • Google-Pay Rechnungen und Einkäufe im Play-Store,
  • Reisen und Routen welche mit Google Maps ermittelt wurden

und noch einiges mehr.

Mehr

It’s #FrontendFriday – Trusted Web Activity

Endlich ist es wieder soweit – Es ist Freitag und das bedeutet It’s #FrontendFriday

Was ist Trusted Web Activity?

Trusted Web Activity ist eine neue Möglichkeit, eure Webinhalte mit Hilfe einer Chrome Activity im Vollbildmodus in euer Android-App zu integrieren.

Technisch ist eine Trusted Web Activity (kurz: TWA) eine besondere Version des Chrome Custom Tab (kurz: CCT). Dadurch könnt ihr viele Chrome-Features nutzen, die auch mit dem CCT möglich sind – nicht aber in der klassischen Webview.

Konkret sind das Funktionen wie Push-Benachrichtigungen, Hintergrundsynchronisierung, Autofill bei Eingabeformularen, Media-Source-Extensions oder die Sharing API. Ein weiterer Pluspunkt: Die TWA teilt den Cache, Speicher und Sessions mit dem installierten Webbrowser.

Wenn der Nutzer sich also in der TWA anmeldet, ist er es auch weiterhin beim Starten der Web-App im Browser – weil eben die Session geteilt wird.Mehr