In dieser Folge der Kolumne Webentwicklung mit Angular nimmt Karsten Sitterberg den neuen Befehl npm ci unter die Lupe. Welche Vorteile bietet npm ci, und wo liegt der Unterschied zu npm i?

In der Kolumne Die Angular-Abenteuer stürzt sich Manfred Steyer mitten ins Getümmel der dynamischen Welt der Webentwicklung. Tipps und Tricks für Angular-Entwickler kommen dabei ebenso zur Sprache wie aktuelle Entwicklungen im JavaScript-Ökosystem.

Bei der Entwicklung großer Enterprise-Anwendungen mit Angular kommen rasch einige Fragen auf: Wie kann die Anwendung in mehrere Module und npm-Pakete untergliedert werden? Wie können bestehende Identity-Lösungen, wie Active Directory, integriert und Single Sign-on realisiert werden? Wie kann die Performance beim Einsatz großer Clients sichergestellt werden, und wie hilft AOT, Tree Shaking und Lazy Loading dabei? Diese und weitere Fragen beantwortet Manfred Steyer, programmierender Architekt, Trainer und Berater mit Fokus auf Angular und Google Developer Expert (GDE), in seiner Session von der W-JAX 2017.

Web- und Desktoptechnologien verschmelzen mehr und mehr. Dabei spielen Frameworks wie Angular eine große Rolle. Was kann man jedoch tun, wenn die Anwendung offlinefähig sein muss? Eine mögliche Lösung für das Problem ist Electron – ein Container, mit dem Desktopanwendungen auf der Basis von Webtechnologien entwickelt werden können. In seiner Session von der W-JAX 2017 gibt Alexander Casall, Softwarearchitekt und Product Owner im Kontext von modernen UI-Anwendungen, eine kurze Einführung in Angular und zeigt, wie mithilfe von Electron eine Desktopanwendung mit Zugriff auf Betriebssystemfunktionen implementiert werden kann.

React ist derzeit eines der populärsten JavaScript-Frameworks auf dem Markt. Wir haben uns mit Golo Roden darüber unterhalten, welche aktuellen Entwicklungen im React-Projekt stattfinden, warum die funktionale Programmierung heute wieder so im Kommen ist und welche Trends in der Welt der Webentwicklung auszumachen sind.

„Webseiten sind keine Gesamtkunstwerke“, schreibt Jens Grochtdreis im Abstract seines Workshops auf den JavaScript Days. Wir haben uns mit ihm darüber unterhalten, wie man Webseiten modularisiert, welche Rolle Sass dabei spielt und welche Entwicklungen sich derzeit in der JavaScript-Welt abspielen.

Zustandslos und schlank – das sind die Tugenden des wartbaren Weblayers. Wenngleich diese Faustregel für klassische serverseitige Webanwendungen stimmen mag, gilt sie nicht mehr für moderne Single Page Applications. Die sind nämlich in den Ring gestiegen, um die Benutzerfreundlichkeit klassischer Desktopanwendungen ins Web zu bringen.

Angular verfolgt einen relativ klassischen MVC-Ansatz mit Two-Way Data Binding. Das erleichtert den Einstieg und ist für einfache Anwendungen ausreichend. Bei komplexer werdenden Anwendungen kann dieser Ansatz aber für Schwierigkeiten in der Nachvollziehbarkeit der Datenflüsse sorgen und damit die Wartbarkeit und Erweiterbarkeit beeinträchtigen. Eine Alternative dazu ist Redux, das sich in der React-Welt weitgehend durchgesetzt hat. In seiner Session von der W-JAX 2017 erklärt Manuel Mauky, Java-Entwickler bei der Saxonia Systems AG, die Idee und Funktionalität von Redux und wie es mit Angular gemeinsam angewendet werden kann.

In der Kolumne Die Angular-Abenteuer stürzt sich Manfred Steyer mitten ins Getümmel der dynamischen Welt der Webentwicklung. Tipps und Tricks für Angular-Entwickler kommen dabei ebenso zur Sprache wie aktuelle Entwicklungen im JavaScript-Ökosystem.
 

