Sie sind zwei beliebte Programmiersprachen mit einigen Gemeinsamkeiten und Unterschieden: TypeScript und JavaScript. 

Beide sind eng miteinander verwandt, bauen aufeinander auf, bieten jedoch unterschiedliche Anwendungsfälle und stellen andere Anforderungen an die Programmierer.

Ursprünge der Programmiersprachen

Alles fing mit JavaScript an. Diese Skriptsprache wurde im Jahr 1995 von Brendan Eich für den Netscape-Browser geschaffen. Grundlage bildet die „HyperText Markup Language“, besser bekannt als HTML. Zusammen mit CSS bilden diese Skriptsprachen die Struktur von Webseiten und werden vornehmlich dafür verwendet, ihre Inhalte aufzubauen.

Während die Anwendungsbereiche von HTML sich vor allem auf den Aufbau von Webseiten fokussieren (Absätze, Schriftarten, Zeichengrößen, Listen etc.), wurde die Programmiersprache JavaScript (JS) entwickelt, um den Webseiten mehr Dynamik und Interaktivität zu verschaffen. Sie schafft eine „Logik“, die es Besuchern erlaubt, mit den Webseiten und ihren Inhalten zu interagieren.

Zunächst wurde die Programmiersprache für den Netscape Navigator eingeführt. Es folgten weitere Varianten, bis 2008 schließlich eine quelloffene Version, genannt „Node.js“, von Ryan Dahl entwickelt und veröffentlicht wurde. Diese funktioniert plattformübergreifend und ist mit jedem Browser und Server kompatibel.

Mit der Zeit entstand ein regelrechtes Ökosystem rund um die Programmiersprache, mit verschiedenen Schnittstellen von Drittanbietern. Wichtig sind unter anderem das Document Object Model (DOM), Canvas für Grafiken, WebGL für GPU-beschleunigte Grafiken oder das HTMLMediaElement. Auch Google Maps ist letztlich nur eine weitere Applikation auf der Basis von JavaScript. Die Anzahl der Applikationen ist aufs Unermessliche angestiegen.

TypeScript entstand im Jahr 2012 und wurde von Microsoft auf der Grundlage von ECMAScript entwickelt. Dabei handelt es sich um einen JavaScript-Standard. Ganze zwei Jahre verbrachte der Tech-Riese mit der Entwicklung. Zunächst stand diese neue Programmiersprache lediglich für Microsoft Visual Studio zur Verfügung, welches ebenfalls nur auf Microsoft lief. Seit 2013 ließ es sich auch auf Linux und macOS nutzen.

TypeScript (TS) gilt als „Obermenge“ (superset) von der ursprünglichen Programmiersprache. Damit ist jeder TypeScript-Code auch gültiger JavaScript-Code, und gängige JavaScript-Bibliotheken verstehen auch TypeScript-Zeilen. Beide Programmiersprachen sind miteinander kompatibel. Microsoft wollte mit der neuen Programmiersprache Mängel und Fehler im Original beheben.

Dabei ging es dem Unternehmen vor allem um komplexere Anwendungen, welche oftmals Schwierigkeiten mit JS hatten. TS ist unternehmstauglich und freier bei den Applikationen. Zudem können erweiterte JavaCript-Compiler den TypeScript-Code einfach übersetzen. Deswegen werden beide Programmiersprachen häufig in Kombination miteinander verwendet.

Die wichtigsten Unterschiede beider Programmiersprachen

Der wichtigste Unterschied zwischen beiden Programmiersprachen besteht im Typsystem. Bei JavaScript handelt es sich um eine dynamische, objektorientierte (typisierte) Sprache. Die Typen werden flexibel behandelt. So werden die Variablentypen während der Laufzeit flexibel bestimmt, wodurch es zu Laufzeitfehlern kommen kann. Dadurch gestaltet sich vor allem die Fehlerfindung als sehr schwierig. Gleichzeitig ist diese Programmiersprache leichtgewichtig, einfach einzusetzen und Anwendungen und Webseiten sind mit ihr schnell programmiert.

In erster Linie fokussiert sich JavaScript auf Webseiten. Zusammen mit HTML und CSS bildet die Programmiersprache den Grundstein des modernen Internets. Damit lassen sich Webseiten interaktiv und flexibel gestalten. Zudem handelt es sich um eine interpretierte Sprache. Webbrowser können JavaScript-Code direkt ausführen, ohne sie kompilieren zu müssen. Aus diesem Grund wird JavaScript auf so gut wieder jeder Webseite in irgendeiner Form eingesetzt.

Anwendung findet JavaScript vor allem im Frontend der Webseiten. Also dort, wo der Besucher mit der Webseite interagiert und Anwendungen nutzt. Hier interagiert er mit dynamischen Inhalten, zum Beispiel mit Formularen oder mit Animationen. Im Backend findet sich die Programmiersprache vor allem bei serverseitigen Anwendungen, wobei hier Node.js einen wichtigen Baustein darstellt.

TypeScript ist hingegen eine typisierte Sprache. Dank der strikten Typprüfung fällt es den Programmierern leichter, Fehler im Code zu finden. Damit ist es weniger flexibel, doch die Laufzeitfehler werden enorm verringert. TypeScript-Zeilen werden vor der Ausführung kompiliert, was ebenfalls die Wartung und Fehlerfindung erleichtert. Aufgrund dieser Eigenschaft gilt diese Programmiersprache als robust und wartungsarm.

Auch wenn TypeScript weniger flexibel bei der Typisierung der Variablen ist, ist es dennoch mit verschiedenen Anwendungen kompatibel. So unterstützt es den modernen ECMAScript-Standard. Dadurch werden Funktionen und Anwendungen möglich, die nicht automatisch von den Webbrowsern unterstützt werden. Mit JavaScript-Anwendungen ist TypeScript grundsätzlich kompatibel. Zudem stehen TypeScript-Compiler und verschiedene Tools zur Verfügung, um die darauf beruhenden Funktionen in moderne Entwicklungsumgebungen zu integrieren.

Vor- und Nachteile der Programmiersprachen

Vorteile von JavaScript: Diese Programmiersprache ist vor allem leichtgewichtig und flexibel. Die Programmierung gestaltet sich schnell und unkompliziert. Anwendungen und Code auf JavaScript-Basis tippen erfahrene Entwickler schnell herunter. Zudem wird diese Skriptsprache von so gut wie jeder Webseite verwendet. Die Verfügbarkeit ist groß und es gibt reichhaltig Material zur Erlernung der Programmiersprache, was es angehenden Programmierern leicht macht, ihre ersten JavaScript-Zeilen zu schreiben. Ebenso groß ist die Entwicklergemeinde und die Bibliothek an Frameworks und Schnittstellen.

Nachteile: Die dynamische Typisierung der Variablen führt zu einer hohen Fehleranfälligkeit. Das kann das Aufspüren von Fehlern schwierig gestalten, da diese häufig erst während der Laufzeit auftreten. Zudem fehlt es an einer explizierten Typisierung, wodurch es vor allem für größere Projekte schnell unübersichtlich werden kann.

Vorteile von TypeScript: Aufgrund der strikten Typisierung ist diese Programmiersprache weniger fehleranfällig. Eventuelle Fehler im Code können leichter identifiziert werden, auch vor der Laufzeit. Der Code präsentiert sich strukturierter und geordneter. Dadurch lassen sich leichter große und umfangreiche Projekte realisieren. Der Code ist sehr wartungsarm und schnell auf andere Anwendungen übertragen. Weiterhin unterstützt TypeScript den ECMAScript-Standard und damit verschiedene Funktionen, die sonst nicht auf dem Browser möglich sind. Zudem ist die Programmiersprache abwärtskompatibel mit JavaScript-Anwendungen.

Nachteile: Die Strukturiertheit der Programmiersprache geht mit einem erhöhten Aufwand einher. Das gilt vor allem für Projekte, welche auf JavaScript-Basis geschrieben und auf TypeScript übertragen werden sollen. Entwickler müssen häufig ihre Prozesse anpassen, was den Aufwand erhöht und sich je nach Größte des Projekts nicht immer rechtfertigen lässt.

Anwendungsbereiche

JavaScript eignet sich vor allem für kleinere Projekte, die schnell realisiert werden sollen und bei denen sich der Aufwand in Grenzen hält. Im Grunde findet sich diese Programmiersprache bereits auf so gut wie jeder Webseite. Dank der großen Bibliothek und der großen Anzahl an Frameworks und Schnittstellen lässt es sich in vielen Projekten einsetzen. Die meisten Webentwickler sind mit der Programmiersprache vertraut und können sie ohne Schwierigkeiten einsetzen.

TypeScript ergänzt JavaScript, es ersetzt es nicht. Es baut auf der ursprünglichen Skriptsprache auf und bietet darüber hinaus eine strukturierte Programmierumgebung für komplexere Anwendungen. Daher eignet sich TypeScript vor allem für größere, aufwändigere Projekte. Die statische Typisierung verringert die Fehleranfälligkeit und den Wartungsaufwand der Anwendungen. Es erlaubt zusätzliche Funktionen, Tools und weitere Frameworks wie Angular oder Vue.js.            

Interessante Beiträge:

Ein Vergleich von TypeScript und JavaScript gibt es in diesem Beitrag

Eine Beschreibung der Unterschiede auf dieser Webseite

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Die App-Entwicklung mit Mobile Frameworks wird immer wichtiger.

Was sind jedoch die Stundensätze für solche Programmierer? Im Beitrag mehr dazu.

Einführung

Die Mobile App Entwicklung ist immer noch eine Herausforderung. Denn es gibt unterschiedlichste Android Geräte, mit unterschiedlichen Bildschirmgrössen und Performance der jeweiligen Smartphones.

Auch kommt hinzu, dass man die Anwendungen auch für iOS entwickeln muss. Und das meistens separat. Da die Code Basis nicht die Gleiche ist.

Um die erneute Programmierung des Codes zu vermeiden haben sich immer mehr Mobile App Programmierungs Frameworks hervorgetan. Heutzutage sind die beliebtesten React Native und Flutter.

Lange Zeit waren jedoch auch die folgenden Lösungen beliebt: PhoneGap, SenchaTouch, Titanium und noch einige weitere.

Andere Frameworks, die derzeit aktuell sind: .NET MAUI (eine Fortführung von Xamarin), Kotlin Multiplatform, Ionic, NativeScript.

Stundensätze im Überblick

React Native Entwickler sind derzeit stark gefragt. Daher sind auch die Gehälter und Stundensätze in diesem Bereich höher.

Auf der anderen Seite lässt sich React Native (im Beitrag auch RN abgekürzt) relativ einfach von Webentwicklern, die sich zum Beispiel in JavaScript auskennen, erlernen.

Laut dem Malt Tarifbarometer

Der Stundensatz für React Native Entwickler liegt bei 86 Euro. Dabei wurde der Tagessatz von 691 Euro durch 8 (Acht Stunden pro Tag) geteilt.

Auf Freelancermap

