Web Development Fundamentals

Frühbucherrabatt! Schalten Sie 10.000+ Kurse von Google, Microsoft und mehr für £160/Jahr frei. Jetzt sparen.

Diese kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.

Web Development Fundamentals

Dieser Kurs ist Teil von Microsoft JavaScript Starter Kit (berufsbezogenes Zertifikat)

Dozent: Microsoft

Bei Coursera Plus enthalten

Mehr erfahren

5 Module

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

Stufe Anfänger

Empfohlene Erfahrung

Es dauert 30 Stunden

3 Wochen bei 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

5 Module

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

Stufe Anfänger

Empfohlene Erfahrung

Es dauert 30 Stunden

3 Wochen bei 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Kompetenzen, die Sie erwerben

Kategorie: Web Applications
Kategorie: Front-End Web Development
Kategorie: User Interface (UI)
Kategorie: Data Validation
Kategorie: Data Storage Technologies
Kategorie: Web Development
Kategorie: Web Design
Kategorie: Application Security
Kategorie: Javascript
Kategorie: Semantic Web
Kategorie: Responsive Web Design
Kategorie: HTML and CSS
Kategorie: Web Content Accessibility Guidelines

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Juni 2025

Bewertungen

14 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 Ihr Fachwissen im Bereich Mobile and Web Development

Dieser Kurs ist Teil der Spezialisierung Microsoft JavaScript Starter Kit (berufsbezogenes Zertifikat)

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für dieses berufsbezogene Zertifikat angemeldet.

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

Welcome to Web Development Fundamentals, the second course in the JavaScript Starter Kit Professional Certificate program.

This course will introduce you to the essential technologies for modern web development, teaching you how to create professional, responsive websites using HTML, CSS, and DOM manipulation with JavaScript. By the end of this course, you will be able to: - Create professional web page structures using semantic HTML elements and accessibility best practices - Implement responsive web designs using CSS properties and layout techniques that work across all device sizes - Develop dynamic web content using DOM manipulation and event handling to create interactive user experiences - Design and implement secure data management systems with proper form validation and XSS prevention - Build a complete To-Do List web application that demonstrates mastery of HTML, CSS, and JavaScript integration For the final project in this course, you will progressively develop a fully functional To-Do List web application that combines all web development fundamentals into a portfolio-ready project. You'll create semantic HTML structures, implement responsive CSS designs, build interactive features using DOM manipulation, handle user events and form submissions, and manage data persistence using browser storage. Throughout the development process, you'll learn to follow professional web standards, implement accessibility best practices, and create secure, user-friendly web applications that demonstrate real-world development skills. To succeed in this course, you should have programming experience with JavaScript variables, functions, control flow, and basic data structures. Familiarity with basic computer concepts and comfort using a web browser are also required. The course uses an online development environment, so you can start building web applications immediately.

Master the building blocks of web development by learning to create well-structured, accessible web pages using HTML. You'll start with basic HTML document structure and progress to implementing semantic elements that improve both SEO and accessibility. By the end of this module, you'll build professional HTML forms with proper validation and create the complete HTML foundation for your To-Do List application, following industry standards for document organization and user experience.

Das ist alles enthalten

6 Videos2 Lektüren3 Aufgaben6 Unbewertete Labore3 Plug-ins

6 VideosInsgesamt 27 Minuten

Introduction to Web Development Fundamentals Course2 MinutenModulvorschau
HTML in Modern Web Development7 Minuten
Introducing the To-Do List Web Application Final Course Project2 Minuten
Becoming a Front End Developer4 Minuten
Semantic HTML5 Minuten
Web Form Design5 Minuten

2 LektürenInsgesamt 35 Minuten

Course Syllabus10 Minuten
Podcast Module Overview25 Minuten

3 AufgabenInsgesamt 60 Minuten

Practice Quiz: HTML Fundamentals15 Minuten
Practice Quiz: Semantic HTML Implementation15 Minuten
Graded Quiz: Forms and Validation30 Minuten

6 Unbewertete LaboreInsgesamt 225 Minuten

First HTML Document30 Minuten
To-Do List Structure45 Minuten
Semantic Document Structure30 Minuten
To-Do List Semantic Enhancement40 Minuten
Interactive Form Elements30 Minuten
To-Do List Form Implementation50 Minuten

3 Plug-insInsgesamt 45 Minuten

HTML Structure Analysis15 Minuten
Accessibility and SEO Strategy15 Minuten
Form UX and Validation15 Minuten

Transform your HTML structures into visually appealing, professional websites using CSS styling and layout techniques. You'll learn to apply colors, typography, and spacing using the CSS box model, then advance to creating responsive designs that work seamlessly across all device sizes. This module culminates in implementing a complete visual design system for your To-Do List application, ensuring it looks professional on desktop, tablet, and mobile devices.

Das ist alles enthalten

3 Videos1 Lektüre3 Aufgaben6 Unbewertete Labore3 Plug-ins

3 VideosInsgesamt 14 Minuten

CSS Basics5 MinutenModulvorschau
Layout and Box Model4 Minuten
Responsive Design in Production5 Minuten

1 LektüreInsgesamt 25 Minuten

Podcast Module Overview25 Minuten

3 AufgabenInsgesamt 60 Minuten

