Moderne Web-Applikationen mit React und Next.js

Lernen Sie React und Next.js systematisch von den Grundlagen von Single-Page-Applikationen bis zu Full-Stack-Architekturen mit Server Components: Sie verstehen die Konzepte, treffen begründete Architekturentscheidungen und können KI-Agenten gezielt einsetzen.

Steckbrief

  • Titel/Abschluss Short Advanced Studies (SAS) Moderne Web-Applikationen mit React und Next.js
  • Dauer 6 Tage
  • Unterrichtstage 22./29.4., 6./20.27.5., 3.6.2027, 08.30-16.15 Uhr
  • Anmeldefrist bis 1 Monat vor Kursbeginn
  • Anzahl ECTS 4 ECTS
  • Kosten CHF 3'000
  • Unterrichtssprache Deutsch
  • Studienort Biel, Aarbergstrasse 46
  • Departement Technik und Informatik
  • Nächste Durchführung ab April 2027

Beginnen Sie Ihre Weiterbildung am 22. April 2027.

Inhalt + Aufbau

Lernen Sie, mit React dynamische und interaktive Webseiten und Webapplikationen effizient zu erstellen.

Short Advanced Studies (SAS)

Short Advanced Studies (SAS) sind Kurse im Umfang von 30–160 Stunden (1–9 ECTS, anrechenbar an DAS oder MAS). Sie erhalten in kurzer Zeit fundierte, praxisorientierte Impulse und Kompetenzen zu aktuellen Themen. Studierende, die die Kompetenznachweise des SAS nicht erbringen wollen, erhalten ein Kursattest (keine ECTS).

Haben Sie noch Fragen?
Antworten finden Sie in unseren ausführlichen FAQ zu den Short Advanced Studies (SAS).

Portrait

React ist eine weit verbreitete Technologie für moderne Web-Frontends und ermöglicht unterschiedliche Architekturen – von der Single Page Application bis zur Full-Stack-Applikation mit Server Components. Gleichzeitig verändert sich React grundlegend, und KI-Agenten schreiben einen wachsenden Teil des Codes. Generierter Code muss beurteilt, durch Architekturvorgaben gesteuert und auf aktuelle Konzepte geführt werden. Fundierte Grundlagen geben Ihnen Orientierung bei Architekturentscheidungen und beim Einsatz KI-gestützter Werkzeuge. Dieses SAS vermittelt React und Next.js systematisch und praxisnah – von den Grundlagen bis zur Full-Stack-Entwicklung. An einer durchgängigen Beispielapplikation lernen Sie, Architekturen umzusetzen und KI-Agenten gezielt einzusetzen.

Berufsperspektiven

Mit den erworbenen Kompetenzen können Sie:

  • React-Aufgaben in Frontend- und Full-Stack-Projekten übernehmen
  • moderne React-Applikationen konzipieren und entwickeln
  • Komponenten, Datenflüsse und Backend-Integrationen gestalten
  • bestehende React-Anwendungen modernisieren
  • SPA- und Full-Stack-Architekturen beurteilen und vergleichen
  • KI-Agenten gezielt für die React-Entwicklung einsetzen
  • als Softwarearchitekt*in oder Tech Lead Architekturentscheidungen begründen und Implementierungen fachlich beurteilen

Ausbildungsziele

  • Sie können wartbare React-Applikationen entwickeln und beherrschen das Zusammenspiel von Komponentenmodell, Rendering, Hooks und Datenfluss.
  • Sie können die Architektur einer React-Applikation gestalten: Rendering-Strategien vergleichen, die Aufteilung zwischen Client und Server festlegen und React in eine Gesamtapplikation mit Backend-Diensten integrieren.
  • Sie kennen das React-Ökosystem und können Toolchain, Bibliotheken und Full-Stack-Frameworks anhand ihrer Aufgaben und Stärken vergleichen und für ein Projekt begründet auswählen.
  • Sie können die Qualität einer Implementierung anhand von Funktion, Tests, Performance und Wartbarkeit beurteilen und gezielt verbessern.
  • Sie können KI-Agenten in der React-Entwicklung gezielt einsetzen: Anforderungen, Architekturvorgaben und Guardrails formulieren, generierten Code verstehen und prüfen sowie fundierte Weiterentwicklungsentscheidungen treffen.

