Einführung in die Webentwicklung

Einführung in die Webentwicklung

Dieser Kurs ist Teil mehrerer Programme.

Dozent: Microsoft

8.390 bereits angemeldet

Bei enthalten

Mehr erfahren

5 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

40 Bewertungen

Stufe Anfänger

Empfohlene Erfahrung

Flexibler Zeitplan

4 Wochen bei 10 Stunden eine Woche

In Ihrem eigenen Lerntempo lernen

89%

Den meisten Lernenden hat dieser Kurs gefallen

5 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

40 Bewertungen

Stufe Anfänger

Empfohlene Erfahrung

Flexibler Zeitplan

4 Wochen bei 10 Stunden eine Woche

In Ihrem eigenen Lerntempo lernen

89%

Den meisten Lernenden hat dieser Kurs gefallen

Kompetenzen, die Sie erwerben

Kategorie: Web Design
Kategorie: Javascript
Kategorie: HTML and CSS
Kategorie: Web Development
Kategorie: Web Content Accessibility Guidelines
Kategorie: Semantic Web
Kategorie: Front-End Web Development
Kategorie: Microsoft Copilot
Kategorie: Responsive Web Design

Werkzeuge, die Sie lernen werden

Kategorie: JSON
Kategorie: GitHub
Kategorie: Hypertext Markup Language (HTML)
Kategorie: Git (Version Control System)
Kategorie: Cascading Style Sheets (CSS)

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

33 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist als Teil verfügbar

Wenn Sie sich für diesen Kurs anmelden, müssen Sie auch ein bestimmtes Programm auswählen.

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 von Microsoft zur Vorlage

In diesem Kurs gibt es 5 Module

Dieser Kurs behandelt die wesentlichen Bausteine der Webentwicklung, einschließlich HTML, CSS und JavaScript. Sie lernen responsives Design, Barrierefreiheit im Web und die Verwendung von Git und Microsoft Copilot für die Zusammenarbeit und die effiziente Erstellung kleiner Webprojekte. Am Ende dieses Programms werden Sie in der Lage sein,... die grundlegende Struktur und die Elemente von HTML, die Syntax von CSS und JavaScript und Konzepte der Versionskontrolle zu definieren.

Erläutern Sie die Prinzipien des responsiven Designs, der Barrierefreiheit im Web, der DOM-Manipulation, des asynchronen JavaScript und der Integration von Git mit Entwicklungstools. Beschreiben Sie fortgeschrittene CSS-Techniken, Funktionen und den Umfang von JavaScript, die kollaborative Entwicklung mit GitHub und die Funktionen von Microsoft Copilot. Wenden Sie HTML-, CSS- und JavaScript-Kenntnisse mit Microsoft Copilot für ein kleines Webprojekt an.

In diesem Modul lernen Sie die Grundlagen von HTML kennen, einschließlich seiner Struktur, seiner wichtigsten Elemente und seiner Rolle bei der Webentwicklung. Sie werden verstehen, wie HTML mit CSS und JavaScript interagiert und warum semantisches HTML für die Barrierefreiheit wichtig ist. Am Ende werden Sie einfache Webseiten erstellen und Ihre grundlegenden HTML-Kenntnisse anhand praktischer Übungen anwenden.

Das ist alles enthalten

26 Videos10 Lektüren6 Aufgaben2 Unbewertete Labore2 Plug-ins

26 Videos Insgesamt 121 Minuten

Kurs Einführung: Einführung in die Webentwicklung 3 Minuten
Kursleiter Einführung 2 Minuten
Das "Was" des Kurses 3 Minuten
Abschluss der geführten Übungen 4 Minuten
Einführung in das AI-Tool: Microsoft Copilot 3 Minuten
Wie Sie in diesem Programm erfolgreich sein können 5 Minuten
Einführung in das Projekt 4 Minuten
Einführung in HTML 2 Minuten
HTML-Elemente und -Tags 5 Minuten
HTML-Attribute 6 Minuten
HTML-Dokumentenstruktur und -hierarchie 5 Minuten
HTML als Grundlage für Webinhalte 5 Minuten
Interaktion zwischen HTML und CSS 11 Minuten
Interaktion zwischen HTML und JavaScript 7 Minuten
Semantisches HTML verstehen 4 Minuten
Semantisches HTML und Barrierefreiheit 5 Minuten
Implementierung von semantischem HTML in der Webentwicklung 8 Minuten
Strukturierung eines HTML-Dokuments 4 Minuten
Arbeiten mit Formularen, Tabellen und Listen 6 Minuten
Integration von Medienelementen 7 Minuten
Erstellung eines HTML-Dokuments 6 Minuten
Strukturierung der Webseite 4 Minuten
Einbindung von Text, Listen und Links 4 Minuten
HTML-Seite durchlaufen 3 Minuten
Eine Webseite mit HTML erstellen 3 Minuten
Schlussfolgerung: HTML für die Webentwicklung 1 Minute

