Advanced CSS: Animations, Flexbox, SVG, 3D, SASS, ...
If you want to support me: When you purchase the course through my link here, I receive a higher sales commission from Udemy than if the course is accessed and purchased through the platform directly.
Udemy assures me that you will receive the current best price at which this course is currently sold on the Udemy marketplace. So you should not pay more through my link than if you buy the course directly through the platform.
CSS is one of the core languages for developing websites. While the content of a website is defined in HTML and XML, ideally the design specifications should be separated from it and are therefore usually outsourced to separate CSS files. CSS enables design methods for layout, colors and typography, for example - but CSS is also constantly being expanded with new features, for example animations for different output media.
This modern and comprehensive course teaches CSS at an advanced level, so that participants master this language at a high complexity level after the course. For example, expandable side menus, buttons that unfold further content, as well as dynamic dialogs are developed without JavaScript being required. After completing the course, participants have gained a deeper understanding of the language and can easily implement complex layouts themselves.
Participants learn in this course:
- CSS basics with inheritance, specificity, cascading
- Responsive design, including desktop-first, mobile-first or 1rem vs. 1em
- Gradients as color gradients, background images or font colors
- Fluid animations as hover effects, @keyframes animations and 3D animations
- Flexbox, i.e. the elegant placement of elements next to each other
- CSS Grid for automatic placement of elements in a grid for responsive designs, for example
- BEM components for reusable code
- Positioning of elements, such as overlaying text on an image
- Various CSS tricks, for example interactive menus or debugging tips
Furthermore, participants are also taught the language SASS, which is closely related to CSS, in order to be able to keep track of even more extensive projects. In the course of this, variables, mixins and the modification of colors (sass:color) are discussed, among other things.
All content is implemented in an extensive example project, so that its practical benefit can be immediately understood.