Auch auf Freelancermap wird ein ähnlicher Stundensatz angezeigt. Dort ist der Stundensatz jedoch mit 85 Euro etwas geringer.

Im Vergleich

Auf dem Malt Tarifbarometer sind die Preise für Native Entwickler geringer. Zum Beispiel wird der Tagessatz für Objective C Programmierer mit 659 Euro Euro aufgeführt. Was einem Stundensatz von 82 Euro entspricht und damit geringer ist als das von RN Profis.

Beispiel Stundensätze

Hier auch ein paar Beispielprofile von Freiberuflern auf Freelancermap:

• Full Stack Developer mit Kenntnissen in React, React Native, Typescript, Node: 75 Euro die Stunde (Abschluss: Diplom Ingenieur)
• Software Architekt & Senior Webentwickler mit Kenntnissen in React Native, Ionic, Node: 110 Euro pro Stunde (Abschluss: Master of Science)

Was sind die Gehälter für React Native Coder?

Manche wollen nicht als Freiberufler arbeiten, sondern suchen sich Festanstellungen.

Was sind jedoch die Gehälter in diesem Bereich?

React Native Entwickler erhalten laut Stepstone ein Gehalt von zirka 38.000 Euro bis 54.900 Euro im Jahr. Der Durschnitt liegt dabei bei 45.600 Euro im Monat.

Dabei liegt das Monatsgehalt dann im Schnitt bei 3.800 Euro.

In München liegen die Gehälter dabei zum Beispiel höher mit 54.000 Euro im Jahr. Auch Stuttgart zahlt mit 51.700 Euro mehr.

Wie wird man ein solcher Programmierer?

React Native ist ein Open Source User Interface (UI) Software Framework, welches von Meta Platforms (ehemals Facebook) betrieben wird.

Es basiert auf JavaScript, HTML und CSS. Daher ist es auch relativ einfach für Webprogrammierer zu erlernen.

Anders als zum Beispiel Dart, die Programmiersprache von Flutter, welche eine komplett neue Technologie, zum Beispiel auch für Webexperten ist.

Ein erfahrener Web Profi kann sich also relativ einfach in diese Technologie einarbeiten.

Das ist ein grosser Vorteil von RN, auch gegenüber anderen Technologien wie Objective C oder Kotlin oder Java, welche dann schon eine steilere Lernkurve haben.

Es gibt unterschiedliche Online Kurse, die man nutzen kann, um RN zu erlernen.

Man kann auch auf der offiziellen Webseite reactnative.dev spannende Informationen finden. Auch auf YouTube findet man detaillierte Tutorials.

Es macht Sinn ein Dummy Projekt anzufangen, um einfach mal herauszufinden, wie man mit dieser Technologie eine Mobile App entwickeln kann. Somit wird man schnell die Vorteile und eventuelle Nachteile erkennen.

Was sind die Vorteile und Nachteile gegenüber anderen Mobile Frameworks?

Der bekannteste Konkurrent wird wohl Flutter sein. Gegenüber Flutter lässt sich, wie schon erwähnt, React Native einfacher erlernen.

Auf der anderen Seite werden Flutter Apps von den Programmierern für ihre schnelle Ausführung und Performance gelobt. Das ist eventuell bei RN Apps nicht immer der Fall.

Eine Alternative zu RN kann Ionic sein. Auch das basiert auf JavaScript, HTML und CSS. Man kann jedoch behaupten, dass RN etwas moderner ist als Ionic.

Was sind die Kosten für die Entwicklung einer solchen Anwendung?

Der Vorteil von React Native ist, dass man die Codebasis nur einmal schreiben muss, und die Software dann sowohl auf Mobile als auch auf dem Web verfügbar gemacht werden kann. Das reduziert natürlich die Zeit, solche Applikationen zu schreiben.

Für die Entwicklung von mittelgrossen Anwendungen kann man von zirka 3 Monaten ausgehen. Dabei kann der React Entwickler an dem Backend und dem Frontend arbeiten. Und kann sowohl die mobile Version als auch die Webanwendung schreiben. Daher braucht es nicht unbedingt unterschiedliche Personen für diese Aufgaben.

Gehen wir von 160 Stunden pro Monat aus und einem Stundensatz von 90 Euro. Dann kommt man für die App auf Kosten von 43‘200 Euro (3 x 160 x 90).

Das ist nur ein Beispielpreis. In einigen Fällen dauert die Programmierung länger, in anderen Fällen geht es wiederum schneller.

Alternative Indien

Besonders Agenturen und Softwareunternehmen brauchen Zugriff auf kompetente Entwickler und das nicht selten langfristig.

Dann kann es Sinn machen, auch auf Optionen im Ausland zu setzen.

Beispielsweise in Indien. Auch dort findet man kompetente React Native Entwickler.

Indische React Native Experten werden von Firmen wie unserer (YUHIRO) meistens für Preise von 1500 bis 2200 Euro im Monat angeboten.

Dabei kommt es natürlich auch auf die Berufserfahrung an. Programmierer mit mehr Jahren Berufserfahrung kosten mehr. Diejenigen, die weniger Berufserfahrung haben, bekommen weniger. Dabei werden die Gehälter und auch unsere Gebühren transparent mitgeteilt.

Fazit

React Native ist eine gute Option für Unternehmen, welche keine langen Einarbeitungszeiten in eine neue Technologie wollen, schnell entwickeln und gleichzeitig eine unkomplizierte Technologie Landschaft benötigen

Die Stundensätze sind derzeit noch etwas höher, da die Nachfrage nach solchen Experten derzeit etwas höher ist.

Freelancer findet man beispielsweise auf Plattformen wie Freelancermap oder Malt. Festangestellte Mitarbeiter kann man mit Stellenausschreibungen auf Stepstone und Ähnlichen finden. Auch Optionen im Ausland können spannend sein, wenn man dafür eine passende Strategie hat.

Was sind Ihre Erfahrungen?

Interessante Links:

Die offizielle Webseite von React Native

Mehr Informationen zu React Native

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

TypeScript ist eine Programmiersprache, die 2012 von Microsoft entwickelt worden ist. Von vielen Codern und Programmierern wird sie heute als Ergänzung zu JavaScript eingesetzt oder hat diese Programmiersprache sogar abgelöst. 

TypeScript (im Beitrag auch mit TS abgekürzt) bietet durch das Prinzip der statischen Typisierung eine gute Fehleranalyse und ermöglicht eine schnelle Entwicklung. 

Vorteilhaft ist auch die Verfügbarkeit als kostenlose Open Source Ressource. Im Folgenden wird ein Überblick über die Programmiersprache gegeben. 

Es werden Vor- und Nachteile aufgezeigt sowie Hinweise auf mögliche Anwendungsbereiche gegeben.

Ein erster Überblick über die Prinzipien von TS

Es handelt sich um eine Open-Source-Programmiersprache aus dem Hause Microsoft. Im Kern geht es um eine Erweiterung von JavaScript um zusätzliche Funktionen. Dazu zählen vor allem Klassendefinitionen und Typisierungen. Die Programmiersprache lässt sich in allen modernen und gängigen Browsern einsetzen. 

Sie kann zudem in den Visual Studio Code und in den Node.js-Server integriert werden. Als nützlich erweist sich die Möglichkeit, den Code zu einfachem JavaScript zu kompilieren. Dazu braucht man in der Regel nur die Dateien in Java-Script-Dateien umzuwandeln.

Wann und wo wird es verwendet?

Die Programmiersprache bietet sich für viele verschiedene Anwendungsbereiche an. Bei großen Projekten, an denen viele Entwickler beteiligt sind, lässt sich eine gemeinsame und konsistente Codebasis schaffen. Auf diese Weise werden Fehler vermieden, die durch verschiedene JavaScript Konventionen zustande kommen. 

Ferner dient die Programmiersprache zur Entwicklung von Angular-Anwendungen, da die Entwicklungssprache Angular auf JavaScript basiert. 

Besonders zu empfehlen ist TypeScript als plattformübergreifende Sprache, die problemlos in nativen Code wie in JavaScript transferiert werden kann. 

Des Weiteren bietet die Programmiersprache eine deutlich bessere Skalierbarkeit und Wartbarkeit des Codes.

• Vereinheitlichung der Code-Basis
• Entwicklung von Angular-Anwendungen
• plattformübergreifende Projekte
• Überarbeitung und Erweiterung von JavaScript-Projekten

Die Merkmale

Die Programmiersprache von Microsoft wartet mit vielen Funktionen auf, die bei einer modernen Webentwicklung von Vorteil sind und Einschränkungen von JavaScript ausgleichen. 

Die Funktionsvielfalt optimiert die Organisation des Codes und beschleunigt die Entwicklung. 

Hier die wichtigsten Merkmale auf einen Blick:

• statische Typisierung
• ES6+ Funktionen
• optionale Typisierung
• Code Organisation
• erweitertes Typsystem
• objektorientierte Programmierung
• Kompatibilität mit JavaScript

Statische und optimale Typisierung und weitere vorteilhafte Funktionen

Das starke Typisierungssystem sorgt dafür, dass Funktionsparameter und Variablen zur Kompilierungszeit festgelegt werden können. So lassen sich typenbezogene Fehler im Code schneller und zuverlässiger finden. Die Entwicklung ist weniger anfällig gegenüber Bugs. Durch die optimale Typisierung ergibt sich mehr Flexibilität bei der Programmierung. Man kann angeben, ob eine statische Typisierung genutzt werden soll.

Zudem kann bestimmt werden, ob Typen für Funktionsparameter und Variablen angegeben werden sollen oder ob die Typen aus dem zugewiesenen Wert abgeleitet werden sollen. 

Hervorzuheben ist des Weiteren die ES6+ Funktion, die den Syntax verbessert. So können Entwickler Funktionen wie Destrukturierung, Pfeilfunktionen, Template-Literale verwenden und zudem eine Typüberprüfung durchführen. Das Ergebnis ist eine deutlich bessere Code Organisation. 

Darüber hinaus bietet die Programmiersprache Schnittstellen für die objektorientierte Programmierung (OOP) und ein erweitertes Typsystem. 

Da die Programmiersprache als Obermenge von JavaScript konzipiert ist, ergeben sich keine Kompatibilitätsprobleme. Die Integration von TypeScript-Code in JavaScript-Projekte ist ohne Umschreibungen möglich.

Was ist der Ursprung von TS?

Die Programmiersprache wurde von Microsoft ursprünglich für die hausinterne Nutzung entwickelt. 

Große JavaScript-Anwendungen sollten vereinfacht und beschleunigt werden. 2012 wurde die Programmiersprache als Open Source zur Verfügung gestellt. 

Die laufenden Weiterentwicklungen werden unter einer MIT-Lizenz vertrieben. 

Zahlreiche Organisationen und Unternehmen nutzen heute TypeScript für die Entwicklung und Überarbeitung von größeren JavaScript-Anwendungen. Die bekanntesten Nutzer sind Facebook, Google und Netflix.

Die Vor- und Nachteile

Zu den Vorteilen der Programmiersprache gehört die freie und kostenlose Verfügbarkeit und Nutzbarkeit. 

