Build Responsive Real World Websites with CSS3 v2.0

Build Responsive Real World Websites with CSS3 v2.0, available at $74.99, has an average rating of 4.5, with 181 lectures, 28 quizzes, based on 1208 reviews, and has 38595 subscribers.

You will learn about 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. Its 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 This course is ideal for individuals who are Complete beginners who want to learn how to build a professional, beautiful and responsive website or Students with some knowledge about HTML and CSS, but who struggle to put together a great website or Designers who want to expand their skill set into HTML5 and CSS3 It is particularly useful for Complete beginners who want to learn how to build a professional, beautiful and responsive website or Students with some knowledge about HTML and CSS, but who struggle to put together a great website or Designers who want to expand their skill set into HTML5 and CSS3.

Enroll now: Build Responsive Real World Websites with CSS3 v2.0

Summary

Title: Build Responsive Real World Websites with CSS3 v2.0

Price: $74.99

Average Rating: 4.5

Number of Lectures: 181

Number of Quizzes: 28

Number of Published Lectures: 181

Number of Published Quizzes: 28

Number of Curriculum Items: 209

Number of Published Curriculum Objects: 209

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will 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. Its 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

Who Should Attend

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

Target Audiences

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

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!

Course Curriculum

Chapter 1: CSS Introduction

Lecture 1: CSS Introduction

Lecture 2: How To Get The Most From This Course

Lecture 3: Support Group

Lecture 4: Syntax Introduction

Lecture 5: Very Important

Lecture 6: Editors

Lecture 7: How to Ask Great Questions

Lecture 8: CSS Masterclass e-book (free)

Lecture 9: What is Inline CSS?

Lecture 10: What is Internal CSS?

Lecture 11: What is External CSS?

Chapter 2: Getting Started

Lecture 1: Color Types

Lecture 2: Background Colors

Lecture 3: Background Images

Lecture 4: Repeating Background Images

Lecture 5: Borders

Lecture 6: The Box Model (Extremely Important!)

Lecture 7: Padding

Lecture 8: Margin

Lecture 9: Centering an Element

Lecture 10: Outline

Lecture 11: Cursor

Lecture 12: A Quick Checkup

Lecture 13: Mini Project

Lecture 14: Mini Project: Solution

Chapter 3: Text Formatting

Lecture 1: Text Color

Lecture 2: Text Alignment

Lecture 3: Text Decoration

Lecture 4: Text Transform

Lecture 5: Text Indent

Lecture 6: Letter Spacing

Lecture 7: Line Height

Lecture 8: Direction

Lecture 9: Word Spacing

Chapter 4: Fonts and Font Styling

Lecture 1: Serif vs. Sans Serif

Lecture 2: Font Family

Lecture 3: Lots of Free Fonts

Lecture 4: Font Style

Lecture 5: Font Size

Lecture 6: Font Weight

Lecture 7: Font Variant

Lecture 8: Font Awesome Icons

Chapter 5: Links and their States

Lecture 1: Links Introduction

Lecture 2: Hover Over Links

Lecture 3: Visited Links

Lecture 4: Active Links

Chapter 6: Better Selectors

Lecture 1: Grouping Selectors

Lecture 2: Descendant Selectors and Specificity

Lecture 3: Child Selectors

Lecture 4: Adjacent Selectors

Chapter 7: Lists

Lecture 1: List Style Type

Lecture 2: List Style Position

Lecture 3: List Style Image

Chapter 8: Tables

Lecture 1: Tables

Lecture 2: Table Borders

Lecture 3: Table Cell Vertical Align

Lecture 4: Table Row Hover Effect

Lecture 5: Mini Project

Lecture 6: Mini Project: Solution

Chapter 9: Display

Lecture 1: Display Introduction

Lecture 2: Display Block

Lecture 3: Display Inline

Lecture 4: Display Inline-Block

Lecture 5: Display None

Chapter 10: Sizing Elements

Lecture 1: Width

Lecture 2: Height

Chapter 11: Positions

Lecture 1: Position Introduction

Lecture 2: Position Relative

Lecture 3: Position Absolute

Lecture 4: Position Fixed

Lecture 5: Overlapping Elements with Z-Index

Chapter 12: Overflow

Lecture 1: Overflow Introduction

Lecture 2: Overflow Scroll

Lecture 3: Overflow Auto

Lecture 4: Overflow Hidden

Chapter 13: Float & Clear

Instructors

Kalob Taulien
Web developer and coding instructor

Kalob.io — Learn web development from scratch
Learn web development from a real world developer

Rating Distribution

1 stars: 10 votes

2 stars: 18 votes

3 stars: 96 votes

4 stars: 360 votes

5 stars: 725 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

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!