Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 13 hours on-demand video
  • 2 articles
  • 163 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development CSS

Build Responsive Real World Websites with CSS3 v2.0

Learn CSS3 Flexbox, CSS3 Animations, Transitions, Transformations and Responsive Web Design. Make beautiful websites!
Rating: 4.4 out of 54.4 (1,013 ratings)
37,427 students
Created by Kalob Taulien, Kalob.io — Learn web development from scratch
Last updated 7/2020
English
English [Auto], Polish [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Real-world skills to build real-world websites. Including several mini projects!
  • Learn the basics, then learn Advanced Selectors, Gradients, Transformations, Transitions, Animations, Flexbox and Responsive Web Design!
  • Get my e-book "CSS Masterclass" for free. It's a 180 page CSS3 eBook with interactive code examples all available on CodePen
  • Get helpful support in the course Q&A
  • Downloadable lectures, code and design assets for the entire project
Curated for the Udemy for Business collection

Course content

31 sections • 181 lectures • 12h 57m total length

  • Preview02:10
  • Preview02:58
  • Support Group
    01:02
  • Preview03:14
  • Very Important
    01:32
  • Preview02:14
  • How to Ask Great Questions
    Preview03:31
  • CSS Masterclass e-book (free)
    00:11
  • What is Inline CSS?
    Preview03:28
  • What is Internal CSS?
    03:48
  • What is External CSS?
    09:15
  • CSS Introduction Quiz
    4 questions

  • Color Types
    Preview10:05
  • Preview04:15
  • Preview04:31
  • Repeating Background Images
    03:07
  • Borders
    08:57
  • The Box Model (Extremely Important!)
    05:08
  • Padding
    05:24
  • Margin
    04:40
  • Centering an Element
    04:06
  • Outline
    02:56
  • Cursor
    02:42
  • A Quick Checkup
    01:01
  • Getting Started Quiz
    6 questions
  • Mini Project
    01:42
  • Mini Project: Solution
    06:58

  • Preview02:07
  • Preview04:31
  • Preview06:33
  • Text Transform
    03:25
  • Text Indent
    02:23
  • Letter Spacing
    04:06
  • Line Height
    03:34
  • Direction
    03:23
  • Word Spacing
    03:32
  • Text Formatting Quiz
    4 questions

  • Serif vs. Sans Serif
    Preview03:33
  • Preview05:37
  • Preview04:18
  • Font Style
    03:37
  • Font Size
    04:48
  • Font Weight
    06:19
  • Font Variant
    02:36
  • Font Awesome Icons
    06:04
  • Font and Font Styling Quiz
    5 questions

  • Preview02:08
  • Preview01:58
  • Visited Links
    01:49
  • Active Links
    02:34
  • Links Quiz
    2 questions

  • Preview05:45
  • Preview07:53
  • Child Selectors
    04:35
  • Adjacent Selectors
    03:46
  • Better Selectors Quiz
    2 questions

  • Preview05:24
  • List Style Position
    02:03
  • List Style Image
    01:29
  • Lists Quiz
    2 questions

  • Preview01:54
  • Preview01:47
  • Table Cell Vertical Align
    01:23
  • Table Row Hover Effect
    02:18
  • Mini Project
    01:15
  • Mini Project: Solution
    08:17
  • Tables Quiz
    3 questions

  • Preview01:56
  • Preview02:15
  • Display Inline
    02:45
  • Display Inline-Block
    02:55
  • Display None
    02:23
  • Display Quiz
    4 questions

  • Preview03:11
  • Height
    02:55
  • Sizing Elements Quiz
    2 questions

Requirements

  • No coding or design experience necessary
  • Any computer will do — Windows, OSX or Linux
  • You don’t need to buy any software — we will use the best free web development editor in the world

Description

You can launch a new career in web development by simply learning HTML and CSS. You don't need a university degree or any paid software, everything can be learned for free with free software and a few hours of your time. This course also comes with my full CSS Masterclass e-book, as an added bonus!

This entire course is designed to take you from a beginner to a CSS expert in order to prepare you for a job as a web developer. 

Don't limit yourself with those terrible site-builder tools. They are cool tools, but ultimately the limit your creativity. By learning CSS you'll be able to unleash your creativity!

THIS COURSE COMES WITH:

  • Over 170 lessons

  • Over 140 tasks (found at the end of each lesson)

  • My CSS Masterclass e-book that has interactive code examples

  • Over 25 self contained modules so you can skip around if you like

  • Direct access to me through the Q&A section

  • Unlimited 24/7 Access through the website, the app, your phone or even your TV

  • A certificate of completion

  • Access to my Developer Support Group where you can ask me questions directly

  • Quizzes at the end of each module

This course does not assume any prior knowledge in CSS, but it's also broken up into small section that allow you to skip around (so you don't have to watch everything you already know about).