Durch zusätzliche Features bietet sie einen höheren Entwicklungskomfort. 

Zugleich ist die Programmiersprache problemlos mit JavaScript kompatibel. Bestehende Codebibliotheken können weiter genutzt werden. 

Statische und optimale Typisierung gestalten den Code übersichtlicher und sorgen dafür, dass Fehler schneller und zuverlässiger erkannt werden. 

Darüber hinaus unterstützt die Programmiersprache die objektorientierte Programmierung, was Entwicklern den Umstieg erleichtert. Hier die wichtigsten Vorteile auf einen Blick:

• kostenlos und frei verfügbar
• hoher Entwicklungskomfort durch neue Features
• Kompatibilität mit JavaScript
• Weiternutzung bestehender Codebibliotheken
• leichter Umstieg durch objektorientierte Programmierung
• optimierte Fehlererkennung durch statische und optimale Typisierung
• Weiterentwicklung und Support

Es sind allerdings auch einige Nachteile zu verzeichnen. Die Programmiersprache setzt gute Kenntnisse von JavaScript voraus, da es sich um eine Weiterentwicklung handelt. Daher fehlt es an der Zugänglichkeit für Anfänger. Außerdem nimmt die Kompilierung viel Zeit in Anspruch. Hier die Nachteile auf einen Blick:

• Voraussetzung guter JavaScript-Kenntnisse
• mangelnde Zugänglichkeit für Anfänger
• langsame Kompilierung

Die Nutzung von React

React gehört zu den am häufigsten verwendeten JavaScript-Bibliotheken. Sie bietet gute Voraussetzungen für die Gestaltung von Benutzeroberflächen. Wer in TypeScript programmiert, kann diese Bibliothek einfach weiterverwenden. Der Code lässt sich ohne Schwierigkeiten zu JavaScript kompilieren. Die Kombination mit React bringt viele Vorteile mit sich. Dazu zählen die statische Typüberprüfung und die bessere Code-Vervollständigung. React sorgt zudem für frühe Warnungen und eine gute Fehlererkennung. Man kann zudem das Code-Verhalten deutlich besser vorhersehen. Durch React gibt es mehr Möglichkeiten, verlorenen Code wiederherzustellen.

Fazit: JavaScript-Projekte ergänzen, vereinfachen und überarbeiten

TypeScript ist die richtige Programmiersprache, wenn man Java-Script-Projekte einfacher gestalten beziehungsweise ergänzen und überarbeiten möchte. 

Die volle Kompatibilität mit JavaScript gehört zu den wichtigsten Vorzügen. 

Bewährte Code-Bibliotheken wie React können einfach weitergenutzt werden. 

Darüber hinaus bietet die Programmiersprache einen hohen Entwicklungskomfort durch statische und optimale Typisierung und eine objektorientierte Programmierung. 

Insgesamt ist für eine bessere Code-Organisation gesorgt. Fehler werden früher und zuverlässiger erkannt. 

Entwicklung und Support durch Microsoft stellen sicher, dass die Codes in allen gängigen Browsern und Nutzeroberflächen funktionieren. 

Für plattformübergreifende Projekte ist TypeScript schon heute unentbehrlich. 

Einziges Manko ist die schwierige Zugänglichkeit für Anfänger, da eine gute Kenntnis von JavaScript für eine gewinnbringende Nutzung sinnvoll ist.

Interessante Beiträge:

Mehr Informationen zu TypeScript auf Wikipedia

Informationen zu TS auf dem t3n Blog

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Die Webentwicklung ist eine sich ständig weiterentwickelnde Domäne. Sowohl React.js als auch Node.js sind leistungsstarke Werkzeuge dafür. 

Während sich Technologien ändern und weiterentwickeln, werden die grundlegenden Konzepte, welche sie antreiben, weiterhin an Bedeutung gewinnen. Die Entscheidung zwischen den beiden Technologien basiert auf einer fundierten Analyse Ihrer Anforderungen sowie Ihrer Ziele. 

Es ist wichtig, sich über die neuesten Entwicklungen auf dem Laufenden zu halten. So stellt man sicher, dass Sie die bestmöglichen Werkzeuge für Ihre Webentwicklungsprojekte anwenden.

Entscheidungen in der Webentwicklung leicht gemacht

Die Welt der Webentwicklung ist reich an Frameworks, Technologien und Tools, welche es Entwicklern ermöglichen, leistungsstarke sowie beeindruckende Webanwendungen zu erstellen.

In diesem Artikel werfen wir einen Blick auf zwei wichtige Technologien in diesem Bereich: React.js und Node.js. Wir werden ihre Unterschiede, Verwendungszwecke sowie Vor- und Nachteile beleuchten, um Ihnen eine einfache Entscheidungsgrundlage zu bieten.

React.js – Die Kunst der Benutzeroberfläche

React.js, oft einfach als React (im Beitrag auch mit RJS abgekürzt) bezeichnet, ist eine Open-Source-JavaScript-Bibliothek, welche von Facebook entwickelt wurde.

Sie hat die Art und Weise revolutioniert, wie Frontend-Entwicklung durchgeführt wird. Anstatt dass man ganze Webseiten neu laden muss, wenn sich Daten ändern, ermöglicht React die Erstellung von Benutzeroberflächen, welche sich dynamisch aktualisieren, ohne die Seite neu laden zu müssen. Dies führt zu einer reaktionsschnellen und nahtlosen Benutzerführung.

Die Vorteile von React.js:

• Komponentenbasierte Architektur: RJS ermöglicht die Erstellung von wiederverwendbaren Komponenten, welche in verschiedenen Teilen einer Anwendung verwendet werden können. Dies ist gut für eine modulare und organisierte Codebasis.
• Wiederverwendbare Komponenten: RJS ermöglicht die Erstellung von wiederverwendbaren Komponenten, welche in verschiedenen Teilen einer Anwendung integrierbar sind. Dies fördert eine modulare Codebasis, beschleunigt die Entwicklung und erleichtert überdies die Wartung. Entwickler können dabei vorgefertigte Komponenten nutzen und diese anpassen, um Zeit und Ressourcen zu sparen.
• Virtual DOM: React verwendet einen virtuellen DOM. Er nimmt nur die notwendigen Änderungen auf der tatsächlichen Webseite vor. Dies führt dazu, dass die Leistung verbessert wird und die Webseiten schneller aktualisiert werden.
• Einfache Integration: RJS kann problemlos in bestehende Projekte integriert werden. Insbesondere können Sie es für bestimmte Teile Ihrer Anwendung verwenden, ohne das gesamte System zu überarbeiten.
• Große Community und Unterstützung: Aufgrund seiner Popularität gibt es eine riesige Community von Entwicklern. Diese teilen ihr Wissen und erstellen regelmäßig Ressourcen. Das bedeutet, dass Hilfe und Unterstützung stets zu finden ist.

Nachteile von React.js:

React.js hat jedoch auch einige Nachteile, auf die wir hier nun eingehen werden.

• Lernkurve für Anfänger: Die Lernkurve für Anfänger ist recht steil. Die Konzepte wie JSX (eine Syntaxerweiterung für JavaScript), Komponenten, Props und State können anfangs etwas verwirrend wirken. Neue Entwickler müssen sehr viel Zeit investieren, um sich mit diesen Konzepten vertraut zu machen, bevor sie effektiv mit RJS arbeiten.
• Sehr viele Optionen: Die große Anzahl von verfügbaren Bibliotheken, Frameworks und Tools im React-Ökosystem ist überwältigend. Entwickler könnten dabei Schwierigkeiten haben, die besten Optionen für ihre spezifischen Bedürfnisse zu finden.
• Browser-Kompatibilität: Einige ältere Browser und Versionen unterstützen möglicherweise nicht alle Funktionen von React. Es können auch zusätzliche Polyfills notwendig sein, um korrekt zu funktionieren. Dies kann zu vermehrtem Entwicklungsaufwand führen, um sicherzustellen, dass die Anwendung in allen Browsern reibungslos läuft.
• Komplexität von Konfiguration und Build-Prozess: Bei der Entwicklung von RJS-Anwendungen sind oft Tools wie Babel oder Webpack erforderlich, um den Code gut zu kompilieren, zu optimieren und zu bündeln. Die Einrichtung und Konfiguration dieser Tools sind komplex und es erfordert technisches Wissen, das nicht alle Entwickler besitzen.
• SEO-Herausforderungen: Obwohl sich die SEO-Fähigkeiten von RJS in den letzten Jahren verbessert haben, kann die Erstellung von SEO-freundlichen Single-Page-Anwendungen noch immer kompliziert sein.

Eine serverseitige JavaScript-Entwicklung

Node.js ist eine Laufzeitumgebung für die serverseitige Ausführung von JavaScript-Code. Dies mag auf den ersten Blick ungewöhnlich erscheinen, da JavaScript ursprünglich im Browser ausgeführt wird.

Diese Technologie hat jedoch die Art und Weise der Backend-Entwicklung verändert, indem es Entwicklern ermöglicht, sowohl den Frontend- als auch den Backend-Teil einer Anwendung mit derselben Programmiersprache zu implementieren.

Die Vorteile von Node.js:

• Einheitliche Sprache: Die Fähigkeit, sowohl Frontend- als auch Backend-Code in derselben Sprache zu schreiben, erleichtert die Entwicklung und Wartung von Anwendungen enorm.
• Hohe Performance: Die Technologie wurde speziell für eine hohe Performance entwickelt. Durch die Verwendung von nicht blockierender, ereignisgesteuerter I/O wird es ermöglicht, mehrere Anfragen gleichzeitig zu verarbeiten, ohne dass es zu Engpässen kommt. Dies ist besonders nützlich für Anwendungen, die viele gleichzeitige Verbindungen nutzen, wie etwa Echtzeit-Webanwendungen, Online-Spiele oder Chatsysteme.
• Skalierbarkeit: Die Technologie ist auf Ereignisverarbeitung ausgerichtet. Es ist dadurch besonders skalierbar und leistungsstark für Anwendungen mit vielen gleichzeitigen Verbindungen.
• NPM-Ökosystem: Der „Node Package Manager“ (NPM) bietet eine Vielzahl an Open-Source-Paketen und Bibliotheken, die Entwicklern helfen, Funktionen effizient hinzuzufügen, ohne alles von Grund auf neu implementieren zu müssen.
• Gemeinsame Codebasis: Mit Node.js können Entwickler Codeteile zwischen Client- und Serverseite teilen. Dies fördert die Wiederverwendung und reduziert den Aufwand erheblich.

Die Nachteile von Node.js:

