4.23 out of 5
4.23
13 reviews on Udemy

The Complete CSS Course

Learn CSS from beginner to advanced level with both theoretical and practical explanations
Instructor:
Farda Karimov
8,802 students enrolled
English [Auto]
Modern CSS techniques to create stunning designs and effects
How to use and apply the CSS Box model to Page Layout
Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.
What considerations to take when using CSS for mobile
CSS Grid layouts: build a huge real-world project with CSS Grid
Flexbox layouts: build a huge real-world project with flexbox

Are you’re a beginner who wants to start programming and become web developer or experienced programmer who wants to advance their knowledge about CSS.

If your answer is yes, you are the right way and let’s start

We do not assume any prior knowledge so we go through the concepts from the beginner’s point of view. This course is prepared to give students an contemporary insights at CSS and CSS3 features.

We will start with the selection of some significant text editors .Then we jump to ways to add CSS and the syntax of the elements in CSS. During the lesson, you will learn to style HTML elements with usage of CSS codes such as color,font size,width,height and etc. You will also see how different types of animations and transitions are set up and learn how to apply them. We will talk about how the CSS Grid and Flexbox layout system, one of the most important topics in CSS, and how they are used to create Responsive Design which means the design can adopt to all of device types such as mobile, computer, tablets, laptops.

After completing the course, you will be able to professionally write the codes of your webpage. Anything covered in theory had a hands on example in the course.This course is both theorical and practical.

The key topics about CSS

1
Preview Video
2
İntroduction to CSS
3
Text Editors
4
Adding CSS to text editors
5
Syntax of CSS elements
6
Website Layout
7
CSS Selectors
8
Attribute Selectors
9
Add colors with RGB values
10
Add colors with HEX values
11
Add colors with HSL values
12
Opacity Property
13
Comments
14
Absolute Lengths
15
Relative Lengths
16
List-style-type
17
Display property
18
İnline-Block Value
19
Pseudo Classes
20
Pseudo Elements
21
Styling Links
22
Float Property

Background Properties

1
Background-Color property
2
Background Images
3
Background Position Property
4
Background Shorthand

Border and Outline Properties

1
Border-Style
2
Border-Width
3
Border Radius
4
Outline Property
5
Outline-Offset

Text Styling

1
Text-decoration
2
Text Transform
3
Text Spacing
4
Text-Shadow
5
Text-Alignment
6
Overflow Property
7
Word-Wrap Property
8
Font-Family
9
Font-Size
10
Font-Style
11
Visibility Property

Box Model

1
What is Box Model?
2
Padding Property
3
Margin Property
4
Width and Height
5
Max-Width Property
6
Box-Sizing
7
Box Shadow

Responsive Design

1
What is Responsive Design?
2
Meta tag for Responsive Design
3
Flexbox Layout 1
4
Flexbox Layout 2
5
Flex-item
6
Grid Layout 1
7
Grid Layout 2
8
Media Queries

Advanced Topics

1
Animation
2
Transition
3
Linear-Gradient
4
Radial-Gradient
5
2D Transforms
6
3D Transforms
7
Position property
8
Object-fit Property
9
User Interface

Practice Videos

1
Practice Video 1
2
Practice Video 2
3
Practice Video 3
4
Practice Video 4
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.2
4.2 out of 5
13 Ratings

Detailed Rating

Stars 5
6
Stars 4
3
Stars 3
3
Stars 2
1
Stars 1
0
661ac9997267b169c43895290f415390
Course available for 2 days
30-Day Money-Back Guarantee

Includes

5 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Join Our Telegram For FREE Courses & Canva PremiumJOIN NOW