10 Lektüren Insgesamt 200 Minuten

Einführung in die Web-Entwicklung Kurs Syllabus 30 Minuten
Abschluss der geführten Übungen 30 Minuten
Microsoft Tools für die Front-End-Entwicklung 10 Minuten
HTML-Struktur und Elemente 30 Minuten
HTML in der Webentwicklung 10 Minuten
Semantisches HTML 10 Minuten
Erstellung eines HTML-Dokuments 30 Minuten
Probieren Sie es aus! Aufbau eines HTML-Dokuments - Antwortschlüssel 10 Minuten
Erstellen einer kompletten Webseite mit HTML 30 Minuten
Probieren Sie es aus! Eine Webseite mit HTML erstellen - Antwortschlüssel 10 Minuten

6 Aufgaben Insgesamt 150 Minuten

Praxis-Quiz: Einführung in HTML 20 Minuten
Praxis-Quiz: Die Rolle von HTML in der Webentwicklung 25 Minuten
Praxis-Quiz: Die Bedeutung von semantischem HTML 20 Minuten
Praxis-Quiz: Ihr erstes HTML-Dokument erstellen 20 Minuten
Praxis-Quiz: Erstellen einer vollständigen Webseite mit HTML 15 Minuten
Benotetes Quiz: HTML für die Webentwicklung 50 Minuten

2 Unbewertete Labore Insgesamt 90 Minuten

Probieren Sie es aus! Ein HTML-Dokument erstellen 30 Minuten
Probieren Sie es aus! Eine Webseite mit HTML erstellen 60 Minuten

2 Plug-ins Insgesamt 30 Minuten

Geführtes Labor: Erstellung eines HTML-Dokuments 15 Minuten
Geführtes Labor: Eine Webseite mit HTML erstellen 15 Minuten

In diesem Modul lernen Sie die grundlegenden Konzepte und die Syntax von CSS kennen, wobei der Schwerpunkt auf der Verwendung von CSS für die Gestaltung und das Layout von Webseiten liegt. Sie lernen Responsive Webdesign-Techniken kennen, um sicherzustellen, dass Websites nahtlos auf verschiedenen Geräten und Bildschirmgrößen funktionieren. Das Modul befasst sich auch mit den wichtigsten Merkmalen der Barrierefreiheit im Web, ihrer Bedeutung und fortgeschrittenen CSS-Techniken. Am Ende werden Sie diese Kenntnisse anwenden, um eine vollständig responsive und barrierefreie Webseite mit CSS zu gestalten.

Das ist alles enthalten

17 Videos6 Lektüren6 Aufgaben1 Unbewertetes Labor1 Plug-in

17 Videos Insgesamt 83 Minuten

Einführung in CSS für die Webentwicklung 2 Minuten
CSS-Syntax und -Struktur 8 Minuten
Anwendung von CSS auf HTML-Dokumente 6 Minuten
Das CSS Box Modell 4 Minuten
Grundsätze des responsiven Webdesigns 4 Minuten
Medienabfragen 3 Minuten
Techniken zur Erstellung flexibler Layouts 6 Minuten
Einführung in die Verbesserung der Barrierefreiheit von Webseiten mit CSS 7 Minuten
Verwendung von CSS zur Verbesserung der Barrierefreiheit 6 Minuten
Bewährte Praktiken für Barrierefreiheit 6 Minuten
Flexbox für responsive Layouts 4 Minuten
CSS-Raster für komplexe Layouts 4 Minuten
CSS-Animationen und -Übergänge 6 Minuten
Planung eines Responsive Designs 4 Minuten
Implementierung von Flexbox für responsive Layouts 3 Minuten
Erstellen einer responsiven Webseite mit fortgeschrittenen CSS-Techniken 7 Minuten
Schlussfolgerung: CSS für die Webentwicklung 2 Minuten

