Fortgeschrittenes CSS: Animationen, Flexbox, SVG, 3D, SASS,…
What you'll learn
- Entwickle schicke Webseiten mit modernsten CSS-Features
- Lerne am Beispiel: Setze ein komplettes Projekt um
- Transitions, @keyframes: Erstelle komplexe Animationen - auch komplett ohne JavaScript
- Lerne wie CSS wirklich funktioniert: Layout, Vererbung, Positionierungen, Spezifität von Selektoren
- BEM-Components: Steigere deine Produktivität und schreibe wiederverwendbaren CSS-Code
- SASS: Strukturiere deine CSS-Dateien und behalte selbst bei 10.000+ Zeilen noch den Überblick
- Responsive Design: Mobile-First vs. Desktop-First, 1rem vs. 1em, ...
- 3D: Erstelle schicke 3D-Effekte mit CSS
Requirements
- Du solltest schonmal ein bisschen was mit HTML entwickelt haben
- HTML-Grundlagen reichen aber aus - du brauchst kein HTML-Profi zu sein
- Es werden keine CSS-Kenntnisse vorausgesetzt - du lernst alles in diesem Kurs
Description
Du hast schon etwas mit HTML und CSS entwickelt, und möchtest deine Kenntnisse jetzt ausbauen? Dir sind moderne CSS3-Features wie 3D-Effekte, Animationen, Flexbox oder Grid noch neu? Oder du möchtest einfach nur noch schickere Webseiten entwickeln?
Dann ist dieser Kurs genau das Richtige für dich.
Dies ist einer der modernsten und umfangreichsten Kurse zum Thema fortgeschrittenes CSS auf Udemy. Schritt für Schritt lernst du nicht nur die Grundlagen von CSS, sondern auch alle modernen CSS-Features - inklusive diverser CSS-Tricks, mit denen du als Webentwickler noch effizienter wirst.
Hierbei lernst du alles komplett praxisorientiert und am Beispiel - das Projekt, was wir in dem Kurs entwickeln, kann sich echt sehen lassen. Auch entwickeln wir interaktive Features wie ein ausfahrbares Seitenmenü, Buttons die weiteren Inhalt aufklappen, und einen Dialog, der sich animiert über die Seite legt - und zwar ohne dass für diese Funktionalität JavaScript im Browser benötigt wird.
Dieser Kurs hört fängt dort an, wo andere HTML-Kurse aufhören: Hier lernst du keine HTML-Grundlagen, sondern wir gehen hier explizit auf modernes CSS ein - bis an die Grenzen des technisch machbaren.
Nach Abschluss dieses Kurses...
... bist du ein gefragter Webentwickler, der auch komplexeste Designs souverän umsetzen kann
... hast du ein umfangreiches Verständnis, wie CSS "unter der Haube" funktioniert
... bist du derjenige, der auch noch so komplexe Layouts problemlos umsetzen kann
... kannst du Designs entwickeln, die nicht nur auf Desktop- sondern auch auf Mobilgeräten gut aussehen (Responsive Design)
... behältst du dank SASS auch bei riesigen Projekten noch den Überblick
Was lernst du alles in diesem Kurs?
CSS Grundlagen: Vererbung, Spezifität, Cascading
Responsive Design: Desktop-first vs. Mobile-first
Gradients: Erstelle schicke Farbverläufe, als Hintergrundbild oder als Schriftfarbe
Animationen: Erstelle schicke Animationen, als Hover-Effekt oder als @keyframes-Animation. Inklusive diverser Tricks, damit deine Animationen immer flüssig dargestellt wird
3D-Effekte: Erstelle noch schickere Animationen, und bewege Elemente im 3D-Raum
Flexbox: Platziere Elemente nebeneinander - sehr viel eleganter als mit einem "float: left"
CSS-Grid: Platziere Elemente automatisch in einem Grid - ideal für Responsive Design
Positionierung von Elementen: Oft müssen wir mehrere Elemente übereinander legen, z.B. um ein Bild von Text überlagern zu lassen. Lerne alles, was du hierzu wissen musst!
Diverse CSS-Tricks:
Interaktive Menüs
CSS debuggen
SASS:
Strukturiere deinen CSS-Code so, dass du auch bei größeren Projekten noch den Überblick behältst
Variablen
Mixins
Farben abändern (sass:color)
Entwickle ein komplettes Praxisprojekt von A-Z
Who this course is for:
- Leute mit etwas Erfahrung mit HTML & CSS, die jetzt ihre CSS-Kenntnisse auf das nächste Level bekommen möchten
Instructor
- 4.6 Instructor Rating
- 79,072 Reviews
- 264,242 Students
- 39 Courses
My name is Jannis Seemann, and I'm deeply passionate about programming.
I began crafting my first website at the age of 14. By 18, I landed my first internship at Google in London. Two years later, while pursuing my degree, I secured another internship with Google, this time in Silicon Valley (Mountain View, California).
One of my greatest joys is learning something new, especially with guidance from my mentors. This love for learning inspired me to start teaching during my computer science studies.
I fully understand the challenges and the time it takes to immerse oneself in a new subject, whether it's for a personal project, academic pursuits, or professional work. That's why I pour so much dedication into my courses, offering numerous exercises and real-world examples to make the learning process smoother.
Today, I take immense pride in knowing that over 250,000 students have enrolled in my courses. I hope I've been able to impart to them the same enthusiasm and joy I feel when creating these courses.
Beyond Udemy, with my background in computer science and as an independent entrepreneur, I successfully carry out web projects for clients. I'm also keen on sharing my expertise and experiences through the online courses I offer.
-----
Mein Name ist Jannis Seemann und das Programmieren ist meine absolute Leidenschaft.
Bereits mit 14 Jahren begann ich mit dem Programmieren meiner ersten Webseite. Mit 18 Jahren habe ich mein erstes Praktikum bei Google in London absolviert. 2 Jahre später folgte dann während meines Studiums ein weiteres Praktikum bei Google im Silicon Valley (Mountain View, California).
Für mich ist es das Schönste, wenn ich dank der Unterstützung meiner Mentoren etwas Neues lernen kann. Dies brachte mich bereits während meines Informatikstudiums auf die Idee, selbst mit dem Unterrichten zu beginnen.
Ich weiß genau, wie anstrengend und zeitintensiv es sein kann, sich mit einem neuen Thema zu beschäftigen; sei es für ein privates Projekt, das Studium oder für die Arbeit. Deshalb stecke ich extrem viel Aufwand in meine Kurse, und es gibt besonders viele Aufgaben & Praxisbeispiele - damit dir das Lernen möglichst leicht fällt.
Heute bin ich sehr stolz darauf, dass sich mehr als 250.000 TeilnehmerInnen für meine Kurse entschieden haben und hoffe, dass ich ihnen die Freude und Begeisterung vermitteln konnte, welche ich bei der Erstellung meiner Kurse habe.
Außerhalb von Udemy setze ich als studierter Informatiker und selbstständiger Unternehmer erfolgreich Webprojekte für meinen Kunden um, und teile mein Wissen und meine Erfahrung in den hier angebotenen Online-Kursen.