Theorieblöcke mit Beispielen und Live-Coding wechseln sich mit angeleiteten Übungen ab. Über sechs Tage entsteht eine durchgängige Beispielapplikation, die als SPA startet und zur Full-Stack-Applikation mit Server Components ausgebaut wird. In den Übungen können Sie KI-gestützte Entwicklungswerkzeuge einsetzen. Dabei üben Sie, klare Vorgaben zu formulieren und generierten Code fachlich zu prüfen. Die Nutzung der Werkzeuge ist freiwillig; alle Übungen lassen sich auch ohne KI-Unterstützung bearbeiten.

  • Tag 1: Grundlagen – Toolchain, TypeScript, JSX, Komponentenmodell, Rendering
  • Tag 2: Hooks, Effekte, Custom Hooks, Context, Komponenten-Architektur
  • Tag 3: Routing, Backend-Zugriff mit TanStack Query, Formulare mit Actions
  • Tag 4: State Management, Concurrent React, Performance, React Compiler
  • Tag 5: Full-Stack mit Next.js – Rendering-Strategien, Server Components, Server Functions
  • Tag 6: Testing, Architektur grosser Applikationen, Modernisierung, Ökosystem, KI-gestützte Entwicklung

Der Kompetenznachweis erfolgt in Form einer mündlichen Prüfung am Ende des Kurses. Geprüft werden das Verständnis der behandelten Konzepte und ihre Anwendung – die über den Kurs entwickelte Beispielapplikation und die bearbeiteten Übungen dienen dabei als Grundlage für das Prüfungsgespräch.

Studierende, die den Kompetenznachweis nicht erbringen wollen, erhalten ein Kursattest.

Titel + Abschluss

Short Advanced Studies (SAS) Moderne Web-Applikationen mit React und Next.js

Voraussetzungen + Zulassung

Erfahren Sie, für welche Fachpersonen dieser Kurs konzipiert ist und welche Voraussetzungen Sie mitbringen sollten.

Ihre Voraussetzungen

Vorkenntnisse in React sind nicht erforderlich. Vorausgesetzt werden Grundkenntnisse in der Webentwicklung, insbesondere in TypeScript oder JavaScript sowie in HTML und CSS. Sie sollten einfachen Programmcode lesen und anpassen können. Der Kurs baut auf diesen Grundlagen auf und führt schrittweise in die Konzepte von React ein.

Zielpublikum

Das SAS richtet sich an:

  • Entwickler*innen aus Backend, Full-Stack oder anderen Frontend-Technologien, die React von Grund auf lernen möchten,
  • Entwickler*innen mit erster React-Praxis, die ihr Wissen systematisch fundieren und um Themen wie State Management, Server Components und Full-Stack-Architektur erweitern möchten,
  • Softwarearchitekt*innen und Tech Leads, die React-Projekte konzipieren und begleiten.

Beratung

Sie haben Fragen zur Weiterbildung? Wir beantworten Ihre Fragen gerne.

Die Wahl einer Aus- oder Weiterbildung ist eine wichtige Entscheidung bei der Planung der Berufskarriere. Im Rahmen eines individuellen Beratungsgesprächs beantworten wir gerne Ihre Fragen und klären mit Ihnen die persönlichen Voraussetzungen für das gewünschte Bildungsangebot.

Studienort + Infrastruktur

Der Studienort für den Unterricht ist an der Aarbergstrasse 46 im Switzerland Innovation Park Biel/Bienne (SIPBB).

Switzerland Innovation Park Biel/Bienne (SIPBB)

Vielseitige Standortvorteile
 

  • Unterrichtsräume in zwei Minuten Gehdistanz vom Bahnhof Biel/Bienne
  • Ideale Zugsverbindungen im 15-Minuten-Takt ab Hauptbahnhof Bern und im 30-Minuten-Takt ab Bern Wankdorf (neue Linie Thun-Biel)
  • Modernste Infrastruktur im SIPBB-Neubau
  • Vielseitige Verpflegungsmöglichkeiten in unmittelbarer Nähe
  • Innovative Events und Networkinganlässe

Und noch dies…
 

  • Innovations-Hotspot Biel/Bienne
  • Hochschulstadt Biel/Bienne
  • Industrie- und Dienstleistungsstadt mit zahlreichen Leadern in den Bereichen der Uhren-, Maschinen-, Präzisions- und Medizinaltechnikindustrie sowie Vertretern der Kommunikations- und Telekommunikationsbranche
  • Unmittelbare Nähe zum Bielersee mit vielseitigem Sport- und Freizeitangebot
  • Gelebte Zweisprachigkeit
  • Kulturleben in allen Facetten

Biel Aarbergstrasse 46 (Switzerland Innovation Park Biel/Bienne)

Biel, Aarbergstrasse 46

Berner Fachhochschule

Technik und Informatik
Switzerland Innovation Park Biel/Bienne
Aarbergstrasse 46
CH 2503 Biel

Berner Fachhochschule

Technik und Informatik
Switzerland Innovation Park Biel/Bienne
Aarbergstrasse 46
CH 2503 Biel