I've taught over 225,000 students on Udemy, so you know you can trust me and what I'm going to teach you. Here's what some people have said about my other courses:

  1. "This course is worth doing it like what i call baby steps ... i did the course again and practice a lot i sometime refer to some video if i struggle well done"

  2. "very clear explanation how things example with alot of examples. Very good!"

  3. "absolutely love this course! Perfect! You can't go wrong with this Udemy Instructor."

  4. "Great info. I think it breaks a lot of the myth of what you should and need to know to get a job doing front end development. A++"

  5. "It was a good experience. This course was excellent for me as beginner. Now, I am looking to create my first website. Thank you Mr. Kalob Taulien."

Are you looking for the best way to learn how to build beautiful websites with CSS3? What about websites that look even better on your phone?

Do you want to learn everything in one course? (no upgrades, no up-selling .. just me and you, a bunch of code and some great projects)

Have you taken other CSS courses but didn't actually learn how to build beautiful and responsive websites? Or did they teach you things that you can't apply in real life?

If your answer is a big YES... Then this is exactly the course you are looking for! This is the one-stop-shop for all your CSS learning needs!

This course is very hands on. Over 140 lessons have tasks at the end of them so you can gain immediate experience with everything new you've learned. 

YOU'RE GOING TO LEARN AMAZING ADVANCED CSS3 SUCH AS:

  • Transitions

  • Gradients

  • Transformations 

  • Animations 

  • Flexbox

  • Responsive Web Design

CSS Transitions:
You'll learn how to slowly animate website components using transitions. Like when you put your mouse over a link and it slowly changes color (instead of being instant.. it looks like a fading effect!)

Gradients:
No Photoshop required! We'll learn how to master gradients from scratch. It's a lot easier than you think and adds a nice visual aspect to your websites!

Transformations:
You'll learn about 2D and 3D transformations. Like making an element bigger but keeping it's height and width proportional. Rotating elements has never been easier! Change the perspective on an element adds a nice angle to your elements, and can make your text look like the intro to Star Wars. 

Animations:
CSS3 animations let you create full CSS-only animations (no JavaScript required). You can do more than just change sizes or colors... you can turn your website into an app-like website with cool animations. And we'll go over each animation property one-by-one with lots of practice in between. By the end of the animations module, you'll be an animation PRO!

Flexbox:
Flexbox is probably the most important CSS3 property. It lets you set an element's base size and allow it to grow or shrink depending on other content. You can vertically align content without tables or CSS "hacks". It makes responsive web design SO EASY. You can re-arrange your HTML elements without writing any HTML (pure css!) With transitions, you can make a VERY nice website. You'll get real life practice with flexbox AND how you can make a website responsive (there's a project based on creating a Flexbox layout!)

Responsive Web Design (RWD):
Learn exactly how we make a website "responsive", which really just means "the website transforms when you view it on a phone or a laptop". We'll dive into Responsive Web Design, media queries, and get hands on practice creating our own responsive website!

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 HTML and CSS, but who struggle to put together a great website
  • Designers who want to expand their skill set into HTML5 and CSS3

Featured review

Jinwen She
Jinwen She
20 courses
9 reviews
Rating: 5.0 out of 5a year ago
This course is perfect for CSS beginner or advanced developer. I wish Kalob had a 2020 version of CSS course just like the updated one he made for his HTML course. Overall, Kalob is a fun guy. His personality made me easier to complete the lessons.

Instructors

Kalob Taulien
Web developer and coding instructor
Kalob Taulien
  • 4.6 Instructor Rating
  • 17,444 Reviews
  • 269,296 Students
  • 26 Courses

He is a professional web developer who's been developing websites and working with startups since 1999. He also has a broad set of skills in software, web development, and information technology.

Teaching over 250,000 students on Udemy alone, he's helped tens of thousands of people learn web development. From zero to hero and novice to ninja, he's considered a top teacher by thousands. With so much experience, why not give his experience and knowledge to others so they can fulfill their dreams?

The passion to learn and to share his knowledge by teaching and helping others is something that drives him. It's a passion he's had since he was born. Kalob's ability to turn complex programming concepts into easy-to-understands bits of knowledge has been called his "superpower". 

Throughout the years, Kalob has built hundreds, if not thousands, of websites, and has created multiple companies from his ideas and software. He also provides one-on-one coaching and startup consulting to new organizations. 

Teaching isn't an option in Kalob's life, but a moral obligation to pass on knowledge to others.

Kalob.io — Learn web development from scratch
Learn web development from a real world developer
Kalob.io — Learn web development from scratch
  • 4.5 Instructor Rating
  • 4,216 Reviews
  • 101,320 Students
  • 3 Courses

Kalob[dot]io is a website where you can learn web development from scratch. We offer HTML, CSS, JavaScript, Full Stack Dev and a PHP course, with more to come! 

Definitely come check it out. 

And feel free to join our web development Facebook group called Learning to Code (click the Facebook icon on this page). We have thousands of developers who are all learning to code; we're a support group where we share projects, tips, ideas, questions and more. Oh, and it's free to join! 

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.