Ratings & reviews

5.03 ratings

ED G.

28 days ago

Good

Ignacio I.

46 days ago

Great start for advance css

T F.

122 days ago

fantastic

100%
0%
0%
0%
0%
info

Complete all chapters to get certificate

0%

Introduction

chevron

Research what learners can expect from this advanced HTML and CSS styling course. What do you need to know before starting the course? What topics will be covered in it?

Course Overview

Course Focus

Course Topics

How to Succeed

Item Positioning

chevron

Position and manage elements on the web pages. Learn about the different positioning properties, discover how to use the stacking order to control the visibility of elements that overlap each other, and finally, handle content overflow.

What is positioning?

Relative positioning

Absolute positioning

Challenge (relative, absolute positioning)

Fixed positioning

Sticky positioning

Challenge (fixed, sticky positioning)

Stacking order

Challenge (stacking order)

Content overflow

Transitions

chevron

Research the power of transitions and learn how to improve the user experience. Discover how to liven properties smoothly and gradually, creating seamless state transitions.

What is transition?

Select transition property

Transition duration

Transition time function

Transition time delay

Transition combination

Challenge (add transition)

Animations

chevron

Learn about the animation property and how it can be used to create dynamic and engaging designs. Discover how to create complex animations using keyframes and how to control the animation.

What is animation?

Specify time of an animation

Control animation play quantity and direction

Manage animation state

Animation composition

Challenge (animation)

Transformations

chevron

Explore the transformation property, which allows modifying the appearance and position of elements on a webpage. Learn how to scale, rotate, skew, and translate elements in two and three dimensions. Combine multiple transformations to create more complex effects.

What is transformation?

Scaling

Rotating

Challenge (scaling, rotating)

Translate

Skewing

Perspective

Challenge (translate, skew)

Adaptive/responsive websites and apps

chevron

The principles and techniques used in adaptive/responsive design aim to make websites and applications accessible and visually appealing across different devices, screen sizes, and orientations.

What is adaptive/responsive design?

@media query

Adaptive - Responsive layouts

Inspecting a web page

Challenge (adaptive/responsive layout)

Preprocessors

chevron

Learn about preprocessors in CSS and how they can help to write more efficient and maintainable code. Understand how to use preprocessors to simplify the workflow and generate cleaner CSS code.

What is preprocessor?

Sass syntax

Sass variables

Sass numeric operators

Sass nesting

@extend directive

Folder-file structure