• Begrenzungen durch Single-Thread: Die Technologie nutzt einen einzelnen Thread, um Ereignisse zu verarbeiten, was in Situationen mit intensiven CPU-Berechnungen einschränkend sein kann. Anwendungen, die stark auf rechenintensive Aufgaben angewiesen sind, könnten mit Engpässen konfrontiert werden, da der Thread blockiert werden kann, während er auf Abschlüsse von Berechnungen wartet.
• Komplexere Codebasis: Trotz der Flexibilität der Technologie bei der Anwendungsentwicklung fehlt es manchmal an klaren Strukturen oder Architekturen. Entwickler müssen ihre eigenen Organisationsmuster und bewährten Methoden selbst implementieren, um sicherzustellen, dass der Code wartbar bleibt und Skalierbarkeit garantiert ist.
• Unbeständige Stabilität bei experimentellen Modulen: In Node.js werden häufig experimentelle Module angeboten, die zukünftige Funktionen testen. Solche Module können aber instabil sein und sich in kommenden Versionen ändern oder sogar entfernt werden. Entwickler, die sich auf solche Module verlassen, müssen darauf Acht geben, dass sie dies auf eigenes Risiko tun und auf unvorhergesehene Änderungen vorbereitet sind.
• Potenzielle Komplexität von Callbacks: Die Technologieverwendet häufig das Konzept von Callbacks, um asynchrone Operationen zu verwalten. Bei komplexen Anwendungen kann dies zur Entstehung einer sogenannten „Callback-Hölle“ führen, in der tief verschachtelte Callbacks schwer zu warten sind. Obwohl Techniken wie Promises und async/await zur Verfügung stehen, erfordern sie dennoch eine sorgfältige Handhabung, um solche Probleme zu vermeiden.
• Nicht immer die beste Wahl für traditionelle Webanwendungen: Während Node.js hervorragend für Echtzeit-Anwendungen, APIs und Microservices geeignet ist, mag es in traditionellen webseitenorientierten Anwendungen, die stark auf serverseitiges Rendern setzen, weniger effizient sein. Die Nicht-Blockierungs-Strategie der Technologie kann dazu führen, dass Anfragen länger dauern, insbesondere wenn sie aufwendige Berechnungen oder komplexe Datenverarbeitung erfordern. In solchen Fällen sind meist traditionelle serverseitige Technologien besser geeignet.

Entscheidungsgrundlage für Ihre Webentwicklung

Beide Technologien haben ihre Stärken und sind für verschiedene Anwendungsfälle optimiert.

Wenn Ihre Hauptpriorität die Schaffung reaktionsschneller, interaktiver Benutzeroberflächen ist, dann ist React.js möglicherweise die richtige Wahl für Sie. Die Komponentenarchitektur und der „Virtual DOM-Ansatz“ ermöglichen die Erstellung beeindruckender Benutzeroberflächen.

Wenn Sie hingegen eine einheitliche Sprache für sowohl Frontend- als auch Backend-Entwicklung suchen und auch leistungsstarke, skalierbare Anwendungen erstellen möchten, ist Node.js eine ausgezeichnete Wahl. Die Fähigkeit, JavaScript-Code auf beiden Seiten zu verwenden, erleichtert die Wartung und Entwicklung enorm.

Fazit

Die Wahl zwischen Node.js und React.js hängt von den Spezifikationen Ihres Projekts ab. Beide Technologien haben die Art und Weise, wie Webanwendungen entwickelt werden, grundlegend revolutioniert. 

React.js konzentriert sich dabei eher auf reaktionsschnelle Benutzeroberflächen, während Node.js sich auf die serverseitige Entwicklung mit JavaScript konzentriert.

Letztendlich wird die Entscheidung von den Zielen Ihres Projekts und den Fähigkeiten Ihres Entwicklerteams beeinflusst .

Interessante Artikel:

Die offizielle Seite von React

Mehr zu Node.js auf Wikipedia

Bilder: Freepik

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Mit Hilfe der Plattform Node.js werden unter anderem individuelle Programme entwickelt, die völlig unabhängig von den üblichen Host-Anwendungen wie einem Webbrowser funktionieren. 

Die Programmierung derartiger JavaScript-Backends ist exakt der Job des Node.js Developers und das macht ihn für eine Vielzahl der unterschiedlichsten Unternehmen sehr attraktiv.

Entwickelt wurde die Plattform Node.js im Jahre 2009, und zwar mit der Zielrichtung, ein geeignetes Tool für die verschiedensten Anwendungen zu kreieren. Typische Arbeitgeber für Node.js Entwickler sind unter anderem:

• Digitalagenturen (meistens mit agilen Teamstrukturen)
• IT-Dienstleister wie zum Beispiel Softwareentwickler
• Lernstudios
• Medienunternehmen

Die Aufgaben und Tätigkeiten im Einzelnen

Der Node.js Entwickler beziehungsweise Developer konzipiert die Backends für verschiedene Webanwendungen wie:

• Content-Management-Systeme
• Desktop-Applikationen
• Foren
• Web Apps

Zur Erfüllung seiner Aufgaben wendet er/ sie stets die aktuellsten Web-Technologien, Tools und JavaScript-Frameworks an. Außerdem berät er Kunden über optimale Lösungen zu ihrem Bedarf und evaluiert die Ergebnisse. Dabei muss er diese Kriterien fest im Blick haben:

• Skalierbarkeit
• Systemintegration
• Verfügbarkeit

In der Regel starten seine Projekte mit einem Briefing und einer Analyse der Anforderungen. Ständige Abstimmungen mit verschiedenen Teams aus Designern, UX/UI-Spezialisten, dem Marketing und Vertrieb gehören zum Arbeitsalltag.

Eines der Hauptziele besteht darin, die Prozesse der Kerngeschäfte der Auftraggeber beziehungsweise Kunden zu optimieren. Nicht selten ist der Developer mit der Entwicklung und Erprobung gänzlich neuer Techniken befasst.

Nicht jeder wird eingestellt

Kein Arbeitgeber möchte die Katze im Sack kaufen. Daher besteht stets eine Bestrebung, die tatsächlichen Entwicklerfähigkeiten eines Bewerbers zu überprüfen. 

Tatsächlich ist Node.js heute in vielen Branchen sehr beliebt, denn „Node“, wie es kurz bezeichnet wird, befördert die Laufzeitumgebung zu einer schnellen und vor allem skalierbaren Softwareentwicklung. 

Außerdem fließen hier JavaScript und Lingua Franca des World Wide Web gleich mit ein, weil auf diese Weise ein ganzes Bündel umfangreicher Funktionen zur Verfügung gestellt wird. Wirklich nutzen lässt sich das alles aber nur durch echte Experten.

Es sind die ganz großen Tech-Giganten und multinationalen Unternehmen wie die NASA, Netflix, Paypal, Uber, LinkedIn, Walmart oder Microsoft, die zurzeit voll und ganz auf Node setzen.

Zu den täglichen Aufgaben der Entwickler gehören unter anderem:

• Anwendung von JavaScript-Frameworks, Web-Technologien und weiteren Tools
• Konzeption von Backends für Webanwendungen
• Kundenberatungen
• Optimierung von Kerngeschäftsprozessen

Folgende Hard- und Soft-Skills sollte ein Node-Entwickler erfüllen

Die Affinität zu den neuesten, innovativen Technologien sollte schon sehr ausgeprägt sein. Der Umgang mit Datenbanken sollte fast eine Lieblingsbeschäftigung sein. 

Gute Kenntnisse in der Entwicklung von Software und im Programmieren sollten reichlich vorhanden sein. Dies gilt neben den „Programmiersprachen“ CSS3, HTML5 und JavaScript insbesondere für den Umgang mit Node.js. Die Anführungszeichen sind hier nur deshalb gesetzt, weil oft größere Diskussionen darüber geführt werden, wie eine Programmiersprache zu definieren ist.

Ohne eine strukturierte, selbständige Arbeitsweise kommt der Developer nicht aus. Er braucht für seine Tätigkeiten neben einer schnellen Auffassungsgabe sowohl konzeptionelle als auch analytische Fähigkeiten gepaart mit einer ordentlichen Portion Empathie, um die wahren, meistens sehr unterschiedlichen Kundenwünsche schnell aufgreifen zu können.

Das Kompetenzprofil sollte weiterhin von hohem kommunikativem Geschick gekennzeichnet sein, die professionelle Präsentationstechnik sollte überzeugend wirken und der überragende Teamgeist wird unter anderem durch die Fähigkeit zur Selbstreflexion und einen ehrlichen Umgang mit Fehlern deutlich.

Es ist in der Tat eine ganze Menge, was einem Node.js Entwickler abverlangt wird. Deshalb sollen die Skills an dieser Stelle noch einmal kurz zusammengefasst werden:

• Gute Kenntnisse in Softwareentwicklung und vor allem in Node.js
• Erfahrung in JavaScript, CSS3 und HTML5
• Große Affinität zu Datenbanken und innovativen Technologien
• Hohes Maß an Flexibilität und Mobilität
• Ausgeprägte Kommunikationsfähigkeit
• Ausdauer, Teamgeist und hohe Lernbereitschaft
• Sehr gutes Selbstmanagement und absolute Termintreue

Was ein Node.js Entwickler vorweisen können sollte

Es gibt keine standardisierte Ausbildung für das Tätigkeitsfeld des Node.js Developers. 

Dennoch erwarten die meisten Arbeitgeber von den entsprechenden Bewerbern ein abgeschlossenes Hochschulstudium in Informatik oder einer vergleichbaren Fachrichtung. 

Zwar ist auch ein Quereinstieg von Autodidakten grundsätzlich möglich, aber ohne fundierte Referenzen geht das nicht. 

Sehr gute Englisch- und Deutschkenntnisse in Wort und Schrift sind eine Grundvoraussetzung, die nicht diskutabel ist. 

Freelancer können lukrative Aufträge überhaupt nur dann akquirieren, wenn sie sehr gut vernetzt sind.

Permanente Fortbildungen

Die technologischen Entwicklungen gehen immer schneller. Die Gefahr, rasch den Anschluss zu verlieren, ist daher gerade im IT-Bereich extrem groß. 

Aus diesem Grunde sind regelmäßige Weiterbildungen ein besonders wichtiges Thema. Dazu zählt auch die genaue Beobachtung der Verschiebungen in den Markt- und Wettbewerbsbedingungen, die direkte Auswirkungen auf die Anforderungen der Nutzer haben.

Die einschlägigen Arbeitgeber wissen das alles und haben entsprechende firmeninterne und externe Schulungen oder Trainings schon fast routinemäßig vorgesehen. 

Für den Programmierer kann dies aber eine große zeitliche und finanzielle Herausforderung bedeuten. 

Im Übrigen kann der Wert eines guten Austauschs innerhalb der Community gar nicht überschätzt werden. Gerade eine intensive Auseinandersetzung mit konkreten Beispielen der Best-Practice bieten dem Developer ein hohes Maß an Inspiration.

Lassen Sie uns auch über Geld sprechen

In Deutschland liegt das durchschnittliche Bruttojahresgehalt eines Node.js Entwicklers zurzeit bei knapp 60.000 Euro, wobei das Einstiegsgehalt ungefähr 10.000 Euro geringer ausfällt. Wer schon etwas länger dabei ist und eine gute Berufserfahrung vorweisen kann, geht durchaus mit 70.000 Euro nach Hause.

Das sind aber alles nur grobe Eckwerte. Die Vergütung hängt gerade bei Angestellten von der Größe des Unternehmens beziehungsweise von der Art der Behörde ab, die hier als Arbeitgeber auftritt. 

