Vue.js für alle: Wissenswertes für Einsteiger und Experten
()
About this ebook
Marc Teufel gibt einen ersten Überblick über das JavaScript-Framework, seine Unterschiede zu den anderen großen Webframeworks, seine Funktionsweise und größten Vorteile. Außerdem erläutert er detailliert das Komponentenmodell von Vue.js und führt Sie durch die Erstellung einer ersten Komponente. Alexander Schwartz erläutert, was es braucht, um Vue.js auch als Framework für Enterprise-Anwendungen einzusetzen, und Jonas Hecht zeigt, wie sich Vue.js problemlos in Stacks mit Spring Boot und schlussendlich in bestehende Continuous-Integration- und -Delivery-Pipelines integrieren lässt. Und auch wenn Apps im Browser praktisch und plattformübergreifend einsetzbar sind, gibt es doch Situationen, in denen lokal installierte Anwendungen Vorteile haben. Stephan Rauh erklärt, wie sie mit Electron Vue.js-Anwendungen für den Desktop erstellen.
Related to Vue.js für alle
Titles in the series (100)
Zend Framework 2: Für Einsteiger und Umsteiger Rating: 0 out of 5 stars0 ratingsJavaScript für Eclipse-Entwickler: Orion, RAP und GWT Rating: 0 out of 5 stars0 ratingsIT Wissensmanagement: Theorie und Praxis Rating: 0 out of 5 stars0 ratingsHTML5 Security Rating: 0 out of 5 stars0 ratingsEinstieg in Google Go Rating: 0 out of 5 stars0 ratingsJavaScript auf dem Server Rating: 0 out of 5 stars0 ratingsNFC: Near Field Communication für Android-Entwickler Rating: 5 out of 5 stars5/5HTML5 für Mobile Web Rating: 0 out of 5 stars0 ratingsSkalierbare Softwaresysteme: Design, Betrieb und Optimierungspotenziale Rating: 0 out of 5 stars0 ratingsUser Experience Testing 3.0: Status Quo, Entwicklung und Trends Rating: 0 out of 5 stars0 ratingsAlgorithmen: Grundlagen und Implementierung Rating: 0 out of 5 stars0 ratingsServiceorientierte Architektur: Anforderungen, Konzeption und Praxiserfahrungen Rating: 0 out of 5 stars0 ratingsErfolgreiche Spieleentwicklung: OpenGL, OpenAL und KI Rating: 0 out of 5 stars0 ratingsJava EE Security Rating: 0 out of 5 stars0 ratingsUX Design für Tablet-Websites: Ein Überblick Rating: 0 out of 5 stars0 ratingsErfolgreiche Spieleentwicklung: OpenCL Rating: 0 out of 5 stars0 ratingsGeolocation mit PHP: Foursquare-API, Google Places & Qype Rating: 0 out of 5 stars0 ratingsADF - Mobile Apps entwickeln und Swing ablösen: Mobile Apps entwickeln und Swing ablösen Rating: 0 out of 5 stars0 ratingsÜberzeugende Präsentationen: Konzeption, Technik und Design Rating: 0 out of 5 stars0 ratingsApache Tapestry: Einstieg in die komponentenorientierte Webentwicklung Rating: 0 out of 5 stars0 ratingsTFS 2012 Versionskontrolle: Grundlagen, Check-In Policies und Branch-Modelle Rating: 0 out of 5 stars0 ratingsQualitätssicherung mit JavaScript und PHP Rating: 0 out of 5 stars0 ratingsMobile Business: Was Entscheider morgen wissen müssen Rating: 0 out of 5 stars0 ratingsJava 7: Fork-Join-Framework und Phaser Rating: 0 out of 5 stars0 ratingsNutzeraspekte in Suchmaschinen: Komponenten für eine gelungene Usability-Gestaltung Rating: 0 out of 5 stars0 ratingsQualität in IT-Architekturen: Strategie und Planung Rating: 0 out of 5 stars0 ratingsAmazon Web Services für .NET Entwickler Rating: 0 out of 5 stars0 ratingsSharePoint-Entwicklung für Einsteiger Rating: 0 out of 5 stars0 ratingsNintex Workflow: Konzepte und Strategien für leistungsfähige SharePoint-Workflows Rating: 0 out of 5 stars0 ratingsJava EE 7: Ein Ausblick Rating: 0 out of 5 stars0 ratings
Related ebooks
Einstieg in TypeScript: Grundlagen für Entwickler Rating: 0 out of 5 stars0 ratingsAutomatisiertes Testen: Testautomatisierung mit Geb und ScalaTest Rating: 0 out of 5 stars0 ratingsMicrosoft Azure: Cloud Entwicklung für lokale Applikationen Rating: 0 out of 5 stars0 ratingsDie Serverwelt von Node.js Rating: 0 out of 5 stars0 ratingsSoftware entwickeln mit C#, WPF und dem MVVM-Konzept Rating: 0 out of 5 stars0 ratingsVue.js kurz & gut Rating: 0 out of 5 stars0 ratingsSharePoint Kompendium - Bd. 16 Rating: 0 out of 5 stars0 ratingsPowerShell – kurz & gut: Für PowerShell 7 und Windows PowerShell 5 Rating: 0 out of 5 stars0 ratingsMobile Web-Apps mit JavaScript: Leitfaden für die professionelle Entwicklung Rating: 0 out of 5 stars0 ratingsHTML5 kurz & gut Rating: 0 out of 5 stars0 ratingsDocker und die Containerwelt: Einstieg und Expertentipps rund um Docker-Container Rating: 1 out of 5 stars1/5Docker: Webseiten mittels Containerarchitektur erstellen Rating: 3 out of 5 stars3/5.NET-Praxis: Tipps und Tricks zu .NET und Visual Studio Rating: 0 out of 5 stars0 ratingsHTML5, JavaScript und jQuery: Der Crashkurs für Softwareentwickler Rating: 2 out of 5 stars2/5Cross-Plattform-Entwicklung mit HTML und JavaScript Rating: 0 out of 5 stars0 ratingsJavaScript kurz & gut Rating: 3 out of 5 stars3/5Softwareentwicklungsprozess: Von der ersten Idee bis zur Installation Rating: 0 out of 5 stars0 ratingsAgiles Projektmanagement: Scrum für Einsteiger Rating: 0 out of 5 stars0 ratingsJavaScript und Ajax: Das Praxisbuch für Web-Entwickler Rating: 0 out of 5 stars0 ratingsProgressive Web-Apps: Offlinefähige Web-Anwendungen mit nativen Qualitäten Rating: 0 out of 5 stars0 ratingsBig Data, Fast Data Rating: 0 out of 5 stars0 ratingsVMware vSphere 6.5: Deployment, Migration, Patch-Management Rating: 5 out of 5 stars5/5ASP.NET Core: Eine Einführung Rating: 0 out of 5 stars0 ratingsNext Level JavaScript: Schlagworte Rating: 0 out of 5 stars0 ratingsModerne Datenzugriffslösungen mit Entity Framework 6 Rating: 0 out of 5 stars0 ratingsGraphQL: Eine Einführung in APIs mit GraphQL Rating: 0 out of 5 stars0 ratingsKompaktkurs C# 7 Rating: 0 out of 5 stars0 ratingsC++: Kurzportträt einer zeitlosen Sprache Rating: 0 out of 5 stars0 ratingsC++17: Praxiswissen zum neuen Standard. Von C++11 bis 17 Rating: 0 out of 5 stars0 ratings
Programming For You
Programmieren von Kopf bis Fuß Rating: 4 out of 5 stars4/5Algorithmen: Grundlagen und Implementierung Rating: 0 out of 5 stars0 ratingsLinux Grundlagen - Ein Einstieg in das Linux-Betriebssystem Rating: 0 out of 5 stars0 ratingsJavaScript kurz & gut Rating: 3 out of 5 stars3/5Python kurz & gut: Für Python 3.x und 2.7 Rating: 3 out of 5 stars3/5Hacken mit Python und Kali-Linux: Entwicklung eigener Hackingtools mit Python unter Kali-Linux Rating: 0 out of 5 stars0 ratingsGit kurz & gut Rating: 0 out of 5 stars0 ratingsWeniger schlecht programmieren Rating: 4 out of 5 stars4/5Raspberry Pi: Mach's einfach: Die kompakteste Gebrauchsanweisung mit 222 Anleitungen. Geeignet für Raspberry Pi 3 Modell B / B+ Rating: 0 out of 5 stars0 ratingsDas große Python3 Workbook: Mit vielen Beispielen und Übungen - Programmieren leicht gemacht! Rating: 4 out of 5 stars4/5Programmieren lernen mit Python 3: Schnelleinstieg für Beginner Rating: 0 out of 5 stars0 ratings.NET-Praxis: Tipps und Tricks zu .NET und Visual Studio Rating: 0 out of 5 stars0 ratingsMikrocontroller in der Elektronik: Mikrocontroller programmieren und in der Praxis einsetzen Rating: 0 out of 5 stars0 ratingsLinux Befehlsreferenz: Schnelleinstieg in die Arbeit mit der Konsole, regulären Ausdrücken und Shellscripting Rating: 0 out of 5 stars0 ratingsC von Kopf bis Fuß Rating: 3 out of 5 stars3/5SQL von Kopf bis Fuß Rating: 4 out of 5 stars4/5New Game Plus: Perspektiven der Game Studies. Genres - Künste - Diskurse (Bild und Bit. Studien zur digitalen Medienkultur) Rating: 0 out of 5 stars0 ratingsPython-Grundlagen Rating: 0 out of 5 stars0 ratingsEigene Spiele programmieren – Python lernen: Der spielerische Weg zur Programmiersprache Rating: 0 out of 5 stars0 ratingsAndroid-Programmierung kurz & gut Rating: 0 out of 5 stars0 ratingsDie ultimative FRITZ!Box Bibel - Das Praxisbuch 2. aktualisierte Auflage - mit vielen Insider Tipps und Tricks - komplett in Farbe Rating: 0 out of 5 stars0 ratingsPython | Schritt für Schritt Programmieren lernen: Der ultimative Anfänger Guide für einen einfachen & schnellen Einstieg Rating: 0 out of 5 stars0 ratingsRaspberry Pi: Einstieg • Optimierung • Projekte Rating: 5 out of 5 stars5/5Microcontroller für das IoT Rating: 0 out of 5 stars0 ratingsHTML5-Programmierung von Kopf bis Fuß: Webanwendungen mit HTML5 und JavaScript Rating: 0 out of 5 stars0 ratingsSoftwareentwicklungsprozess: Von der ersten Idee bis zur Installation Rating: 0 out of 5 stars0 ratingsProgrammieren für Einsteiger: Teil 1 Rating: 0 out of 5 stars0 ratingsPython lernen – kurz & gut Rating: 0 out of 5 stars0 ratingsPerspektiven für Informatiker 2019: Branchenüberblick, Erfahrungsberichte und Tipps zum Berufseinstieg Rating: 0 out of 5 stars0 ratingsC++: Eine kompakte Einführung Rating: 0 out of 5 stars0 ratings
Reviews for Vue.js für alle
0 ratings0 reviews
Book preview
Vue.js für alle - Jonas Hecht
GmbH
1 Einführung in Vue.js
Bei Vue.js handelt es sich um ein Framework für Webanwendungen, mit dem man auf Basis von JavaScript komponentenorientiert entwickeln kann. Vue.js wirbt damit, dass es besonders schlank, anpassungsfähig und universell einsetzbar sei. Performant soll es auch noch sein, dieses Vue.js. Höchste Zeit also, dass wir uns dieses Framework einmal genauer ansehen.
Den Webanwendungen gehört die Zukunft. Wer sich die Entwicklung im Umfeld der Benutzeroberflächen in den letzten Jahren anschaut, muss eigentlich zu diesem Schluss kommen. Die zunehmende Digitalisierung in allen Lebensbereichen, die explosionsartige Verbreitung sozialer Netzwerke aller Art und das damit einhergehende Bereitstellen von zumeist mobilen, ressourcenschonenden UIs spielt Technologien und Sprachen wie HTML5, CSS und JavaScript positiv in die Hände. Sicherlich wird auch der klassische Rich Client, wie er in Umgebungen wie JavaFX oder der Eclipse Application Platform umgesetzt werden kann, nie ganz verschwinden, und das soll er auch nicht. Doch sind wir ehrlich, müssen wir uns schon eingestehen: Webanwendungen generell haben sich fast überall durchgesetzt. Grund ist die universelle Einsetzbarkeit der zugrunde liegenden Technologien auf so vielen unterschiedlichen Geräten: vom TV-Gerät, dem PC, Notebook, Tablet bis zum Mobiltelefon. Genau in diese Richtung wird es weitergehen.
Beschäftigt euch mit JavaScript!
Insbesondere JavaScript profitiert von dieser Entwicklung. In der JavaScript-Welt passiert gerade extrem viel. Innovation und großes Engagement aus den diversen Entwicklercommunities sind klar erkennbar. Webanwendungen gibt es schon lange, nur waren sie früher eben eher serverzentriert. Große Unternehmensanwendungen, die etwa auf Basis von Java EE umgesetzt wurden, nutzen hierzu oft Technologien wie Servlets, JSP und JavaServer Faces. All diesen Techniken ist gemein, dass sie ihre Ergebnisse (meist HTML-Seiten) serverseitig erzeugen und dieser Output auf dem Client lediglich dargestellt wurde (meist im Browser). Interaktivität auf dem Client? In vielen Fällen Fehlanzeige. Mehr noch: JavaScript war verpönt. Doch die Zeiten haben sich glücklicherweise geändert. Die Entwickler begannen, ihre bestehenden Anwendungen mit JavaScript zu modernisieren, sie interaktiver und vor allem dynamischer zu gestalten. Die Möglichkeiten des Browsers auf dem Client wurden mehr und mehr mit einbezogen. So toll diese neu gewonnenen Freiheiten auch waren, so führten sie nicht selten zu dem Problem, dass die Codebasis einer solchen mit JavaScript modernisierten Webanwendung komplizierter wurde. Plötzlich tummelte sich viel JavaScript-Code in den unterschiedlichsten Dateien und an den unmöglichsten Stellen im Projekt. Die Wartung einer solchen Anwendung konnte da schon zur Herausforderung werden.
Auf der anderen Seite gingen Unternehmen wie Facebook, Twitter oder Google völlig neue Wege. Sie verlegten sich nämlich darauf, mehr und mehr Bestandteile einer Webanwendung direkt im Browser ablaufen zu lassen. Die Idee rund um die sogenannten Single Page Applications nahm konkrete Formen an. Google Docs oder Gmail sind gute Beispiele für diese Entwicklung.
Standards, Struktur und Kontinuität
Aber wie man es dreht und wendet: Egal ob wir Struktur in die mit JavaScript erweiterten Legacy-Webanwendungen bringen oder gleich eine ganze neue Single-Page-Anwendung schreiben möchten, die komplett im Browser läuft: Frameworks sind wichtig. Frameworks helfen uns. Sie bringen Struktur, Standards und Kontinuität in unsere Anwendungsentwicklung. Daher ist es auch kein Wunder, dass gerade im innovationsgetriebenen Umfeld von JavaScript bis heute Frameworks wie Pilze aus dem Boden sprießen. Einige Frameworks für die Entwicklung von Webanwendungen auf Basis von HTML5, CSS und JavaScript konnten sich durchsetzen, andere sind in der Versenkung verschwunden. Werkzeugkästen wie Angular oder React sind mittlerweile echte Platzhirsche geworden. Gerade der zuletzt genannte Kandidat ist enorm erfolgreich und genießt immer mehr Beachtung. Warum das so ist, wird im Kasten „Web Components" näher beleuchtet.
Web Components
Das Internet verändert sich seit 2010 rasant. Firmen wie Facebook, Twitter oder Google gingen dazu über, weitaus mehr als nur Webseiten oder Homepages zu veröffentlichen. Immer ausgereifter wurden deren Produkte. Vollständige Anwendungen, die interaktiv und dynamisch im Browser laufen und sich nativ anfühlen, sind entstanden. Single Page Applications haben ihren Siegeszug angetreten.
Die Entwickler, die diese Anwendungen umsetzen mussten, standen jedoch vor großen Herausforderungen. Die Programmierung von Webanwendungen fand zu dieser Zeit hauptsächlich auf dem Server statt, JavaScript war verpönt, und der spartanische Satz von HTML-Elementen wie
,