6 Lektüren Insgesamt 60 Minuten

CSS 10 Minuten
Einführung in CSS 10 Minuten
Barrierefreiheit im Web 10 Minuten
CSS-Techniken für Web-Design 10 Minuten
Erstellen einer responsiven Webseite mit fortgeschrittenen CSS-Techniken 10 Minuten
Probieren Sie es aus! Erstellen einer responsiven Webseite mit fortgeschrittenen CSS-Techniken - Antwortschlüssel 10 Minuten

6 Aufgaben Insgesamt 150 Minuten

Praxis-Quiz: Einführung in CSS 20 Minuten
Praxis-Quiz: Webgestaltung mit CSS 20 Minuten
Praxis-Quiz: Verbessern der Barrierefreiheit im Web mit CSS 20 Minuten
Praxis-Quiz: Fortgeschrittene CSS-Techniken für Web-Design 20 Minuten
Praxis-Quiz: Erstellen einer responsiven Webseite mit fortgeschrittenen CSS-Techniken 20 Minuten
Benotetes Quiz: CSS für die Webentwicklung 50 Minuten

1 Unbewertetes Labor Insgesamt 60 Minuten

Probieren Sie es aus! Erstellen einer responsiven Webseite mit fortgeschrittenen CSS-Techniken 60 Minuten

1 Plug-in Insgesamt 15 Minuten

Geführtes Labor: Erstellen einer responsiven Webseite mit fortgeschrittenen CSS-Techniken 15 Minuten

In diesem Modul lernen Sie die grundlegende Syntax und die Konstrukte von JavaScript kennen, wobei der Schwerpunkt auf der Verwendung zur Manipulation des Document Object Model (DOM) liegt. Sie werden Schlüsselkonzepte wie Funktionen, Umfang und asynchrone Programmierung erforschen. Das Modul behandelt auch fortgeschrittene JavaScript-Techniken und die Verwaltung von Daten mit JSON. Am Ende haben Sie eine solide Grundlage in JavaScript, um dynamische und interaktive Webseiten zu erstellen.

Das ist alles enthalten

20 Videos13 Lektüren7 Aufgaben5 Unbewertete Labore5 Plug-ins

20 Videos Insgesamt 127 Minuten

Einführung: JavaScript-Grundlagen 2 Minuten
JavaScript-Variablen, Datentypen und Operatoren 10 Minuten
JavaScript Kontroll-Strukturen 10 Minuten
Schreiben und Ausführen von JavaScript-Code 6 Minuten
Einfache JavaScript-Programme schreiben 4 Minuten
Das DOM verstehen 12 Minuten
Manipulation des DOM mit JavaScript 8 Minuten
Manipulation des DOM-Labors 5 Minuten
Funktionen in JavaScript 5 Minuten
Verständnis des Umfangs in JavaScript 4 Minuten
Grundsätze der asynchronen Programmierung 6 Minuten
Verwendung von Async/Await in JavaScript 6 Minuten
Asynchrones JavaScript schreiben 16 Minuten
JavaScript-Entwurfsmuster 9 Minuten
Arbeiten mit JSON 6 Minuten
Implementierung des Modulmusters für wiederverwendbaren Code 4 Minuten
JSON verstehen 6 Minuten
Arbeiten mit JSON in JavaScript 4 Minuten
Datenverwaltung mit JSON 5 Minuten
Schlussfolgerung: Einführung in JavaScript für Interaktivität 2 Minuten

13 Lektüren Insgesamt 130 Minuten

JavaScript-Grundlagen 10 Minuten
Probieren Sie es aus! Schreiben grundlegender JavaScript-Programme - Antwortschlüssel 10 Minuten
DOM Manipulation 10 Minuten
Probieren Sie es aus! Manipulation des DOM - Antwortschlüssel 10 Minuten
Funktionen in JavaScript 10 Minuten
Umfang in JavaScript 10 Minuten
Asynchrones JavaScript 10 Minuten
Probieren Sie es aus! Asynchrones JavaScript schreiben - Antwortschlüssel 10 Minuten
JavaScript-Entwurfsmuster 10 Minuten
Datenverwaltung mit JSON 10 Minuten
Probieren Sie es aus! Implementieren des Modul-Musters für wiederverwendbaren Code - Antwortschlüssel 10 Minuten
Datenverwaltung mit JSON 10 Minuten
Probieren Sie es aus! Datenmanagement mit JSON - Antwortschlüssel 10 Minuten