Auch spielen die Region und die Branche eine nicht zu unterschätzende Rolle. Neben den individuellen Qualifikationen, die ein Bewerber mitbringt, kommt es zudem sehr auf sein Verhandlungsgeschick im Zuge des Vorstellungsgesprächs an.

Selbstständige Developer neigen nicht unbedingt dazu, ihre Einkünfte zu veröffentlichen. Daher lässt sich hierzu nur ganz allgemein sagen, dass es bei ihnen in erster Linie auf die „Zahlungsmoral“ der Auftraggeber, das eigene Engagement und die Reputationen ankommt. 

Wirft man mal einen verstohlenen Blick nach freelancermap, erfährt man, dass selbstständige Entwickler im Durchschnitt circa 85 Euro pro Stunde verdienen. Tagessätze für Achtstundentage werden dementsprechend mit ungefähr 680 Euro abgerechnet.

Interessante Links:

Unterschiedliche Beiträge zu Node.js auf Entwickler.de

Die offizielle Seite von Node.js

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

„Vanilla JavaScript“ ist ein Begriff, den Entwickler verwenden, um gewöhnliches JavaScript zu beschreiben. Er definiert die Verwendung der eingebauten JavaScript-Methoden und -Objekte ohne zusätzliche Frameworks oder Bibliotheken. 

Daher sollte Vanilla.js-Code direkt nach dem Auspacken funktionieren. Eine externe Bibliothek herunterzuladen oder einzubinden, ist nicht nötig. Der Hinweis steckt schon im Namen: Die Bezeichnung „Plain Vanilla“ beschreibt es als etwas, das keine besonderen oder zusätzlichen Funktionen benötigt. Mit anderen Worten: Vanilla.js ist „gewöhnlich“ oder „Standard“.

Wie funktioniert Vanilla JavaScript?

Vanilla.js ist ein Spoof-Framework und im Grunde eine scherzhafte Bezeichnung. Wenn Nutzer die verschiedenen Optionen konfigurieren und Vanilla.js herunterladen, erhalten sie eine leere Datei. Und das unabhängig davon, welche Funktionen ausgewählt wurden. 

Die Entwickler von Vanilla.js haben sie offensichtlich erstellt, um sich über diejenigen lustig zu machen, die glauben, dass jedes Projekt eine Bibliothek oder ein Framework verwenden muss. Die Seite selbst weist darauf hin, dass beliebte Websites wie Facebook, Twitter und Google Vanilla.js verwenden.

Der Begriff „Vanilla-Skript“ wird verwendet, um das reine JavaScript oder „Plain JavaScript“ ohne jede Art von zusätzlicher Bibliothek zu unterscheiden. Das Vanilla-Skript gehört zu den simpelsten Frameworks. Es ist einfach und unkompliziert zu erlernen sowie zu benutzen. Mit Vanilla.js können Nutzer zahlreiche Anwendungen sowie Websites erstellen.

Das Entwicklerteam, das Vanilla JavaScript entwickelt hat, arbeitet ständig daran, es für Web-Entwickler zu verbessern. Zahlreiche bekannte Webseiten verwenden derzeit Vanilla JavaScript. Diese werden auch auf der Homepage von Vanilla JavaScript erwähnt. Dazu gehören beispielsweise Facebook, Google, YouTube, Wikipedia, Twitter und Amazon. Tatsächlich ist die Anzahl der Webseiten, die Vanilla.js verwenden, viel höher als die Zahl der Seiten, die die freie JavaScript-Bibliothek jQuery einsetzen.

Wie ist der Begriff „Vanilla JavaScript“ populär geworden?

Der Begriff „Vanilla JavaScript“ wurde durch die Verbreitung von externen JavaScript-Bibliotheken wie jQuery und MooTools populär. Mit der zunehmenden Verwendung von externen Bibliotheken und Plug-ins wurde die Grenze zwischen regulärem JavaScript und solchen wie jQuery unscharf. 

Anfänger unter den Entwicklern kannten oft nicht den Unterschied zwischen den beiden. Es dauerte nicht lang, bis das JavaScript-Ökosystem mit beliebten Plug-ins und Tools überflutet wurde, die sich auf externe Bibliotheken stützten. Insbesondere jQuery ist ein bekanntes Beispiel dafür. jQuery ist eine Bibliothek, die Anwendern hilft, bestimmte Operationen zu vereinfachen. 

Zudem half die Bibliothek, viele der browserübergreifenden Probleme zu überspielen, die es mit dem Internet Explorer gab. Allerdings begann die Popularität von jQuery zu übernehmen und schon bald wurde es schwierig, eine JavaScript-Lösung zu finden, bei der sie nicht verwendet wurde. Viele Tutorials setzten voraus, dass Anwender die Bibliothek bereits benutzten. Benutzer auf Frage-und-Antwort-Websites empfahlen sie für die einfachsten Operationen. Plug-ins und andere gängige Tools begannen, davon abhängig zu sein.

Warum sollten Anwender Vanilla JavaScript erlernen?

Dies ist eine sehr häufige Frage, die von Anfängern gestellt wird. Wenn es schon so viele Frameworks und Bibliotheken gibt, warum sollten Anwender dann Vanilla.js erlernen und benutzen? Es gibt mehrere Gründe, Vanilla.js anzuwenden. Die wichtigsten sind:

Web-Performance

Vanilla.js ist besser für die Web-Performance als viele andere Frameworks und Bibliotheken, da es der teuerste und wichtigste Teil des Frontend-Stacks ist. Vanilla-Code muss kompiliert und geparst werden, im Gegensatz zu HTML- und CSS-Dateien, die erst dann zur Verfügung stehen, wenn sie heruntergeladen werden. Eine Vanilla-Datei mit einer Größe von 50 Kilobyte hat eine viel größere Auswirkung auf die Web-Performance als HTML- und CSS-Dateien der gleichen Datengröße.

Benutzerfreundlichkeit

Während der Entwicklung einer Anwendung oder Website mit JavaScript muss ein Entwickler nur den Texteditor öffnen und kann mit der Codierung beginnen. Entwickler brauchen keine zusätzlichen Schritte wie npm-Installation oder Kompilierungsschritte durchzuführen.

Es vereinfacht die Arbeit mit Frameworks

Für den Fall, dass ein Entwickler noch eines der anderen Frameworks verwenden möchte, macht es die Arbeit mit ihnen ebenfalls komfortabler. Nutzer wissen, wie schwer es ist, mit einem Framework anzufangen. In der Dokumentation wird eine Menge Wissen vorausgesetzt. Wenn Anwender verstehen, wie die verfügbaren Tools funktionieren, sind sie einfacher zu lernen. Vanilla.js bildet diese Grundlage.

Einige andere wichtige Vorteile des Vanilla-Skripts sind wie folgt:

• Interoperabilität: Nutzer können das JavaScript in verschiedenen Webseiten und Anwendungen einfügen, weil es andere Sprachen wie PHP und Pearl unterstützt.
• Server-Auslastung: Die Ausführung des JavaScripts erfolgt auf der Client-Seite und reduziert so den Gesamtbedarf an Server-Nutzung. Außerdem erfordert die einfache Anwendung keine Beteiligung des Servers.
• Reiche Schnittstellen: Mithilfe von JavaScript können Anwender eine hervorragende Qualität von Funktionen wie Drag-and-drop und Komponenten wie einen Schieberegler erstellen. Dies kann die Benutzererfahrung auf der Website positiv beeinflussen.
• Geschwindigkeit: Da die Ausführung auf der Client-Seite erfolgt und keine externen Ressourcen benötigt werden, ist die Geschwindigkeit besser. Die Geschwindigkeit von JavaScript wird außerdem nicht durch die Aufrufe an einen Back-End-Server beeinträchtigt.

Anwender sollten sich bewusst sein, dass JavaScript viele leistungsbezogene Vorteile bietet. Wenn sie sich gegen Vanilla JavaScript oder reines JavaScript entscheiden, werden die meisten dieser Vorzüge nicht genutzt.

Nachteile des Vanilla JavaScripts

Einer der größten Nachteile des Vanilla JavaScripts ist die clientseitige Sicherheit, da der Code von JavaScript bekanntlich auf der Client-Seite einsehbar ist. Daher kann ihn jeder modifizieren und als Werkzeug für bösartige Zwecke verwenden. 

Ein weiterer großer Nachteil von JavaScript ist, dass es keine Debugging-Funktion hat. Nutzer können es nicht für netzwerkbasierte Anwendungen verwenden, da es keine derartige Unterstützung gibt. Das Vanilla-Skript verfügt auch nicht über Fähigkeiten wie Multiprozessoren oder Multithreading usw. Darüber hinaus erlaubt das Skript aus Sicherheitsgründen nicht das Auslesen und Schreiben von Dateien.

Fazit

Vanilla JavaScript ist ein Begriff, um gewöhnliches JavaScript zu beschreiben. Obwohl Bibliotheken und Frameworks immer noch sehr beliebt sind, sind sie keine Notwendigkeit mehr. Viele Probleme der älteren Browser sind gelöst. Moderne Browser sind besser darin, offene Standards zu befolgen. 

Infolgedessen können Nutzer jetzt entscheiden, ob eine Bibliothek wirklich notwendig ist. Vanilla JavaScript ist eigentlich gar keine Bibliothek. Es gibt sogar Anzeichen dafür, dass reines Javascript an vielen Stellen schneller ist. Heute können Anwender sehr schnell auf vorhandene Bibliotheken zugreifen und diese in ihre Projekte integrieren. Sie sollten sich jedoch immer fragen, welche Funktion damit eingesetzt wird und wie viel Arbeit durch das zusätzliche Framework entsteht.

Interessante Links:

Informationen wie grosse Firmen Vanilla JavaScript einsetzen

Eine Wiki Seite zu Vanilla.JS

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

JavaScript-Frameworks sind aus der modernen Webentwicklung nicht mehr wegzudenken. Sie bieten vielfältige fortgeschrittene Funktionen, für die nicht nur viel Zeit, sondern auch eine enorme Sachkenntnis erforderlich wäre, um sie selbst zu implementieren. 

Dank dieser Frameworks lassen sie sich jedoch schnell und einfach einbinden. Für die Umsetzung stehen mehrere verschiedene Alternativen zur Verfügung. 

Eines der beliebtesten Angebote hierfür ist React.js. Allerdings verwenden auch immer mehr Entwickler Vue.js, das genau für die gleichen Aufgaben zum Einsatz kommt. 

Wenn Sie bereits eines dieser Frameworks verwenden, dann möchten Sie sicherlich auch weiterhin damit arbeiten, da Sie bereits an die Anwendung gewöhnt sind. Wenn Sie diese Technik jedoch neu erlernen möchten, stellt sich die Frage, welche dieser beiden Möglichkeiten besser für Ihre Projekte geeignet ist. Dieser Artikel vergleicht React.js und Vue.js und stellt die Vor- und Nachteile der beiden Alternativen vor.

