Learn CSS3
4.1 (69 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
16,375 students enrolled

Learn CSS3

Learn all the CSS3 Properties
4.1 (69 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
16,375 students enrolled
Last updated 12/2018
English
Current price: $11.99 Original price: $199.99 Discount: 94% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6.5 hours on-demand video
  • 59 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • You will be comfortable writing CSS3 by hand
  • Build Real World Websites with CSS3 from Scratch

  • Build Advanced Websites with CSS3

Course content
Expand all 62 lectures 06:16:27
+ Module 2: Basic CSS Properties
17 lectures 02:09:56

In this lecture we will be cover Selectors and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Preview 11:10

In this lecture we will be cover Colors and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Step 2: Colors
08:52

In this lecture we will be cover Backgrounds and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Step 3: Backgrounds
10:29

In this lecture we will be cover Borders and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Step 4: Borders
06:11

In this lecture we will be cover Margins and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Step 5: Margins
09:12

In this lecture we will be cover Padding and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Step 6: Padding
09:23

In this lecture we will be cover Height-Width and be sure to grab the starter code below so you can follow along.  Thanks and happy coding with CSS.

Step 7: Height-Width
06:57
Step 8: Box Model
02:03
Step 9: Outline
05:08
Step 10: Text
05:43
Step 11: Fonts
04:14
Step 12: Icons
03:03
Step 13: Links
09:33
Step 14: Lists
07:05
Step 15: Tables
06:07
Step 16: Display
07:41
Step 17: Positioning
17:05
+ Intermediate CSS Properties
17 lectures 01:30:56
Step 1: Overflow
05:47
Step 2 : Floating
07:35
Step 3: Inline-Block
04:28
Step 4: Aligning Elements
05:47
Step 5: Combinators
03:32
Step 6: Pseudo Classes
05:50
Step 7: Pseudo Elements
04:51
Step 8: Generated Content
05:39
Step 9: Opacity
05:17
Step 10: Navigation Bars
05:20
Step 11: Dropdown Menus
04:29
Step 12: Responsive Image Gallery
08:13
Step 13: Image Sprites
01:56
Step 14: Attribute Selectors
05:10
Step 15: Forms
07:18
Step 16: Counters
03:46
Step 17: Website Layout
05:58
+ Module 4: Advanced CSS Properties
24 lectures 02:04:36
Step 1: Rounded Corners
07:23
Step 2: Border Images
04:30
Step 3: Advanced Backgrounds
04:52
Step 4: Gradients
04:04
Step 5: Shadows
08:18
Step 6: Text Effects
05:03
Step 7: Web Fonts
05:13
Step 8: 2D Transforms
06:56
Step 9: 3D Transforms
03:01
Step 10: Transitions
05:00
Step 11: Animations
03:40
Step 12: Tool Tips
02:38
Step 13: Style Images
06:14
Step 14: Object-Fit
02:12
Step 15: Buttons
03:41
Step 16: Pagination
02:43
Step 17: Multiple Columns
01:13
Step 18: User Interface
02:16
Step 19: Variables
04:37
Step 20 : Box Sizing
03:10
Step 21: Flex Box
04:35
Step 22: Media Queries
13:05
Step 23: Responsive Web Design
09:21
Step 24: Grid
10:51
Requirements
  • No prior Coding Experience is required
Description


Are you looking for the best way to learn how to build beautiful websites with CSS3? That even look great on your phone?

Have you taken other CSS courses, but still wonder how to code a real world website, not just some basic examples?

If your answer is a big YES... Then this is exactly the course you are looking for!

...


Reason #1: The course is completely property based

Together we will go through the entire CSS3 Property library.   

Reason #2: You will not just learn how to code

Coding is great, but it's not everything that matters. That's why we will go through the entire process of building and launching our website project. This includes designing, coding, planning, writing clean and organized code, website optimization, best practices, and so much more.

Designing is really, really important. Have you seen all these beautiful and modern websites lately? Great! Because I will show you how it's done. And not just in theory, but also in practice. This is the only course on the market which focuses on both coding and designing, together.

Reason #3: You walk away with a ready-to-launch website

By the end of the course, you will have a complete, ready-to-launch website that looks great on any computer, tablet and smartphone. Of course you get the entire code and all the images and graphical assets that I designed especially for the course as a free download.

Please check out the promo video to see the final website.

Reason #4: I make HTML5 and CSS3 easy and fun

With the right guidance, HTML5, CSS3 and responsive web design are really easy to learn and use in the real world. With a bunch of random tutorials and YouTube videos? Not so much. That's why I structured this training around a cool and complete project that's fun to code.

...

So here is exactly what we cover in this training:

• Easy-to-follow and hands-on web development with CSS3.

• Learn every CSS Property.

• How to get and use images, fonts and icons to make your website shine — all for free.

• Responsive web design: learn how to create websites that work beautifully on all screen sizes.

• How to launch your website for the world to see it.

...

Let's now find out if this course is for you. It's a perfect fit if...

Student #1: You are a complete beginner with no idea on how to build a website.

Student #2: You already know some CSS3 from some tutorials or videos, but struggle to put together a good-looking, complete website.

Student #3: You are a designer and want to expand your skills in CSS3, because all your designer colleagues are learning how to code (they are smart). 

...

Now it's your turn to decide. This is what you get:

• Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• English captions for students with hearing impairment.

• All lectures are downloadable to make your learning experience even better.

• Downloadable code and design assets for the entire project. You can keep this code as a starting point for your own projects.

• Free helpful support in the course Q&A when you have questions or get stuck.


...

Sounds great? Then just click the “Take this course" button, and let's start this fantastic journey together!

Who is the target audience?

  • Complete beginners who want to learn how to build a professional, beautiful and responsive website

  • Students with some knowledge about CSS3, but who struggle to put together a great website

  • Designers who want to expand their skill set in CSS3

Who this course is for:
  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • Students with some knowledge about CSS, but who struggle to put together a great website
  • Designers who want to expand their skill set in CSS