7 Aufgaben Insgesamt 140 Minuten

Praxis-Quiz: JavaScript-Grundlagen 15 Minuten
Praxis-Quiz: DOM-Manipulation 15 Minuten
Praxis-Quiz: JavaScript-Funktionen und Umfang 15 Minuten
Praxis-Quiz: Asynchrones JavaScript 15 Minuten
Praxis-Quiz: Erweiterte JavaScript-Konzepte 15 Minuten
Praxis-Quiz: Datenverwaltung mit JSON 15 Minuten
Benotetes Quiz: Einführung in JavaScript für Interaktivität 50 Minuten

5 Unbewertete Labore Insgesamt 210 Minuten

Probieren Sie es aus! Einfache JavaScript-Programme schreiben 30 Minuten
Probieren Sie es aus! Manipulation des DOM 60 Minuten
Probieren Sie es aus! Asynchrones JavaScript schreiben 30 Minuten
Probieren Sie es aus! Implementierung des Modul-Musters für wiederverwendbaren Code 30 Minuten
Probieren Sie es aus! Datenmanagement mit JSON 60 Minuten

5 Plug-ins Insgesamt 75 Minuten

Geführtes Labor: Schreiben grundlegender JavaScript-Programme 15 Minuten
Geführtes Labor: Manipulation des DOM 15 Minuten
Geführtes Labor: Asynchrones JavaScript schreiben 15 Minuten
Geführtes Labor: Implementieren des Modulmusters für wiederverwendbaren Code 15 Minuten
Geführtes Labor: Datenmanagement mit JSON 15 Minuten

In diesem Modul lernen Sie die grundlegenden Konzepte der Versionskontrolle kennen, wobei der Schwerpunkt auf Git für die Verwaltung von Code-Änderungen liegt. Sie lernen die grundlegenden Git-Befehle kennen und erfahren, wie Sie GitHub für die kollaborative Entwicklung nutzen können. Außerdem lernen Sie, wie Sie Git in Entwicklungswerkzeuge und Integrierte Entwicklungsumgebungen (IDEs) integrieren können, sowie fortgeschrittene Techniken zur Verwaltung von Repositories. Am Ende werden Sie in der Lage sein, mit Git und GitHub effizient an teambasierten Projekten zu arbeiten.

Das ist alles enthalten

14 Videos9 Lektüren9 Aufgaben2 Plug-ins

14 Videos Insgesamt 70 Minuten

Einführung: Versionskontrolle mit Git und GitHub 2 Minuten
Grundlagen der Versionskontrolle 8 Minuten
Versionskontrolle Workflows 9 Minuten
Git-Einrichtung und Initialisierung 4 Minuten
Zentrale Git-Befehle 5 Minuten
Grundlegende Git-Befehle 2 Minuten
Einführung in GitHub 5 Minuten
Zusammenarbeit mit GitHub 4 Minuten
Git-Integration in IDEs 7 Minuten
Produktivitätssteigerung mit Git-Plugins 6 Minuten
Verwaltung von Verzweigungen und Zusammenführung 7 Minuten
Erweiterte Repository-Verwaltung 4 Minuten
Fortgeschrittene Git-Techniken 6 Minuten
Schlussfolgerung: Versionskontrolle mit Git und Github 2 Minuten

9 Lektüren Insgesamt 85 Minuten

Versionskontrolle 10 Minuten
Git-Einrichtung und Initialisierung 10 Minuten
Zentrale Git-Befehle 5 Minuten
Probieren Sie es aus! Grundlegende Git-Befehle - Antwortschlüssel 10 Minuten
GitHub für die Zusammenarbeit nutzen 10 Minuten
Aktivität: Mit GitHub zusammenarbeiten - Antwortschlüssel 10 Minuten
Integration von Git in Entwicklungswerkzeuge 10 Minuten
Fortgeschrittene Git-Techniken 10 Minuten
Probieren Sie es aus! Fortgeschrittene Git-Techniken - Antwortschlüssel 10 Minuten