React.js und Vue.js: zwei Frameworks mit identischen Anwendungsbereichen

Zunächst einmal sollen die Gemeinsamkeiten der beiden Frameworks behandelt werden. Sie entstanden beide etwa im gleichen Zeitraum – React.js wurde 2013 veröffentlicht und Vue.js im Jahre 2014. Beide Angebote basieren auf der Programmiersprache JavaScript. 

Daraus geht bereits hervor, dass sie sich für die Gestaltung clientseitiger Webanwendungen eignen. Das bedeutet, dass das entsprechende Programm innerhalb des Browsers des Anwenders abläuft. Außerdem eignen sich beide Frameworks für die Gestaltung sogenannter Single-Page-Webanwendungen. 

Im Vergleich zu herkömmlichen Websites, die aus vielen verschiedenen Einzelseiten bestehen, die untereinander verlinkt sind, verwenden Single-Page-Anwendungen nur eine einzige Seite. Diese lädt die erforderlichen Inhalte dann dynamisch nach.

Eine weitere Gemeinsamkeit beider Frameworks besteht darin, dass sie einen virtuellen DOM-Baum verwenden. Dieser dient dazu, die einzelnen Elemente innerhalb der Seitenstruktur zu erreichen.

JSX und HTML-Templates

Trotz der zahlreichen Gemeinsamkeiten beider Frameworks bestehen auch erhebliche Unterschiede. 

Ein wichtiger Aspekt ist hierbei die Technik, die zum Erstellen der Inhalte zum Einsatz kommt. React.js verwendet zu diesem Zweck ein System, das als JSX bezeichnet wird. Dabei handelt es sich um eine Erweiterung der JavaScript-Syntax. Darin ist es beispielsweise möglich, XML-Elemente und HTML zu verwenden. 

Trotz der Ähnlichkeit zu anderen Techniken sollten Sie beachten, dass JSX ausschließlich bei React zum Einsatz kommt und einige spezielle Eigenheiten aufweist. Daher ist es für die Entwickler notwendig, sich zunächst ausführlich in die Arbeit mit JSX einzuarbeiten. 

Vue.js verwendet hingegen HTML-Templates und klassisches JavaScript. 

Wenn Sie sich bereits mit der Webentwicklung auskennen, können Sie daher die bekannten Techniken weiterverwenden. Das erleichtert den Einstieg und führt zu einer steileren Lernkurve. Außerdem ist die Komplexität der Implementation meistens geringer. 

Das führt zu einer geringeren Entwicklungszeit. Allerdings bietet auch JSX Vorteile: Diese Technik ist besonders robust und flexibel.

Integration in bestehende Anwendungen

Im vorherigen Abschnitt wurde aufgezeigt, dass React mit JSX eine Technik verwendet, die nur für dieses Framework zum Einsatz kommt. Vue nutzt hingegen bekannte Techniken wie HTML und JavaScript, die auch bei vielen weiteren Projekten Verwendung finden. 

Dieser Aspekt ist insbesondere dann von großer Bedeutung, wenn Sie bereits bestehende Webanwendungen erweitern oder umgestalten möchten. In diesem Fall fällt die Integration von Vue in der Regel deutlich leichter. Nutzen Sie hingegen React, sind meistens deutlich umfangreichere Anpassungen notwendig.

Die Entwickler-Community

Bei der Bewertung der beiden Frameworks lohnt es sich auch, einen Blick auf die Entwickler-Community zu werfen. React.js entstand ursprünglich bereits 2011 für die Entwicklung von Facebook. Die Mitarbeiter des riesigen Konzerns entwickelten diese Technik, um die Programmierung dieses sozialen Netzwerks zu erleichtern. Dabei kam es zunächst ausschließlich zu einer internen Nutzung. 

Zwar beschloss Facebook 2013, diese Technik als Open-Source-Software fortzuführen und öffentlich zugänglich zu machen. Dennoch stellt das Unternehmen nach wie vor zahlreiche Mitarbeiter für die Entwicklung ab. Fast alle Produkte des Konzerns – neben Facebook selbst beispielsweise auch Instagram und WhatsApp – nutzen diese Technik. Selbst der Konkurrent Twitter setzt React.js ein. Die starke Unterstützung durch Facebook führt dazu, dass es hierbei zu einem ständigen Entwicklungsfortschritt kommt. 

Der Konzern sorgt nicht nur dafür, dass das Framework an die neuesten technischen Entwicklungen angepasst wird. Darüber hinaus kommt es immer wieder zur Ergänzung neuer Funktionen. Außerdem garantiert die Zusammenarbeit mit Facebook eine langfristige Unterstützung und eine hohe Stabilität.

Bei Vue.js handelt es sich hingegen um ein deutlich kleineres Projekt. Es entstand zwar auf Initiative eines früheren Google-Angestellten. Doch wirkt Google nicht an der Entwicklung mit. Mit Angular entwickelt dieses Unternehmen sogar ein eigenes Framework, das sich für ähnliche Einsatzbereiche eignet. 

Das Entwicklerteam bei Vue.js ist daher deutlich kleiner und die finanziellen Möglichkeiten sind wesentlich geringer. Das kann dazu führen, dass Anpassungen manchmal etwas länger dauern und dass der Funktionsumfang langsamer ansteigt.

Die Beliebtheit von Vue.js und React.js

Um die einzelnen Frameworks zu beurteilen, ist es sinnvoll, auch einen Blick auf die Verwendung zu werfen. Es wurde bereits erwähnt, dass React.js für viele große Projekte zum Einsatz kommt – wie etwa Facebook, Twitter, Instagram und WhatsApp. Bei Vue.js sind die Anwender zwar nicht ganz so bedeutend, doch kommt dieses Framework ebenfalls für namhafte Projekte zum Einsatz. Beispiele hierfür sind GitLab und Grammarly.

Zuverlässige Statistiken über die Gesamtzahl der Anwender der Frameworks zu finden, ist leider nicht möglich. Doch weisen zahlreiche Indizien darauf hin, dass React.js bei deutlich mehr Projekten zum Einsatz kommt als Vue.js. Allerdings sind bei letzterem Framework in den letzten Jahren enorme Zuwächse zu verzeichnen. Das führt dazu, dass der Abstand bei den Nutzerzahlen langsam geringer wird.

Verwendung für mobile Apps

Bei der Entscheidung, welches Framework Sie verwenden möchten, ist noch ein weiterer wichtiger Aspekt zu nennen. Mit React Native unterstützt React.js auch die Gestaltung nativer Smartphone-Apps. Das ist mit Vue.js zumindest bislang nicht möglich. 

Wenn Sie ausschließlich Webanwendungen erstellen möchten, spielt dieser Aspekt sicherlich keine große Rolle. Wenn Sie jedoch vorhaben, Ihre Web-Applikation durch eine native App zu ergänzen, kann es eine erhebliche Erleichterung darstellen, hierfür mit dem gleichen Framework zu arbeiten. Auf diese Weise sind deutlich weniger Anpassungen erforderlich. 

Das kann die Entwicklungszeit reduzieren. Daher ist in diesem Fall die Verwendung von React zu empfehlen.

Fazit: Beide Frameworks bieten Vor- und Nachteile

Die vorherigen Abschnitte haben gezeigt, dass beide Frameworks unterschiedliche Vor- und Nachteile bieten. Wenn Sie beispielsweise bereit mit HTML und JavaScript arbeiten und nach einer Möglichkeit suchen, ohne großen Aufwand Single-Page-Webapplikationen zu gestalten, bietet sich sicherlich Vue.js an. Mit diesem Framework können Sie die bekannten Techniken weiterhin verwenden, sodass der Einstieg leichter fällt. Auch wenn Sie eine bestehende Anwendung erweitern möchten, bietet diese Technik viele Vorteile.

React.js bietet sich hingegen in erster Linie dann an, wenn Sie auch native Smartphone-Apps erstellen möchten. Das ist mit Vue nicht möglich und stellt daher einen großen Vorteil des React-Frameworks dar. Auch wenn Sie viel Wert auf Stabilität und schnelle Anpassungen legen, bietet sich dessen Verwendung an, da die Entwicklergemeinschaft hierbei durch die Unterstützung durch Facebook sehr aktiv ist.

Letztendlich ist es nicht möglich, eine klare Antwort auf die Frage zu geben, welches Framework besser ist. Das hängt stets von der Art des Projekts und Ihren persönlichen Vorzügen ab. Beide Alternativen eignen sich bestens für die Erstellung von Single-Page-Webanwendungen. In mehreren Detailfragen bieten sie jedoch unterschiedliche Vor- und Nachteile.            

Interessante Links:

Vue, Angular und React im Vergleich auf entwickler.de

Was sind die Unterschiede der JavaScript Frameworks auf kruschecompany.com

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Es ist noch gar nicht so lange her, dass die Begriffe Frontend und Backend eine nennenswerte Unterscheidung in der Softwareentwicklung haben. Der klassische Programmierer war ursprünglich für beides zuständig. 

Doch mit dem Aufkommen des Internets begann es sich zu differenzieren. Dabei war der Webdesigner für das Frontend zuständig und der Webentwickler übernahm die funktionelle Programmierung, also das Backend. Programmierarbeit ist allerdings heutzutage in den meisten Fällen auch im Frontend notwendig. 

Dadurch dass sich in der Webentwicklung diese beiden Bereiche getrennt entwickelt haben, gibt es dort unterschiedliche Technologien und Programmiersprachen. In der Webentwicklung dominieren heute im Frontendbereich HTML, CSS und Javascript.

Was ist das Frontend?

Das Frontend ist alles, was der Benutzer sehen oder bedienen (anklicken) kann – es geht um Interaktion, visuelle Elemente, Schnittstellen. Das Frontend wird oft als „Client-seitige“ Software bezeichnet und hat grafische Elemente, Bilder und Links. 

Ein modernes Web-Frontend ist plattformunabhängig und ermöglicht ein responsives und zunehmend fortschrittliches Webdesign für alle Gerätetypen und Bildschirmauflösungen – vom Smartphone über das Tablet bis hin zum klassischen Desktop-PC. Da alle wichtigen öffentlichen Seiten mittlerweile mehr Zugriffe von mobilen Endgeräten als von Laptops oder stationären Computern haben, macht dieser Ansatz sehr viel Sinn. 

Nur so kann eine hohe Nutzerakzeptanz und maximale Produktivität der Software durch umfassende Verfügbarkeit erreicht werden. Ein professioneller Frontend-Entwickler achtet zudem auf höchste Stabilität, damit eine kostengünstige Wartung möglich ist. Javascript, CSS und HTML5 sind dabei für jeden Frontend-Softwareentwickler unverzichtbar. Frontend-Entwickler arbeiten hauptsächlich an Websites. Backend-Entwickler kümmern sich um die gesamte Server-Logik, Datenbanken und den Client-Server-Datenfluss. 

Auch wenn der größte Teil der Arbeit eines Backend-Entwicklers auf den ersten Blick nicht sichtbar ist, so ist er doch das Herzstück seiner Anwendung.

Was ist Webentwicklung?

Bei der Webentwicklung geht es um die Erstellung von Websites für das Internet. Ein großer Bereich der Webentwicklung dreht sich darum, Fehler zu erkennen und zu korrigieren, um eine Website dauerhaft zu verbessern. 

Die Hypertext Markup Language (HTML) wird dabei in der Webentwicklung zur semantischen Grobstrukturierung digitaler Objekte durch sogenannte Marker verwendet. Auf diese Weise können Elemente wie Textabschnitte, Überschriften, Grafiken oder Hyperlinks definiert werden. 

Ein solch ausgezeichneter Quellcode stellt die Grundstruktur jeder Webseite dar. Die moderne Version HTML5 erweitert einen solchen exzellenten Quellcode zusätzlich um Markups für Audio- und Videoelemente. Die wichtigsten Programmiersprachen zur Entwicklung lebendiger Webseiten für das Backend sind PHP, Java und Python – für das Frontend hingegen Javascript.

Wie arbeitet ein Frontend-Entwickler?

Frontend-Entwickler arbeiten oft in einer interdisziplinären, agilen Gruppe. Es findet immer ein reger Austausch mit Kollegen aus dem Backend- und Frontend-Bereich statt. Außerdem arbeiten sie oft eng mit den Abteilungen Design, Technik, Produkt- und Projektmanagement zusammen. 

Mit Frontend-Techniken und -Technologien können Frontend-Entwickler Webseiten prinzipiell auch von Grund auf neu schreiben oder, was inzwischen immer häufiger der Fall ist, da es viel Zeit spart, auf das bestehende Design anwenden und es an die Bedürfnisse der Kunden anpassen. Neben der Beherrschung der zentralen Techniken sind auch gute methodische Fähigkeiten für die Frontend-Entwicklung wichtig. 

Gerade Firmen und Unternehmen profitieren von Profis mit umfangreichen Kenntnissen. Dazu müssen die Programmierer Begriffe wie Black-Box-Testing, White-Box-Testing und Beta-Testing kennen und Abweichungen erklären können, außerdem muss der Quellcode klar strukturiert sein und eine umfangreiche Dokumentation erstellt werden. Dementsprechend braucht man Kenntnisse in CSS, sollte aber auch etwas von Programmierung verstehen.

Was ist HTML?

HTML ist eine sogenannte Auszeichnungssprache für Dokumente, die neben Texten auch Links, Bilder und andere Dinge enthalten. HTML-Dokumente sind dabei die Basis für des World Wide Web. Sie werden von allen Webbrowsern verarbeitet und angezeigt. HTML-Dateien versehen dabei die Inhalte mit zusätzlichen Informationen, zum Beispiel über Sprachen, den Verfasser oder den Inhalt des Dokuments. 

Die visuelle Darstellung ist jedoch nicht Teil von HTML. Vor dem Aufkommen des World Wide Web und seiner Dienste, darunter HTML, war es nicht möglich, Dokumente elektronisch zwischen mehreren Geräten auszutauschen. Daher wurde eine Textauszeichnungssprache benötigt, die leicht zu verstehen war. Genau an dieser Stelle kam HTML ins Spiel. Um Forschungsergebnisse mit Kollegen austauschen zu können, wurde 1989 am CERN ein Projekt initiiert, aus dem letztendlich HTML hervorging.

Was ist CSS?

CSS ist eine Programmiersprache, die im Webdesign verwendet wird, um das Layout, die Farben und das Design von Websites standardmäßig zu programmieren. Zusammen mit HTML bildet CSS eine Kernsprache des World Wide Web. 

Die Abkürzung steht für „Cascading Style Sheets“. Die darin definierten Stile werden in „Stylesheets“ mit der Endung .css an die Elemente einer Webseite angehängt. Viele Leute sind der Meinung, dass das Aufkommen von CSS ein Wendepunkt im Webdesign war, weil es Webentwicklern erlaubt, die Stile und das Aussehen mehrerer HTML-Seiten gleichzeitig zu überprüfen, so dass ein Webentwickler nun einen Stil für ein Element definieren und diesen auf unendlich vielen Seiten verwenden kann.

Was ist Javascript?

Javascript ist die Programmiersprache des World Wide Web – geschaffen für Webseiten und im Laufe der Zeit erweitert für immer komplexere Anwendungen. Sie bringt Interaktion auf HTML-Seiten und reduziert die zeitaufwändige Übertragung zwischen Benutzer, Browser und Server. Sie ermöglicht darüber hinaus die Interaktion mit dem Benutzer oder die Validierung von Eingaben. Mit Javascript können Einsteiger auch ohne viel Erfahrung und selbst mit wenig Programmierkenntnissen erstaunlich einfach Aufgaben lösen. 

Mit dem Anstieg immer komplexerer Anforderungen für dynamische Frontends, wurden zahlreiche Erweiterungen (Frameworks) in Javascript entwickelt, die dieses in seiner Funktionalität stark erweitern. Eines der ersten Frameworks war JQuery. JQuery vereinfacht den Umgang mit den Elementen, aus denen eine Website besteht, erheblich und erspart dem Entwickler eine Menge Programmierarbeit, da JQuery eine Seite verändern kann, während sie dem Benutzer angezeigt wird. Weitere bekannte Frameworks, die zum Teil auf JQuery aufbauen, sind React, Angular oder Vue.

Fazit

Frontendentwickler im Bereich der Webentwicklung müssen heute mit einer großen Zahl unterschiedlicher Technologien und Programmiersprachen umgehen können. Gleichzeitig müssen sie so unterschiedliche Formate wie HTML, CSS und Javascript miteinander verknüpfen und zu einem funktionieren Ganzen vereinen. 

Umfangreiche Javascript-Bibliotheken versuchen mittlerweile diesen Prozess zu vereinfachen und die Technologien miteinander in einem Paket zu verschnüren. Das bedeutet aber wiederum für den Frontendentwickler, dass er sich permanent in neue Technologien einarbeiten muss.

Interessante Links:

Das Zusammenspiel von HTML, CSS und JavaScript

Frontendentwicklung einfach erklärt auf Phlow

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Vue.JS (kurz VJS) hat in den letzten Jahren an Popularität zugenommen. In diesem Beitrag ein paar Informationen warum Programmierer damit arbeiten und wie man an solche Experten kommt.

Einführung

Was ist Vue.JS?

Um zu verstehen, um was es sich bei VJS handelt, muss man sich nur die Entstehungsgeschichte anschauen.

Ein Entwickler namens Evan You arbeitete bei Google und nutzte das populäre JavaScript Framework Angular, mit welchem man sogenannte Single Page Applications schreiben kann.

Es gab jedoch Punkte die dem Erfinder von VJS nicht gefielen. “Was wenn man etwas erstellen würde, was nur die guten Dinge von Angular beinhaltet und leichtgewichtig ist?”.

Genau das ist Vue.JS: Es ist ein leichtgewichtiges Frontend JavaScript Framework, mit welchem man Single Page Anwendungen erstellen kann.

Warum gerade diese JavaScript Framework?

In den letzten Jahren sind gefühlt unendlich viele JS Frameworks entstanden.

Am Anfang stand jQuery. jQuery war lange Zeit das dominierende JS Framework.

 Dann kam Angular.JS und viele JavaScript Entwickler stiegen darauf um.

Über einige Jahre war Angular sehr verbreitet und es wurde speziell auch in .NET Projekten (Microsoft Programmier-Framework) im Frontend verwendet.

Die grosse Herausforderung ist jedoch, dass es eine hohe Lernkurve hat, dass heisst, man braucht einiges an Zeit, sich daran einzuarbeiten. Zum anderen ändern sich die Versionen von Angular schnell, was dazu führt, dass man den Code oftmals von Grund auf neu schreiben muss.

Zudem steht eine riesige Firma, in diesem Fall Google hinter der Entwicklung dieses Frameworks. Nicht jeder Entwickler möchte an einer Technologie eines Mega Konzerns arbeiten.

Anders bei Vue.JS Entwicklungen. Es ist sehr leichtgewichtig und eher einfach zu erlernen (ein Vorteil gegenüber Angular). Zudem wird VJS von einer Entwickler-Community betrieben und es steht keine grosse Firma (welche eigene Interessen haben könnte) dahinter.

In welchen Projekten kommen solche Experten zum Einsatz?

Vue.JS Entwickler arbeiten meistens an Frontend Programmierungen. Im Backend wird oftmals PHP genutzt. Im sogenannten Headless Ansatz, könnte man VJS mit fast jeder Backend Technologie wie ASP.NET oder einem Content Management System (CMS) wie WordPress oder TYPO3 oder einem Onlineshop System wie Magento nutzen.

Dann hat man die Vorteile von beispielsweise einem CMS, mit welchem man Inhalte wie Texte, Bilder und Videos verwalten kann und Benutzerberechtigungen vergibt und der Internetnutzer erhält ein schnell ladendes Frontend.

Gibt es solche Entwickler?

Das Besondere bei VJS ist, dass es relativ neu ist. Speziell im deutschsprachigen Raum, aber auch weltweit finden sich sehr viele Agenturen, IT Dienstleister und Entwickler, die damit arbeiten wollen.

Dennoch ist es noch nicht so verbreitet wie Angular oder jQuery, welches auf einer globalen Basis genutzt wird. Speziell in Asien gibt es die Tendenz auf jQuery zu setzen.

Es gibt jedoch immer mehr Programmierer die auf dieses JavaScript Frontend Framework setzen.

Gibt es jedoch reine Vue.JS Entwickler? Die Antwort muss “Jein” lauten.

Es gibt Softwareentwickler die sich auf Vue.JS spezialisiert haben. Bei diesen handelt es sich jedoch nicht selten um JavaScript Experten oder Frontend Profis, welche sich auf mehrere Frontend Technologien wie Vanilla.JS, Angular, React und eben VJS spezialisiert haben.

Reine Vue.JS Profis gibt es eher weniger. Denn auch wenn man auf den Jobportalen wie Stepstone oder ähnlichen sucht, findet man eher weniger solcher Stellenausschreibungen.

Besser ist es daher nach Frontend Entwicklern oder nach JavaScript Programmierern zu suchen, welche sich mit anderen Frontend Frameworks wie Angular oder React auskennen und bereit sind sich in VJS einzuarbeiten.

Gute JavaScript Experten haben meistens keine grossen Probleme sich in VJS einzuarbeiten. Besonders weil sich die unterschiedlichen Frameworks zum Teil ähneln.

Besonders in Verbindung mit PHP interessant

Was mach auch merkt ist, dass sich viele PHP Experten mit VJS auseinandersetzen. Denn es ist eine gute Alternative zu jQuery. Besonders die Laravel Community setzt sich stark mit diesem eher neuen JavaScript auseinander.

Bei einfacheren Projekten wird immer noch jQuery genutzt. In komplexeren Projekten kommt dann Vue.JS zum Einsatz. Besonders in Ländern wie Indien kann man diesen Trend beobachten.

Welche Alternativen gibt es?

