Modul 4 | Software Engineering
In diesem Modul entwickelst du vollständige, moderne Webanwendungen – vom interaktiven Frontend bis zur Datenbankanbindung im Backend. Du verbindest alle bisherigen Kenntnisse zu einem durchgängigen Full-Stack-Verständnis und arbeitest mit Technologien, die aktuell in der Praxis eingesetzt werden.
Du lernst, wie du skalierbare Single-Page-Applications mit React entwickelst, sauberen und wartbaren Code mit TypeScript schreibst und deine Anwendungen professionell strukturierst. Vertiefend baust du mit Next.js leistungsfähige Full-Stack-Apps, die Frontend, Backend und Datenbank nahtlos kombinieren – ohne komplexe Infrastruktur.
Ein besonderer Fokus liegt auf praxisnaher Projektarbeit: Du setzt eigenständig eine vollständige Anwendung um, arbeitest mit modernen Tools und orientierst dich an realen Teamprozessen wie Code Reviews, Versionierung und agilen Methoden.
Inhalte
React Frontend:
- Modernes JavaScript (ES6): Arrow Functions, Destructuring, Spread, Array-Methoden kompakt angewendet
- React-Grundlagen: Komponenten, JSX, Props, State und Event-Handling
- State-Management: Listen, Formulare, Lifting State Up und Kompositionsmuster
- React Hooks: useState, useEffect und erste Custom Hooks
- Routing: Navigation in Single-Page-Applications (z.B. React Router oder Next.js-basierte Ansätze)
Ziel: Entwicklung moderner Single-Page-Applications mit React, die mit bestehenden APIs kommunizieren.
TypeScript, Docker & Agile:
- TypeScript: Typensicherheit mit Grundtypen, Interfaces und generischen Konzepten in realen Projekten
- Qualitätssicherung: Einsatz von ESLint, Prettier und einfachen Tests
- Docker: Containerisierung von Anwendungen (Dockerfile, docker-compose für App und Datenbank)
- Agiles Arbeiten: Scrum/Kanban, Backlogs, Sprints, Code Reviews und strukturierte Team-Workflows mit Git
Ziel: Umsetzung eines End-to-End-Projekts, das zeigt, dass du moderne Full-Stack-Anwendungen eigenständig entwickeln kannst.
Next.js als Full-Stack-Framework:
- Next.js Grundlagen: Dateibasiertes Routing, Layouts sowie serverseitiges Rendering (SSR) und statische Seiten
- Architektur: Server Components vs. Client Components verstehen und gezielt einsetzen
- API Routes: Aufbau eigener JSON-APIs direkt in Next.js (CRUD-Endpunkte)
- Datenbankintegration: Anbindung von SQL-Datenbanken mit Prisma (Modelle, Migrationen, Datenzugriff)
- Authentifizierung: Login, Registrierung und geschützte Bereiche mit Sessions/Cookies
- Styling: Moderne UI-Umsetzung mit Tailwind CSS oder alternativen Styling-Ansätzen
Ziel: Entwicklung vollständiger Full-Stack-Anwendungen mit Next.js, React und SQL/Prisma – ohne separates Backend.
Lernziele
- Du entwickelst eigenständig moderne Full-Stack-Webanwendungen von der Benutzeroberfläche bis zur Datenbank
- Du arbeitest mit aktuellen Tools und Frameworks wie React, Next.js, TypeScript und Docker
- Du setzt praxisnahe Projekte um und orientierst dich an realen Entwicklungsprozessen
Fördermöglichkeit
25 % Ermäßigung mit AK-Bildungsgutschein (für alle selbst zahlenden AK-Vorarlberg Mitglieder)
50 % Förderung durch den Skills Scheck (für Unternehmen)
- Personen, die eine Karriere im Bereich der Frontend- oder Full-Stack-Entwicklung anstreben.
- Selbstständige und Freelancer, die professionelle Websites für ihre eigenen Projekte oder Kunden erstellen wollen.
Fundierte Kenntnisse in HTML, CSS und JavaScript sowie grundlegendes Verständnis von Web-APIs und Datenstrukturen.
Die Kurssprache ist Deutsch. Wir empfehlen mindestens B1 Niveau.
Wir empfehlen deshalb die Module 1, 2 und 3 unseres Diplomlehrgangs Software Engineering zu absolvieren: Modul 1: Software Engineering - Kreatives Webdesign: Von Konzept zu Code, Modul 2: Software Engineering - Praxisorientierte Softwareentwicklung, Modul 3: Software Engineering - SQL Datenbanken.
Wenn du keine dementsprechenden Vorkenntnisse hast empfehlen wir dir unseren Diplomlehrgang SoftwareEngineering, da eine Buchung des kompletten Diplomlehrgangs preislich günstiger ist als alle vier Module einzeln zu buchen.
Zertifikat
Trainer:in
ist Geschäftsführer der IONS IT-Consulting GmbH, welche Web- und App-Lösungen entwickelt und gestaltet, die Nutzen stiften und Freude machen. Bei uns unterrichtet Oliver den Kurs Website erstellen mit Wordpress.
