Dieser Kurs vermittelt ein grundlegendes Verständnis der Webentwicklung, wobei der Schwerpunkt auf den wesentlichen browserseitigen Techniken liegt. Zu den Themen gehören die Erstellung von Webseiten mit HTML, die Verbesserung mit CSS für das Styling und die Einbindung visuell ansprechender interaktiver Inhalte. Die Teilnehmer lernen, JavaScript Code zu schreiben, um Webseiten Interaktivität hinzuzufügen und das Document Object Model (DOM) für dynamische Inhaltsaktualisierungen zu manipulieren. Der Kurs legt auch Wert auf modularen JavaScript Code, der es den Studenten ermöglicht, Programmierprojekte von zunehmender Komplexität in Angriff zu nehmen. Darüber hinaus werden skalierbare Vektorgrafiken (SVG) und der HTML-Canvas vorgestellt - zwei leistungsstarke Werkzeuge für die Erstellung reichhaltiger visueller Elemente und Animationen auf Webseiten. Während des gesamten Kurses werden die Studierenden praktische Programmierübungen durchführen, einschließlich der Entwicklung spannender Spielprojekte, die das Gelernte festigen. Am Ende des Kurses sind die Teilnehmer gut gerüstet, um mit den erworbenen Technologien und Fähigkeiten eigene Webanwendungen zu entwickeln.
Empfohlene Erfahrung
Kompetenzen, die Sie erwerben
- Kategorie: Animationen
- Kategorie: HTML und CSS
- Kategorie: Web Design und Entwicklung
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Webentwicklung
- Kategorie: HyperText Markup Language (HTML)
- Kategorie: JavaScript und jQuery
- Kategorie: jQuery
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Web-Anwendungen
- Kategorie: Javascript
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
In diesem Kurs gibt es 6 Module
In diesem Modul werden Sie grundlegende Kenntnisse in HTML und CSS erwerben. Sie beginnen mit dem Aufbau von Webseiten von Grund auf und verwenden verschiedene HTML-Elemente, um Webseiten-Komponenten zu erstellen. Nachdem Sie die Verwendung von CSS-Stilen erlernt haben, werden Sie in der Lage sein, die Darstellung und die visuellen Stile der HTML-Elemente durch die Anwendung geeigneter CSS-Regeln anzupassen, einschließlich der Einstellungen für Schriftart, Absatz, Farbe und Abstände.
Das ist alles enthalten
12 Videos5 Lektüren1 Aufgabe
In diesem Modul lernen Sie zunächst zusätzliche CSS-Regeln zur Erstellung einfacher Animationen kennen. Um weitere Interaktivität und dynamische Verhaltensweisen zu ermöglichen, werden Sie einfachen JavaScript Code in Webseiten integrieren. Dazu gehört das Verständnis und die Manipulation der DOM-Darstellung von Webseiten in Browsern. Am Ende des Moduls steht eine Programmierübung, bei der Sie ein Ratespiel erstellen und dabei die in den ersten beiden Modulen dieses Kurses erworbenen Fähigkeiten anwenden.
Das ist alles enthalten
9 Videos9 Lektüren1 Aufgabe1 peer review
In diesem Modul werden Sie mit der jQuery-Bibliothek vertraut gemacht, die die Programmierung von JavaScript einfacher und schneller macht. Durch die Einführung fortgeschrittener CSS-Selektoren werden Sie in der Lage sein, bestimmte HTML-Elemente in jQuery präzise anzuvisieren und zu manipulieren. Nach einem kurzen Blick auf die Implementierung der jQuery-Ereignisbehandlung werden Sie Ihre jQuery-Kenntnisse, die Sie in diesem Modul erworben haben, anhand eines Hammerspiels testen.
Das ist alles enthalten
11 Videos7 Lektüren1 Aufgabe1 peer review
In diesem Modul lernen Sie, Vektorgrafik-Elemente auf Ihren Webseiten mit SVG zu konstruieren, einer textbasierten Sprache zur Erstellung webbasierter Grafiken. Aufbauend auf den CSS-Animationstechniken aus den vorangegangenen Modulen werden Sie diese Fähigkeiten anwenden, um interessante Animationen Ihrer SVG-Komponenten zu erstellen. Darüber hinaus werden Sie spezifische CSS-Animationseigenschaften und JavaScript-Animationsereignisse kennenlernen, die Ihnen eine bessere Kontrolle über diese Animationen ermöglichen. Am Ende dieses Moduls werden Sie Ihre SVG- und CSS-Animationskenntnisse anwenden, um ein Springspiel zu entwickeln.
Das ist alles enthalten
13 Videos9 Lektüren1 Aufgabe1 peer review
In diesem Modul werden Sie Ihre JavaScript-Kenntnisse vertiefen, indem Sie einige weitere Merkmale der JavaScript-Sprache kennen lernen. Zunächst werden Sie in die Verwendung von JavaScript-Arrays und -Objekten eingeführt, einschließlich des Spread-Operators und der Destrukturierungsoperation. Anschließend werden Sie verschiedene Möglichkeiten zum Schreiben von JavaScript-Funktionen und deren Fähigkeit, eine Closure zu bilden, kennen lernen. Mithilfe der Möglichkeiten, die JavaScript-Closures bieten, werden Sie modularen JavaScript Code nach einem Modul-Muster schreiben.
Das ist alles enthalten
12 Videos6 Lektüren1 Aufgabe
In diesem Modul wird das HTML Canvas-Element vorgestellt, mit dem Sie Grafiken auf Webseiten zeichnen können. Durch das Schreiben von JavaScript Code werden Sie verschiedene Formen innerhalb des HTML Canvas Bereichs zeichnen. Die zweite Hälfte der Lektion konzentriert sich auf die Verwendung von HTML Canvas, um mit bildbasierten Objekten namens Sprites zu arbeiten. Durch die Animation dieser Sprites werden Sie am Ende des Moduls ein Spiel mit dem Namen "Gem Rush!" erstellen.
Das ist alles enthalten
12 Videos9 Lektüren1 Aufgabe1 peer review
Dozent
Mehr von Mobile und Web-Entwicklung entdecken
Status: VorschauThe Hong Kong University of Science and Technology
Status: Kostenloser TestzeitraumDuke University
Status: Kostenloser Testzeitraum
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 ein Zertifikat erwerben, erhalten Sie Zugang zu allen Kursmaterialien, einschließlich der benoteten Aufgaben. Nach Abschluss des Kurses wird Ihr elektronisches Zertifikat zu Ihrer Erfolgsseite hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder zu 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,
¹ Einige Aufgaben in diesem Kurs werden mit AI bewertet. Für diese Aufgaben werden Ihre Daten in Übereinstimmung mit Datenschutzhinweis von Courseraverwendet.