Dieser Kurs ist der erste Schritt in der Spezialisierung End-to-End-Webentwicklung und konzentriert sich auf die Beherrschung der Kunst der Erstellung ansprechender und reaktionsfähiger Benutzeroberflächen (UIs). Sie lernen die Grundlagen von HTML, CSS und JavaScript sowie fortgeschrittene Themen wie Responsive Design, UI-Designprinzipien, CSS-Frameworks und JavaScript Front-End-Frameworks wie React. Am Ende dieses Kurses werden Sie in der Lage sein, intuitive, professionelle Webinterfaces zu erstellen, die sich nahtlos an verschiedene Geräte und Bildschirmgrößen anpassen und eine optimale Benutzererfahrung gewährleisten. Modul 1: Einführung in die Webentwicklung und Benutzeroberflächen In diesem Modul werden Sie in die Kernkonzepte der Webentwicklung und Benutzeroberflächen eingeführt. Sie lernen die Unterschiede zwischen Front-End- und Back-End-Entwicklung kennen, die Rolle von Benutzeroberflächen in Webanwendungen und die grundlegenden Werkzeuge, die für die Webentwicklung erforderlich sind. Modul 2: Fortgeschrittene HTML- und CSS-Techniken Dieses Modul befasst sich mit fortgeschrittenen HTML- und CSS-Techniken, wobei der Schwerpunkt auf der Erstellung strukturierter und barrierefreier HTML-Seiten liegt. Außerdem lernen Sie, wie Sie mit CSS Flexbox, Grid und Media Queries responsive, flexible Layouts erstellen, damit sich Ihre Webseiten an verschiedene Geräte und Bildschirmgrößen anpassen können. Modul 3: JavaScript und Front-End-Frameworks In diesem Modul tauchen Sie in die Welt von JavaScript ein, um Ihre Webseiten dynamisch und interaktiv zu gestalten. Sie lernen die Grundlagen der JavaScript-Syntax und -Merkmale kennen und beschäftigen sich mit fortgeschrittenen Themen wie DOM-Manipulation, ES6-Funktionen und asynchronem JavaScript. Das Modul stellt außerdem Front-End-Frameworks vor, wobei der Schwerpunkt auf React liegt, um skalierbare und wartbare Benutzeroberflächen zu erstellen. Lernziele des Kurses: Entwerfen Sie ästhetisch ansprechende und responsive Benutzeroberflächen mit HTML, CSS und JavaScript. Wenden Sie fortgeschrittene HTML5- und CSS3-Techniken an, um strukturierte, barrierefreie und adaptive Weblayouts zu erstellen. Entwickeln Sie dynamische Webinteraktionen mit JavaScript, einschließlich DOM-Manipulation und Ereignisbehandlung.

Schalten Sie mit Coursera Plus den Zugang zu mehr als 10.000 Kursen frei. Starten Sie die 7-tägige kostenlose Testversion.

Gestaltung der Benutzeroberfläche - End-to-End-Webentwicklung
Dieser Kurs ist Teil von Spezialisierung für End-to-End-Webentwicklung: UI, Datenbanken, APIs

Dozent: Board Infinity
Bei enthalten
Empfohlene Erfahrung
Was Sie lernen werden
Entwerfen Sie benutzerfreundliche Webinterfaces, die den Grundsätzen des UI-Designs und bewährten Verfahren folgen.
Implementierung fortgeschrittener HTML-, CSS- und JavaScript-Techniken zur Erstellung dynamischer und reaktionsfähiger Webseiten.
Bewertung der Wirksamkeit von Entwurfsmustern und Frameworks für die Gestaltung ansprechender Benutzererfahrungen.
Konstruktion von Webanwendungen mit Front-End-Frameworks wie React zur Verwaltung komplexer UI-Zustände und -Interaktionen.
Kompetenzen, die Sie erwerben
- Kategorie: HTML und CSS
- Kategorie: Back-End Web-Entwicklung
- Kategorie: Reaktionsfähiges Webdesign
- Kategorie: Semantisches Web
- Kategorie: Design der Benutzeroberfläche und Benutzererfahrung (UI/UX)
- Kategorie: Javascript
- Kategorie: React.js
- Kategorie: User-Interface-(UI)-Design
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Web-Entwicklungstools
- Kategorie: Bootstrap (Front-End-Framework)
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
11 Aufgaben
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Erweitern Sie Ihre Fachkenntnisse
- Lernen Sie neue Konzepte von Branchenexperten
- Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
- Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
- Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 3 Module
In diesem Modul werden Sie die grundlegenden Konzepte der Webentwicklung und der Gestaltung von Benutzeroberflächen kennen lernen. Zunächst lernen Sie die Grundlagen des Aufbaus von Webseiten kennen, einschließlich eines Verständnisses der Front-End- und Back-End-Entwicklung. Wir stellen Ihnen die wichtigsten Tools und Technologien vor, die in der Webentwicklung verwendet werden. Von dort aus werden Sie in die Prinzipien und Muster eintauchen, die effektive Benutzeroberflächen formen und eine solide Grundlage für die Erstellung intuitiver und visuell ansprechender Websites bieten.
Das ist alles enthalten
8 Videos4 Lektüren4 Aufgaben1 Diskussionsthema
Aufbauend auf Ihren Kenntnissen in HTML und CSS führt Sie dieses Modul durch fortgeschrittenere Techniken der Webentwicklung. Sie lernen semantisches HTML kennen, mit dem Sie saubereren und barrierefreieren Code schreiben können. Sie werden auch mit fortgeschrittenen CSS-Techniken wie Flexbox und Grid-Layout arbeiten, um responsive und dynamische Web-Layouts zu erstellen. Darüber hinaus lernen Sie CSS-Frameworks wie Bootstrap kennen, die Ihnen Werkzeuge an die Hand geben, mit denen Sie Ihren Designprozess rationalisieren und das Aussehen und die Funktionalität Ihrer Webseiten verbessern können.
Das ist alles enthalten
7 Videos2 Lektüren3 Aufgaben
In diesem Modul lernen Sie die wichtigste Programmiersprache des Internets kennen - JavaScript. Sie beginnen mit dem Verständnis der JavaScript-Grundlagen und erforschen dann fortgeschrittene Konzepte wie DOM-Manipulation und asynchrones JavaScript. Darüber hinaus werden Sie in Front-End-Frameworks eingeführt, wobei ein besonderer Schwerpunkt auf React liegt, einem der beliebtesten Tools für die Erstellung interaktiver und dynamischer Benutzeroberflächen. Am Ende dieses Moduls werden Sie in der Lage sein, Ihren Webprojekten Interaktivität hinzuzufügen und komplexe UI-Zustände mithilfe von Frameworks zu verwalten.
Das ist alles enthalten
9 Videos3 Lektüren4 Aufgaben
Erwerben Sie ein Karrierezertifikat.
Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.
Dozent

Mehr von Mobile und Web-Entwicklung entdecken

Board Infinity

Board Infinity
Warum entscheiden sich Menschen für Coursera für ihre Karriere?





Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
Häufig gestellte Fragen
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Ja. Für ausgewählte Lernprogramme können Sie eine finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Anmeldungsgebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.
Weitere Fragen
Finanzielle Unterstützung verfügbar,

