Projekt: Angela Roempp
01.02.2019

Zurück

Beschreibung


Dieses Projekt ist eines der ersten Full-Stack Entwicklungen, welche ich als Selbstständiger Webentwickler angehen konnte. Eine Portfolioseite, kombiniert mit einem eigens entwickeltem Blogsystem, ansprechendem design und für alle Devices accessible (responsive design). Die Seite ist mit Gatsby.js entwickelt und kann so eine besonders hohe Ladegeschwindigkeit erreichen und top Ergebnisse bei Google Pagespeed einfahren.



Projektlink

https://angela-roempp.de/

Technology


Node.js

Node.js ist ein auf der V8 Engine von Google basierender Webserver und wird seit dem Jahr 2009 entwickelt. Eine Besonderheit von Node.js ist das non-blocking I/O model. Dazu lassen sich einzelne Komponenten, die bei der Konfiguration des Servers benötigt werden, mittels npm installieren und integrieren. Auch die Verwendung von JavaScript auf Seite des Servers und des Clients (Isomorphic JavaScript) ist ein großer Vorteil für eine sprachlich und syntaktisch einheitliche Entwicklungsumgebung. Node.js bedient sich eines internen Event-Loops, welcher die Anfragen eines Clients entgegennimmt. Dabei wird geprüft, ob es zu einer blockierenden oder nicht-blockierenden Operation kommt, um die Anfrage verarbeiten zu können. Bei einer blockierenden Operation wird der Task an einen internen Worker mittels einer Callback-Funktion übergeben. Der Hauptthread von Node.js wird demnach nicht blockiert und erlaubt so eine hohe Performance.

Gatsby.js

Gatsby ist ein static site generator basierend auf der JavaScript Bibliothek "React". React ist eine JavaScript-Bibliothek zur Entwicklung von User-Interfaces.

Mit React.js kann ein komplexes User-Interface in kleinere Subkomponenten zerlegt und funktional voneinander entkoppelt werden. Dieses Softwaredesign ermöglicht es, Bausteine an verschiedenen Stellen des Quellcodes wiederzuverwenden und eine skalierbare Struktur im Frontend Quellcode zu erreichen. Eine Entwicklung in React.js kann sowohl für kleinere Webprojekte als auch für hochfrequent besuchte Web Applikationen empfohlen werden.

Unter https://reactjs.org wird die Funktionsweise von React mit übersichtlichen und im Browser editierbaren Beispielen veranschaulicht.

Gatsby.js ermöglich ungreifbar schnelle Websites - tatsächlich ist auch diese Website mit Gatsby.js erstellt. Sie haben also direkt hier die Möglichkeit, diese Power auszutesten.