Überblick MUI nutzen, um interaktive und professionelle User Interfaces für React zu erstellen · MUI an die eigenen Bedürfnisse und an ein eigenes Layout (Farben, Schatten, Ränder…) anpassen...
In diesem zweitägigen Workshop lernen Sie, wie mit MUI und React ansprechende und professionelle Benutzeroberflächen erstellt werden. Dabei wird gemeinsam mit den TeilnehmerInnen eine reale und funktionierende Web-Applikation mit React und MUI designed und entwickelt. Kein langweiliger Frontalunterricht - Hands-on mit erfahrenen React EntwicklerInnen.
Nach dem Kurs können Sie…
- MUI nutzen, um interaktive und professionelle User Interfaces für React zu erstellen
- MUI an die eigenen Bedürfnisse und an ein eigenes Layout (Farben, Schatten, Ränder…) anpassen
- die einzelnen Komponenten von MUI richtig anwenden
- MUI für den produktiven Einsatz (Bundle Size, SSR…) optimieren
- react
Die Themen Warum React MUI? · Installation · Templates · MUI Editionen · Kombination mit Next.js, Preact, Gatsby und Co. · Templates · Data Grid · Data Grid mit eigenen Filtern, Suche und eigenen Renderern...
Einführung und Übersicht
- Warum React MUI?
- Installation
- Templates
- MUI Editionen
- Kombination mit Next.js, Preact, Gatsby und Co.
- Templates
MUI Komponenten
- Data Grid
- Data Grid mit eigenen Filtern, Suche und eigenen Renderern
- Die MUI Box, Grid und Container
- Alerts
- Modals / Dialoge
- Layouts mit MuiAppBar, Drawer und Co.
- MUI Icons
- Cards
- Paper
- Breakpoints
- …
MUI Formulare
- Inputs
- Autocomplete und Select
- Buttons und Button Groups
- Toggle Buttons
- Switches
Fortgeschrittene Themen
- Anpassungen an das eigene Corporate Layout mit ThemeProvider / Theming
- Dark Mode, Spacing, Transitions und Co.
- MUI Mixins und styled
- LocalizationProvider für Übersetzungen
- MUI DataAdapter
- Server Side Rendering (SSR) mit MUI
- Performance Optimierung
- Bundle size reduzieren
- Viele Tipps aus der Praxis
Wer hier richtig ist
React EntwicklerInnen die mit MUI moderne (Web-) Applikationen erstellen wollen.
Empfohlene Vorkenntnisse
Grundkenntnisse in React, JavaScript, HTML5 und CSS.
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Fragen und Antworten zu React und MUI (Material UI)
Welche Version von React und MUI werden in dem Kurs verwendet?
In offenen Seminaren wird immer die jeweils aktuelle Version der beide Bibliotheken verwendet. In einer Inhouse- oder Firmen-Schulung können Sie die Versionen selbstverständlich festlegen.
Wird auch auf die Bezahl-Versionen (Pro und Premium) von MUI eingegangen?
Ja, die zusätzlichen Features im Data Grid und Co. von MUI Pro werden besprochen, aber der Fokus liegt auf der kostenlosen Open Source Community Version.
Wird in dem Kurs auch auf die Kombination zwischen dem react-router und MUI eingeganen?
Ja, die Verwendung des React Routers in Kombination mit MUI ist Bestandteil der Schulung.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Passende Schulungen nach dem Kurs
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
