Зміст курсу

Advanced CSS Techniques

1. Introduction

Course Overview Course Focus Course Topics How to Succeed

2. Item Positioning

What is Positioning?Relative Positioning Challenge: Relative Positioning Absolute Positioning Challenge: Absolute Positioning Fixed Positioning Challenge: Fixed Positioning Sticky Positioning Challenge: Sticky Positioning Stacking Order Challenge: Stacking Order Content Overflow

3. Transitions

What is Transition?Selecting Transition Property Transition Duration Transition Time Function Transition Time Delay Transition Combination Challenge: Adding Transition

4. Animations

What is Animation?Specifying Time of the Animation Controlling Animation Play Quantity and Direction Managing Animation State Animation Composition Challenge: Adding Animation

5. Transformations

What is Transformation?Scaling Rotating Challenge: Adding Scaling & Rotating Translate Skewing Perspective Challenge: Adding Translating and Skewing

6. Adaptive/responsive websites and apps

What is Adaptive/Responsive Design?@media Query Adaptive - Responsive layouts Inspecting the Web Page Challenge: Inspecting Adaptive/Responsive Layout

7. Preprocessors

What is Preprocessor?Sass Syntax Sass Variables Sass Numeric Operators Sass Nesting @extend Directive Folder-File Structure

Advanced CSS Techniques

Course Overview

Welcome to the Advanced CSS Styling Course! This introductory chapter sets the stage for what you can expect from this transformative learning journey.

👨‍💻 Who Should Take This Course?

This course is meticulously designed for a specific group of individuals who have already ventured into the world of HTML and are now eager to take their web design skills to the next level. The ideal participants for this course are individuals who:

Possess a solid foundation in HTML: You should be comfortable with HTML markup, syntax, and fundamental concepts;
Basic CSS proficiency: Familiarity with basic CSS properties and selectors is essential;
Aspire to Elevate Their Web Design Skills: If you want to transcend the realm of simple color changes and font tweaks, this course is tailored for you. We aim to empower you with the knowledge and techniques to craft sophisticated and visually appealing web designs.

🏁 By the end of this course

You will be equipped with the skills and knowledge needed to:

Create complex web designs confidently;
Design interactive web elements;
Optimize web performance;
Transform your web development capabilities.

Все було зрозуміло?

Секція 1. Розділ 1

Зміст курсу

Advanced CSS Techniques

1. Introduction

Course Overview Course Focus Course Topics How to Succeed

2. Item Positioning

3. Transitions

What is Transition?Selecting Transition Property Transition Duration Transition Time Function Transition Time Delay Transition Combination Challenge: Adding Transition

4. Animations

What is Animation?Specifying Time of the Animation Controlling Animation Play Quantity and Direction Managing Animation State Animation Composition Challenge: Adding Animation

5. Transformations

What is Transformation?Scaling Rotating Challenge: Adding Scaling & Rotating Translate Skewing Perspective Challenge: Adding Translating and Skewing

6. Adaptive/responsive websites and apps

What is Adaptive/Responsive Design?@media Query Adaptive - Responsive layouts Inspecting the Web Page Challenge: Inspecting Adaptive/Responsive Layout

7. Preprocessors

What is Preprocessor?Sass Syntax Sass Variables Sass Numeric Operators Sass Nesting @extend Directive Folder-File Structure

Advanced CSS Techniques

Course Overview

Welcome to the Advanced CSS Styling Course! This introductory chapter sets the stage for what you can expect from this transformative learning journey.

👨‍💻 Who Should Take This Course?

Possess a solid foundation in HTML: You should be comfortable with HTML markup, syntax, and fundamental concepts;
Basic CSS proficiency: Familiarity with basic CSS properties and selectors is essential;
Aspire to Elevate Their Web Design Skills: If you want to transcend the realm of simple color changes and font tweaks, this course is tailored for you. We aim to empower you with the knowledge and techniques to craft sophisticated and visually appealing web designs.

🏁 By the end of this course

You will be equipped with the skills and knowledge needed to:

Create complex web designs confidently;
Design interactive web elements;
Optimize web performance;
Transform your web development capabilities.

Все було зрозуміло?

Секція 1. Розділ 1