9 Aufgaben Insgesamt 215 Minuten

Praxis-Quiz: Einführung in die Versionskontrolle 15 Minuten
Probieren Sie es aus! Grundlegende Git-Befehle 30 Minuten
Praxis-Quiz: Grundlegende Git-Befehle 15 Minuten
Aktivität: Mit GitHub zusammenarbeiten 30 Minuten
Praxis-Quiz: GitHub für die Zusammenarbeit nutzen 15 Minuten
Praxis-Quiz: Integration von Git mit Entwicklungswerkzeugen 15 Minuten
Probieren Sie es aus! Fortgeschrittene Git-Techniken 30 Minuten
Praxis-Quiz: Fortgeschrittene Git-Techniken 15 Minuten
Benotetes Quiz: Versionskontrolle mit Git und GitHub 50 Minuten

2 Plug-ins Insgesamt 30 Minuten

Geführte Übung: Grundlegende Git-Befehle 15 Minuten
Geführtes Labor: Fortgeschrittene Git-Techniken 15 Minuten

In diesem Modul lernen Sie die Merkmale und Funktionalitäten von Microsoft Copilot für die Entwicklung von HTML, CSS und JavaScript kennen. Sie lernen, wie Sie mit Copilot Code für jede dieser Sprachen schreiben und verbessern können, um Ihren Entwicklungsprozess zu rationalisieren. Am Ende werden Sie das Gelernte anwenden, um ein kleines Webprojekt zu entwickeln und dabei Microsoft Copilot zur Unterstützung der HTML-, CSS- und JavaScript-Integration einzusetzen.

Das ist alles enthalten

11 Videos5 Aufgaben1 peer review

11 Videos Insgesamt 38 Minuten

Einführung in Microsoft Copilot 4 Minuten
Einrichten von Microsoft Copilot 2 Minuten
Verbesserung des HTML-Codes mit Copilot 2 Minuten
Semantisches HTML mit Copilot erstellen 3 Minuten
Verbesserung von CSS-Code mit Copilot 4 Minuten
Responsive Designs mit Copilot erstellen 4 Minuten
Verbessern von JavaScript-Code mit Copilot 5 Minuten
Implementierung von Interaktivität mit Copilot 5 Minuten
Entwickeln eines Webprojekts mit Copilot 4 Minuten
Testen und Debugging mit Copilot 4 Minuten
Kursabschluss: Einführung in die Webentwicklung 3 Minuten

5 Aufgaben Insgesamt 150 Minuten

Aktivität: Einrichten von Microsoft Copilot 30 Minuten
Aktivität: Schreiben und Verbessern von HTML mit Copilot 30 Minuten
Aktivität: Schreiben und Verbessern von CSS mit Copilot 30 Minuten
Aktivität: Schreiben und Verbessern von JavaScript mit Copilot 30 Minuten
Aktivität: Entwickeln und Testen eines Webprojekts mit Copilot 30 Minuten

1 peer review Insgesamt 45 Minuten

Verwendung von Microsoft Copilot zum Schreiben von HTML, CSS und JavaScript 45 Minuten

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

Lehrkraftbewertungen

(9 Bewertungen)

Microsoft

287 Kurse 2.371.284 Lernende

von

Microsoft

Mehr von Mobile und Web-Entwicklung entdecken

Packt
Introduction to Web Development and HTML Basics
Kurs
IBM
Introduction to HTML, CSS, & JavaScript
Kurs
Packt
Web Development Fundamentals
Kurs
IBM
Introduction to Web Development with HTML, CSS, JavaScript
Kurs

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

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Bewertungen von Lernenden

5 stars
67,50 %
4 stars
5 %
3 stars
7,50 %
2 stars
5 %
1 star
15 %

Zeigt 3 von 40 an

Geprüft am 11. Aug. 2025

dễ dàng tiếp cận cho người mới không biết gì về IT

Weitere Bewertungen anzeigen

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

Mehr erfahren

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Erkunden Sie die Abschlüsse

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.

Mehr erfahren

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 anmelden, erhalten Sie Zugang zu allen Kursen des Zertifikats, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird zu Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder zu Ihrem LinkedIn-Profil hinzufügen.