Nuxt.js - Entwicklung Moderner Webanwendungen

Ziele

In dieser 3-tägigen Schulung "Nuxt.js - Entwicklung Moderner Webanwendungen" werden Sie in die Welt der modernen Webentwicklung eingeführt. Sie lernen, wie Sie mit Nuxt.js, einem leistungsstarken Framework für die Erstellung von Vue.js-Anwendungen, effiziente und serverseitig gerenderte Webanwendungen erstellen können. Der Kurs beginnt mit einer umfassenden Einführung in die Kernkonzepte von Nuxt.js, wobei die Vorteile dieses Frameworks für die Webentwicklung im Mittelpunkt stehen. Sie richten Ihre Entwicklungsumgebung ein, einschließlich der Installation von Node.js, npm, einer geeigneten IDE und Git, und erstellen ein erstes Nuxt.js-Projekt, um die Grundlagen der Projektstruktur zu verstehen.

Im weiteren Verlauf des Kurses vertiefen Sie Ihr Wissen in den Bereichen Routing, View-Struktur und serverseitiges Rendering (SSR) mit Nuxt.js. Sie erkunden die Mechanismen des Routings, einschließlich der Implementierung dynamischer und verschachtelter Routen, und lernen, wie Übergänge und Middleware genutzt werden können, um die Nutzererfahrung zu verbessern. Die Strukturierung von Ansichten mit Dokumenten, Layouts und Seiten sowie Techniken zur Wiederverwendung von Ansichten werden detailliert behandelt. Außerdem erhalten Sie einen Einblick in die Herausforderungen und Lösungsansätze beim serverseitigen Rendering, einschließlich der Konfiguration für SSR und den Umgang mit spezifischen Einschränkungen.

Der letzte Teil der Schulung widmet sich fortgeschrittenen Themen und Best Practices. Sie lernen, asynchrone Daten auf dem Server abzufragen und die asyncData-Methode sowie den Kontext für prärendernde Daten zu nutzen. Die Verwendung von Vuex für das State Management in Nuxt.js-Projekten wird erklärt, einschließlich Zugriff auf und Manipulation von Store-Daten. Schließlich erhalten Sie einen Überblick über Teststrategien unter Nuxt.js, darunter Unit-Tests, Integrationstests und End-to-End-Tests mit Tools wie Ava und jsdom.

Zielgruppe

• Webentwickler

Voraussetzungen

• gute Vue.js Kenntnisse

Agenda

Einführung und Einrichtung

• Einführungen
• Einrichtung überprüfen
• Node.js und npm
• IDE
• Git
• Klassenrepositorium
• Was ist Nuxt.js?
• Was leistet Nuxt.js für mich?

Erzeugen und Untersuchen eines Nuxt.js-Projekts

• Die Nuxt.js command-line Schnittstelle
• Erstellen eines Projekts
• Projektstruktur
• Config files und aliases

Routing

• Routing-Konzepte
• dynamische und verschachtelte Routes
• Transitions
• Middleware

Views

• View Struktur
• Dokumente, Layouts und Pages
• Wiederverwenden von Ansichten
• Der des Dokuments

Serverseitiges Rendering (SSR)

• Was ist SSR?
• Konfigurieren für SSR
• Caveats für SSR
• Server-Modi

Asynchrone Daten

• Asynchrone Daten auf dem Server
• Die asyncData-Konfiguration
• Kontext

Arbeiten mit Vuex

• Verwendung der Store-Konfiguration
• Zugriff auf Store-Daten
• Vuex-Hinweise

Testen unter Nuxt.js

• Unit-Tests
• Integrationstests
• End-to-End-Tests
• Ava
• jsdom

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung