Aktualisiert im Mai 2025. Dieser Kurs enthält jetzt den Coursera Coach! Eine intelligentere Art zu lernen mit interaktiven Unterhaltungen in Echtzeit, die Ihnen helfen, Ihr Wissen zu testen, Ihre Annahmen zu hinterfragen und Ihr Verständnis zu vertiefen, während Sie im Kurs vorankommen. Dieser Kurs wurde entwickelt, um Ihnen zu helfen, fortgeschrittene CSS-Animationen, Übergänge und JavaScript-Integration für reale Webprojekte zu meistern. Am Ende des Kurses werden Sie in der Lage sein, flüssige, interaktive Animationen zu erstellen, 3D-Transformationen einzubinden und Ihr CSS mithilfe der BEM-Methode zu optimieren. Sie werden auch lernen, vollständig responsive Websites zu entwickeln, dynamische Effekte mit JavaScript hinzuzufügen und Projekte nahtlos bereitzustellen. Mit praktischen Lektionen und Projekten erwerben Sie die Fähigkeiten, die Sie benötigen, um ansprechende, benutzerfreundliche Websites zu erstellen. Der Kurs beginnt mit der Behandlung von CSS-Übergängen, Keyframes und Transform-Eigenschaften, die Ihnen helfen, visuell beeindruckende Elemente zu erstellen. Anschließend lernen Sie die Integration von JavaScript zur Verbesserung der Interaktivität kennen, wie z. B. die Erstellung eines Dreistrich-Menüs und benutzerdefinierter Animationen. Während des gesamten Kurses arbeiten Sie an realen Projekten wie den Websites Tutor und Leno und entwerfen Layouts, Navigation und Kontaktformulare. Sie werden auch fortgeschrittene Techniken wie Media-Abfragen und Verbesserungen der Barrierefreiheit implementieren. Dieser Kurs ist ideal für fortgeschrittene Front-End-Entwickler, die ihre Fähigkeiten verbessern und professionelle, dynamische Websites erstellen möchten.
Real-World-Projekte und fortgeschrittene Animationen
Dieser Kurs ist Teil von Spezialisierung für Modernes HTML & CSS von Anfang an 2.0
Dozent: Packt - Course Instructors
Bei enthalten
Empfohlene Erfahrung
Was Sie lernen werden
Beherrschen Sie fortgeschrittene CSS-Übergänge und Animationen, um die Benutzerinteraktion zu verbessern.
Integrieren Sie JavaScript mit CSS, um dynamische und interaktive Elemente im Web zu erstellen.
Entwickeln Sie eine responsive, mehrteilige Website mit flüssigen Animationen und intuitiver Navigation.
Organisieren und optimieren Sie CSS mit der BEM-Methodik für skalierbare Projekte.
Kompetenzen, die Sie erwerben
- Kategorie: Web Content Accessibility Guidelines
- Kategorie: HTML und CSS
- Kategorie: Benutzeroberfläche (UI)
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Animationen
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Bereitstellung von Anwendungen
- Kategorie: Web Design und Entwicklung
- Kategorie: Javascript
- Kategorie: Instandhaltbarkeit
- Kategorie: Interaktives Design
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
7 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 6 Module
In diesem Modul werden wir uns mit CSS-Übergängen und Animationen befassen, fortgeschrittene visuelle Effekte wie 3D-Transformationen erkunden und die Integration von JavaScript für dynamische Interaktionen vorstellen. Am Ende dieses Abschnitts werden Sie in der Lage sein, diese Techniken anzuwenden, um Ihre Web-Designs zum Leben zu erwecken.
Das ist alles enthalten
12 Videos2 Lektüren1 Aufgabe
In diesem Modul beginnen wir mit dem Aufbau der Tutor-Website und konzentrieren uns dabei auf das grundlegende Layout, einschließlich der Navigation und der Inhaltsbereiche. Wir führen Sie durch die Einrichtung des Projekts und die Erstellung von Responsive Designs, die sich nahtlos an verschiedene Geräte anpassen.
Das ist alles enthalten
10 Videos1 Aufgabe
In diesem Modul werden wir die Tutor-Website weiter ausbauen, indem wir weitere interaktive und informative Bereiche hinzufügen. Sie werden auch lernen, wie Sie Ihre Website online bereitstellen und wichtige Merkmale wie Barrierefreiheit und Formularübermittlung einrichten, damit Ihr Projekt voll funktionsfähig ist.
Das ist alles enthalten
9 Videos1 Aufgabe
In diesem Modul beginnen wir mit dem Projekt der Leno-Website und konzentrieren uns auf die Einrichtung der Struktur und die Verwendung von BEM für skalierbares CSS. Sie lernen, wie Sie die wichtigsten Abschnitte der Website, einschließlich der Navigation und Testimonials, erstellen, wobei der Schwerpunkt auf Responsive Design liegt.
Das ist alles enthalten
10 Videos1 Aufgabe
In diesem Modul fahren wir mit dem Leno-Website-Projekt fort und erstellen fortgeschrittenere Bereiche wie Video-Modale und animierte Schaltflächen. Außerdem lernen Sie, wie Sie Abschnitte mit vielen Merkmalen wie Preisangaben und Produktdetails gestalten, um eine ausgefeilte und interaktive Website zu erstellen.
Das ist alles enthalten
10 Videos1 Aufgabe
In diesem Modul werden wir den Kurs abschließen, indem wir die wichtigsten Erkenntnisse wiederholen und die nächsten Schritte zum weiteren Lernen vorschlagen. Sie werden über Ihre Fortschritte nachdenken und darüber, wie die abgeschlossenen Projekte in realen Szenarien angewendet werden können.
Das ist alles enthalten
1 Video1 Lektüre2 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
von
Mehr von Mobile und Web-Entwicklung entdecken
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
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
Ja, Sie können das erste Video in der Vorschau ansehen und den Lehrplan einsehen, bevor Sie sich anmelden. Sie müssen den Kurs kaufen, um auf Inhalte zuzugreifen, die nicht in der Vorschau enthalten sind.
Wenn Sie sich vor dem Beginn der Sitzung in den Kurs einschreiben, haben Sie Zugang zu allen Vorlesungsvideos und Lesestoff für den Kurs. Sobald die Sitzung beginnt, können Sie die Aufgaben einreichen.
Sobald Sie sich angemeldet haben und Ihre Sitzung beginnt, haben Sie Zugang zu allen Videos und anderen Ressourcen, einschließlich der Lektüre und dem Diskussionsforum des Kurses. Sie können Übungsaufgaben ansehen und einreichen und die erforderlichen benoteten Aufgaben erledigen, um eine Note und ein Kurszertifikat zu erhalten.
Weitere Fragen
Finanzielle Unterstützung verfügbar,