Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Course Focus | Introduction
Advanced CSS Techniques
course content

Course Content

Advanced CSS Techniques

Advanced CSS Techniques

1. Introduction
Course OverviewCourse FocusCourse TopicsHow to Succeed
2. Item Positioning
What is Positioning?Relative PositioningChallenge: Relative PositioningAbsolute PositioningChallenge: Absolute PositioningFixed PositioningChallenge: Fixed PositioningSticky PositioningChallenge: Sticky PositioningStacking OrderChallenge: Stacking OrderContent Overflow
3. Transitions
What is Transition?Selecting Transition PropertyTransition DurationTransition Time FunctionTransition Time DelayTransition CombinationChallenge: Adding Transition
4. Animations
What is Animation?Specifying Time of the AnimationControlling Animation Play Quantity and DirectionManaging Animation StateAnimation CompositionChallenge: Adding Animation
5. Transformations
What is Transformation?ScalingRotatingChallenge: Adding Scaling & RotatingTranslateSkewingPerspectiveChallenge: Adding Translating and Skewing
6. Adaptive/responsive websites and apps
What is Adaptive/Responsive Design?@media QueryAdaptive - Responsive layoutsInspecting the Web PageChallenge: Inspecting Adaptive/Responsive Layout
7. Preprocessors
What is Preprocessor?Sass SyntaxSass VariablesSass Numeric OperatorsSass Nesting@extend DirectiveFolder-File Structure

bookCourse Focus

Unlike introductory HTML and CSS courses that cover the rudimentary aspects of styling, this course boldly steps into the realm of advanced styling techniques. Here, we will venture far beyond the basics and delve deep into the intricacies of web design. Our primary focus areas include:

✨ Complex Styling Techniques

Say goodbye to the mundane and embrace the extraordinary. We will explore advanced CSS concepts that allow you to create visually stunning and dynamic web designs.

🎮 Interactivity

Learn how to captivate your audience by incorporating interactive elements into your web pages. We'll cover techniques for enhancing user engagement and creating memorable online experiences.

🌆 Elevated Aesthetics

Elevate the aesthetics of your websites to a professional level. Discover how to use advanced styling to achieve the perfect balance between aesthetics and functionality.

📈 Efficiency

Throughout the course, we will emphasize efficient coding practices and optimization to ensure that your web projects are not only beautiful but also performant.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 2
some-alt