Practice Quiz: CSS Fundamentals15 Minuten
Practice Quiz: Layout Implementation15 Minuten
Graded Quiz: Responsive Implementation30 Minuten

6 Unbewertete LaboreInsgesamt 250 Minuten

CSS Fundamentals Practice40 Minuten
To-Do List Styling Basics45 Minuten
Layout Techniques Practice30 Minuten
To-Do List Layout Implementation50 Minuten
Responsive Techniques Practice30 Minuten
To-Do List Responsive Implementation55 Minuten

3 Plug-insInsgesamt 45 Minuten

CSS Architecture Strategy15 Minuten
Layout Problem-Solving15 Minuten
Responsive Strategy15 Minuten

Bring your web pages to life by learning to manipulate HTML elements dynamically using JavaScript and the Document Object Model (DOM). You'll master selecting, modifying, and creating elements programmatically to update content without page refreshes. By the end of this module, you'll implement dynamic task creation and management features in your To-Do List application, creating the interactive foundation that modern web applications require.

Das ist alles enthalten

3 Videos1 Lektüre3 Aufgaben6 Unbewertete Labore3 Plug-ins

3 VideosInsgesamt 15 Minuten

DOM in Web Applications5 MinutenModulvorschau
Dynamic Content Creation5 Minuten
Professional DOM Updates4 Minuten

1 LektüreInsgesamt 15 Minuten

Podcast Module Overview15 Minuten

3 AufgabenInsgesamt 60 Minuten

Practice Quiz: DOM Fundamentals15 Minuten
Practice Quiz: Element Creation15 Minuten
Graded Quiz: Element Modification30 Minuten

6 Unbewertete LaboreInsgesamt 235 Minuten

DOM Selection Practice30 Minuten
To-Do List DOM Integration45 Minuten
Element Creation Practice30 Minuten
To-Do List Task Creation50 Minuten
Dynamic Element Modification25 Minuten
Enhancing To Do List Task Management55 Minuten

3 Plug-insInsgesamt 45 Minuten

DOM Traversal Strategies15 Minuten
Content Generation Strategy15 Minuten
Update Strategy Optimization15 Minuten

Create engaging user experiences by implementing event-driven programming that responds to user actions like clicks, form submissions, and keyboard input. You'll learn to handle various event types efficiently and implement event delegation patterns for optimal performance. This module enables you to build a fully interactive To-Do List application where users can add, edit, complete, and manage tasks through intuitive interface interactions.

Das ist alles enthalten

3 Videos1 Lektüre3 Aufgaben6 Unbewertete Labore3 Plug-ins

3 VideosInsgesamt 14 Minuten

Events in Professional Applications4 MinutenModulvorschau
Professional Form Processing5 Minuten
Event Delegation in Production4 Minuten

1 LektüreInsgesamt 20 Minuten

Podcast Module Overview20 Minuten

3 AufgabenInsgesamt 60 Minuten

Practice Quiz: Event Fundamentals15 Minuten
Practice Quiz: Form Event Processing15 Minuten
Graded Quiz: Event Delegation Implementation30 Minuten

6 Unbewertete LaboreInsgesamt 250 Minuten

Event Handling Fundamentals40 Minuten
To-Do List Event Integration45 Minuten
Form Event Practice30 Minuten
To-Do List Form Processing50 Minuten
Event Delegation Practice30 Minuten
To-Do List Event Optimization55 Minuten

3 Plug-insInsgesamt 45 Minuten

Event Architecture Design15 Minuten
Form Interaction Strategies15 Minuten
Delegation Strategy Optimization15 Minuten

Complete your web application by implementing secure data management and persistence using browser storage technologies. You'll learn to validate user input, prevent security vulnerabilities like XSS attacks, and store application data locally so users don't lose their work. By the end of this module, your To-Do List application will be a fully functional, secure web application that maintains user data across browser sessions and follows professional security best practices.

Das ist alles enthalten

2 Videos2 Lektüren2 Aufgaben1 Programmieraufgabe2 Unbewertete Labore2 Plug-ins

2 VideosInsgesamt 16 Minuten

Security in Web Forms7 MinutenModulvorschau
Data Management in Web Applications9 Minuten

2 LektürenInsgesamt 43 Minuten

Understanding Data Management in Web Applications30 Minuten
Podcast Module Overview13 Minuten

2 AufgabenInsgesamt 60 Minuten

Practice Quiz: Form Security Implementation30 Minuten
Graded Quiz: Data Management Implementation30 Minuten

1 ProgrammieraufgabeInsgesamt 60 Minuten

To-Do List Data Integration60 Minuten

2 Unbewertete LaboreInsgesamt 80 Minuten

Form Security Implementation30 Minuten
To-Do List Security Enhancement50 Minuten

2 Plug-insInsgesamt 30 Minuten

Security Strategy Analysis15 Minuten
Data Management Strategy15 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

Microsoft

221 Kurse1.557.504 Lernende

von

Microsoft

Mehr von Mobile and Web Development entdecken

Microsoft
Introduction to JavaScript Programming
Kurs
Microsoft
JavaScript Data and Applications
Kurs
Microsoft
JavaScript Development Tools and React
Kurs
Microsoft
JavaScript Career Launch and Capstone
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.“

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

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.