Frontend Webentwicklung mit Nuxt.js

Weiterbildung

4-Wochen-Kurs

Nuxt.js ist ein Frontend-Framework, das auf Vue.js basiert und für die Entwicklung moderner Webanwendungen konzipiert ist. Es vereinfacht den Aufbau von universellen oder Single-Page Vue.js-Anwendungen. Nuxt.js kann erhebliche Vorteile für die SEO Ranking einer Webseite bringen, insbesondere durch seine Fähigkeit zum Server-Side Rendering (SSR) und zur statischen Seitengenerierung.

Inhalt

Einführung in Node.js und Nuxt.js
- Was ist Nuxt.js und warum wird es verwendet?
- Erstellen der ersten Nuxt.js-Anwendung
- Überblick über die Nuxt.js-Projektstruktur
- Grundlagen von Node.js für Nuxt.js
Seiten, Layouts und Routing
- Erstellen von Seiten und Verstehen des Nuxt-Routings
- Verwendung und Anpassung von Layouts
- Dynamische Routen und Nested Routes
Übungsprojekt
- Einfache Blog-Anwendung mit statischen Seiten und dynamischem Routing
- Styling mit Tailwind CSS und File-based Routing
- Einführung in Tailwind CSS und Integration in Nuxt-Projekte
- Implementierung file-basierter Routing-Techniken
Erweiterte Komponenten und Layouts
- Nutzung von NuxtUI für verbesserte UI-Komponenten
- Erstellen wiederverwendbarer Layouts und Komponenten
Übungsprojekt
- Erstellung eines Blog- und Portfolio-Projekts mit Tailwind CSS
Supabase Integration
- Grundlagen von Supabase: Authentifizierung und CRUD-Operationen
- Implementierung von Row Level Security (RLS) in Supabase
Fortgeschrittene Nuxt-Funktionen
- Einführung in Composables und wiederverwendbare Logik
Übungsprojekt
- Entwicklung einer Finanz-Tracker-App mit Nuxt und Supabase
Full-Stack-Entwicklung
- Best Practices in Full-Stack-Entwicklung mit Nuxt und Vue
- Umgang mit Dateiuploads in einer Full-Stack-Anwendung
Projektarbeit