Wir haben uns mit Karsten Sitterberg darüber unterhalten, wie sich das JavaScript-Framework Angular in (Enterprise)-Projekten einsetzen lässt. Zur Sprache kommt auch das Problem der Zersplitterung der JavaScript-Landschaft: Stehen wir mit Angular, Vue, React und TypeScript vor einer Konsolidierung?

Angular Elements erlaubt das Bereitstellen von Web Components, und die noch experimentelle View Engine ngIvy verspricht konkurrenzlose kleine Bundles. Das CLI automatisiert lästige Aufgaben beim Einbinden und Aktualisieren von Bibliotheken und kann nun npm Packages bauen. Was gibt es sonst noch Neues in Angular 6?

Die JAX 2018 ist leider vorbei, aber wir haben einige interessante Aspekte einfangen und einige tolle Interviews führen können, zum Beispiel zum Thema Angular 6. Das nächste Major Release des Frameworks ist gerade erschienen und war hier auf JAXenter natürlich ein großes Thema. Was es sonst noch so Neues gibt, haben wir im Wochenrückblick zusammengefasst.

Microservices mit Angular CLI und Docker bauen – das ist die Aufgabe, die sich Yara Mayer in ihrem Workshop auf dem Microservices Summit stellt. Wir haben sie vorab gefragt, wie sich fachlich zusammengehörige Teile einer Anwendung identifizieren lassen, und wie gut die Kombination Angular+Docker für Microservices-Architekturen geeignet ist.

Angular 6 ist fertig! Endlich. Mit insgesamt einiger Verzögerung, aber lediglich wenige Tage nach dem siebten Relase Candidate, erschien nun die aktuelle Version des Frameworks. Wir haben die wichtigsten Änderungen zusammengefasst.

Was lange währt, wird endlich gut. Mit einiger Verzögerung wurde heute die neueste Hauptversion von Angular, Version 6, veröffentlicht. Auf der JAX 2018 sprachen wir mit Manfred Steyer, Trainer und Berater bei SOFTWAREarchitekt.at, über die neuen Features, die Einsatzmöglichkeiten des Ivy Renderers und zukünftige Features.

Wie geplant hält sich das Angular-Team an den regelmäßigen Releasezyklus von sechs Monaten. Angular 6 ist ein Major Release, damit stehen neben neuen Features auch einige Breaking Changes ins Haus. Auf welche neuen Features man sich freuen darf, und worauf Entwickler achten müssen, wird in diesem Artikel vorgestellt.

Stencil ist ein Compiler für wiederverwendbare Web Components in JavaScript. Was man damit so alles machen kann, erklärt Gil Fink, Experte für Webentwicklung, Microsoft MVP und CEO von sparXys, diese Woche auf der International JavaScript Conference 2018 in London. Wir haben mit ihm über Web Components gesprochen und darüber, warum man dafür Stencil nutzen sollte.

Im Inneren des Angular CLI schlummert seit einiger Zeit der Codegenerator Schematics, der zum Beispiel das Grundgerüst von Komponenten oder Services erzeugt. Diese Bibliothek lässt sich jedoch auch für eigene Zwecke nutzen, um wiederkehrende Programmieraufgaben zu automatisieren.

In der Kolumne Die Angular-Abenteuer stürzt sich Manfred Steyer mitten ins Getümmel der dynamischen Welt der Webentwicklung. Tipps und Tricks für Angular-Entwickler kommen dabei ebenso zur Sprache wie aktuelle Entwicklungen im JavaScript-Ökosystem.

In dieser Folge der Kolumne Webentwicklung mit Angular betrachtet Karsten Sitterberg den neuen Renderer „Ivy“, der im kommenden Angular-6-Release mit an Bord sein wird. Was hat es damit auf sich, und wieso ist der neue Renderer nicht automatisch aktiv?