Eine wirkliche Alternative zu VJS gibt es nicht. Denn es ist das einzige leichtgewichtige Frontend JavaScript Framework, mit welchem man Single Page Anwendungen entwickeln kann.

Zwei mögliche Alternativen wären eventuell noch Angular, welches jedoch sehr mächtig ist und in vielen kleineren Anwendungen zu gross ist. Und React.JS.

React.JS wird stark von Facebook unterstützt. Einem weiteren Riesenkonzern (wie bei Angular und Google).

Das Gute bei React ist sicherlich, dass Facebook daran interessiert sein wird, die Technologie weiterzuführen.

Zudem ist React auch weiter verbreitet unter Webentwicklern als VJS.

Wenn man also einen erfahrenen React Entwickler sucht, dann wird man diesen schneller finden.

Bei Vue.JS kann es dagegen schon schwerer finden, passende Fachkräfte zu finden.

Aber wie bereits erwähnt, auch ein JavaScript Entwickler, der sich mit React auskennt, kann sich dann auch in VJS einarbeiten.

Ein weiterer Vorteil von React ist, dass es die Möglichkeit gibt Mobile Apps basierend darauf zu entwickeln. Dann spricht man auch von React Native. Mit welchem man Apps programmieren kann, welche auf mehreren Plattformen (iOS, Android, etc.) laufen.

Fazit

In den nächsten Jahren wird es sicherlich immer mehr Programmierer geben, welche mit Vue.JS arbeiten werden.

Man kann jedoch davon ausgehen, dass man eventuell Schwierigkeiten haben wird, reine VJS Experten zu finden.

Höchstwahrscheinlich muss man nach React Entwicklern, Frontend JavaScript Experten oder generell Frontend Profis schauen, die sich dann in diese Technologie einarbeiten. Was wiederum kein grosses Thema sein sollte, da es relativ einfach zu erlernen ist, zumindest wenn man sich gut mit JS auskennt.

Wo findet man solche Experten?

Es gibt einige Partner die sich unter anderem auf VJS spezialisieren. Diese findet man auf Vuejs.org unter “Partners”. Davon gibt es eher weniger und zudem sind diese nicht ausschliesslich auf diese Technologie spezialisiert.

Der Klassiker ist immer noch die Suche über Portale wie Stepstone, wo sich dann entsprechend Webentwickler bei dem jeweiligen Unternehmen bewerben können.

Eine Alternative ist die Suche nach Vue.JS Entwicklern in Indien. Firmen wie YUHIRO helfen beim Aufbau solcher JavaScript Programmier-Teams.

Was sind Ihre Erfahrungen? Welches JavaScript Framework nutzt Ihr? Welche Vorteile seht Ihr bei welchem Ansatz?

Interessante Links:

Berufsbild des Vue.JS Entwicklers

Was macht ein Vue.JS Entwickler

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Der Klassiker in der Umsetzung von Webapplikationen ist immer noch PHP. Sei es erfahrene Programmierer oder Einsteiger. Viele setzen auf diese Technologie.

Auf der anderen Seite gibt es das neue Wundermittel Node.JS. Im Beitrag ein paar Informationen zu beiden Technologien und wann was besser sein könnte.

Einführung

PHP, was zuerst für “Personal Home Page” stand und später dann für “Hypertext Preprocessor”, wird nun seit mehreren Jahrzehnten genutzt, um Webapplikationen aller Grösse umzusetzen.

Es galt als Einstieg in die professionelle Webentwicklung.

Sei es Webseiten, Portale oder Webanwendungen, PHP war zur Stelle.

Dadurch das es jedoch bereits vor vielen Jahren entwickelt wurde, wurden die modernen Anforderungen an solche Online Systeme nicht berücksichtigt. Wie auch, man konnte ja auch nicht wissen, dass in einigen Jahren fast alle Menschen auf der Erde im Internet unterwegs sein werden und eine sehr gute Performance erwarten werden.

Zu Zeiten der Entstehung von PHP haben auch langsam ladende Webseiten gereicht, welche von wenigen Hundert Nutzern angesteuert werden.

Heutzutage erwartet man jedoch Blitzschnelle Anwendungen und gleichzeitig kann es sein, dass diese von Tausenden Personen in der Minute genutzt werden.

Um diese Herausforderung zu lösen, erschuf Ryan Dahl Node.JS. Damit sollte auch eine schnelle Abfertigung von Webanfragen, auch ausserhalb vom Browser, auf dem Server möglich sein. Im Grunde genommen sollten dadurch mehrere Zehntausend Anfragen gleichzeitig möglich werden.

Wann sollte man den Hypertext Preprocessor nutzen?

Kurze Antwort: Man kann und sollte PHP für fast alles nutzen. Auch heutzutage.

Sei es moderne Content Management Systeme wie WordPress oder TYPO3, Shoplösungen wie Shopware oder Magento, Social Media Plattformen wie Facebook oder komplexe Webapplikationen. Überall wird diese Webtechnologie eingesetzt.

In der Realität sieht es auch so aus, dass die meisten Anforderungen mit diesem Ansatz umgesetzt werden können. Denn die meisten Systeme werden höchstens mehrere Hundert Anfragen (zum Beispiel pro Stunde) über das Internet erhalten. Das gilt wohl für 95 Prozent der Anwendungen im Internet.

Moderne Frameworks wie Laravel machen es zudem einfacher und schneller solche Programmierungen zu erstellen. Auch Symfony und Zend sollen nicht unerwähnt bleiben. Zwei weitere spannende Frameworks.

Hier ein paar weitere Vorteile:

1) Es gibt viele Entwickler

Junior Entwickler und Senior Architekten in PHP findet man sehr gut. Auch international. Vermehrt arbeiten Teams global zusammen. Somit kann man auch von Entwickler-Pools ausserhalb der Heimatregion profitieren.

2) Auf fast alle Fragen gibt es Antworten

Auch Antworten auf komplexeste Fragen und Anwendungsfälle kann man Online in Foren und anderen Plattformen finden. Das ist besonders wichtig für Entwickler, welche das Rad nicht neu erfinden wollen.

3) Tried and Tested

Die Technologie ist gefühlt mehrere Millionen mal getestet, geprüft und erfolgreich im Einsatz.

Es gibt geradezu unendlich viele Unternehmen, die Webplattformen basierend auf PHP aufgebaut haben. Sei es CRM (Customer Relationship Management) Systeme, Content Management Systeme, Shopsysteme, Onlineportale oder Softwarelösungen. All das wurde bereits umgesetzt und es sind darum herum kleine bis grosse Unternehmen entstanden.

Wann sollte man den JavaScript Ansatz wählen?

Wenn PHP so toll ist, wann sollte man dann Node.JS (hier auch mit N.JS abgekürtzt) nutzen?

Es gibt einige bestimmte Szenarien, wo Node seine Vorteile hat. Hier einige davon:

1) Hochskalierbare Anwendungen

Trello, Netflix, UBER, PayPal. Das sind einige Schwergewichte die Node.JS im Einsatz haben.

Bei allen ist eines auffallend. Überall müssen Tausende und Hundertausende Nutzer gleichzeitig bedient werden.

N.JS schafft es aufgrund seiner Architektur, diese grossen Zahlen an Nutzern zu bewältigen.

Laut Netflix hat man es durch den Einsatz von N.JS geschafft, die Ladezeiten der Anwendung um 70 Prozent zu verbessern.

Uber nutzt es weil “Es grosse Datenmengen schnell und zuverlässig verarbeiten kann”.

2) Auch das Frontend soll schnell sein

Laut den Entwicklern von LinkedIn, läuft die Mobile App auf der Client Side (das was der Nutzer sieht), zwei bis zehnmal schneller, als mit der vorher genutzten Technologie.

Zudem kann man auf “JavaScript Everywhere” setzen. Dabei nutzt man das Technologie Stack “MEAN”, welches für “MongoDB (Datenbank, JavaScript basiert), Express.JS, Angular.JS (Frontend), Node.JS (Server)” steht. Dadurch wird zum einen die Entwicklung einfacher und zum anderen kommunizieren die unterschiedlichen Bereiche (Frontend, Backend, etc.) schneller miteinander.

3) Startups

Startups probieren viele Dinge aus und es soll definitiv skalierbar sein. Hier eignet sich N.JS ideal.

Voraussetzungen für die Nutzung von N.JS

Besonders Einsteiger, aber auch Profis kommen schnell in’s Schwärmen, wenn es um neue Technologien geht. Besonders N.JS ist so ein Ansatz, welcher sehr positiv ankommt.

Dennoch es gibt einige Voraussetzungen für die Anwendung dieser Technologie.

1) Schnell ändernde Technologie

Anders als PHP, ist Node noch nicht “Tried and Tested”, man kennt noch nicht alle Vorteile und Nachteile.

Zudem ändert sich N.JS ständig. Dadurch das es erst vor ein paar Jahren auf den Markt gekommen ist, kommen auch immer wieder Änderungen an der Technologie.

Dem kann man nur standhalten wenn man selbst ein Entwickler-Team hat, welches ständig diese Änderungen mitmacht.

Zum Teil muss die komplette Anwendung neu geschrieben werden, falls die Änderungen so gross sind. Das geht natürlich in gut finanzierten Startups oder Grossunternehmen die innovativ arbeiten.

Bei konservativen Unternehmungen, zu denen die meisten gehören, ist das eher weniger angesagt. “Einmal programmiert, soll das Ganze erstmal für eine Weile so bleiben”, ist meistens die Denkweise. Hier ist dann PHP der richtige Ansatz.

2) Wenige Entwickler verfügbar

Es gibt nicht gerade viele, welche sich als Spezialisten in N.JS bezeichnen können. Die meisten haben erst ein oder zwei Jahre Erfahrung darin, wenn überhaupt. Verständlich, es gibt die Technologie ja noch nicht so lange.

Das führt zu unterschiedlichsten Herausforderungen: a) Man findet kaum Entwickler auf dem Markt b) Die Gehälter sind extremst hoch c) Die Programmier sind sich zudem auch nicht sicher wie langlebig Node.JS ist (wird es das Ganze in 10 Jahren noch geben?)

Fazit

In den meisten Fällen reicht eine Implementierung in PHP. Besonders wenn nur ein oder zwei Programmierer involviert sind.

Wenn man sehr schnell entwickelt, grössere Teams hat, gut finanziert ist, bereit ist zu experimentieren und rasend schnelle Anwendungen benötigt, dann ist Node der bessere Ansatz.

Man kann sicherlich auch in kleineren Teams N.JS verwenden. Dann sollte man jedoch die Punkte aus diesem Beitrag beachten. Man muss dem Entwickler/in dann genug Zeit einräumen, dass Ganze zu entwickeln und zum Teil muss sich dieser auch darin neu einarbeiten.

Was sind Ihre Erfahrungen? Wann ist was besser?

Interessante Beiträge:
mindtwo macht den Vergleich PHP und dem Herausforderer aus dem JavaScript Bereich
Eine Bachelorarbeit in der Node.JS und der Hypertext Preprocessor analysiert werden

Bilder: Canva

Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.