CSS for Everybody- From beginner to boss

CSS for Everybody: From beginner to boss, available at $54.99, has an average rating of 4.75, with 76 lectures, based on 30 reviews, and has 159 subscribers.

You will learn about Beginner level CSS Intermediate level CSS Responsive web design CSS Flexbox CSS Grid This course is ideal for individuals who are Junior web developers or People who want to make beautiful looking websites or People who want to make interactive feeling websites or People who want to make websites that work on all devices (phones, tablets and computers) It is particularly useful for Junior web developers or People who want to make beautiful looking websites or People who want to make interactive feeling websites or People who want to make websites that work on all devices (phones, tablets and computers).

Enroll now: CSS for Everybody: From beginner to boss

Summary

Title: CSS for Everybody: From beginner to boss

Price: $54.99

Average Rating: 4.75

Number of Lectures: 76

Number of Published Lectures: 76

Number of Curriculum Items: 76

Number of Published Curriculum Objects: 76

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Beginner level CSS

Intermediate level CSS

Responsive web design

CSS Flexbox

CSS Grid

Who Should Attend

Junior web developers

People who want to make beautiful looking websites

People who want to make interactive feeling websites

People who want to make websites that work on all devices (phones, tablets and computers)

Target Audiences

Junior web developers

People who want to make beautiful looking websites

People who want to make interactive feeling websites

People who want to make websites that work on all devices (phones, tablets and computers)

Welcome to CSS for Everybody, with your coding teacher Kalob Taulien.

This course is made up of 3 mini-courses that include CSS 101, CSS 201, and CSS 301.

In CSS 101 we’re going to get started with making an HTML website look a little more modern using CSS. Absolutely no experience is required for this module. Together, we’ll start at the very beginning and go through all the basics so you don’t miss anything.

In CSS 201 we’ll dive into intermediate CSS and work with things like animations, transitions, flexbox, and CSS grid. This will give us all the skills we need to start making websites responsive so they look good on desktops, laptops, tablets, phones, and even TVs.

In CSS 301 we’re focused completely on responsive web design. That’s how we make a website look good on every device.

There are big projects at the end of all three modules. And in between several lessons are tasks to get hands-on experience.

To get the most out of this course, you’ll need to know basic HTML. And you’ll likely want to pause the videos every now and then and code along with me.

Welcome to CSS for Everybody, and I’ll see you inside.

–

What is CSS?

CSS, otherwise known as Cascading Stylesheets, is used to make websites look and feel beautiful. See all the colors, shapes, and layouts on Udemy? That is all done using CSS.

–

Who is this course for?

If you want to make websites look beautiful and work on device types such as phones, tablets, laptops, desktops, and TVs this course is for you! 

If you’ve never written any CSS or you have written some CSS but want to level up your skill from beginner to boss, this course is for you! 

If you want to eventually get a job as a web developer, this course is for you!

–

What you’ll learn in CSS 101:

We’ll start off with getting a text editor installed, and learning about CSS syntax (the coding-style in which CSS is written). Then we’re going to dive into inline vs internal vs external styling, how to style certain HTML elements using CSS selectors, changing the text on our page, using different colors, changing default link styling, adding background images, working with borders, changing heights and widths of elements, changing spacing with margins and paddings, and making parts of your page see-through.

There are several tasks between the lessons for immediate hands-on experience, along with a final project.

What you’ll learn in CSS 201:

In this intermediate module, we’ll apply everything we learned in CSS 101, and get our hands dirty with more advanced CSS. This includes understanding the display property, the box model, outlines vs borders, specific element positioning, advanced CSS selectors, pseudo selectors and pseudo elements, transitions, animations, flexbox, and CSS grid.

Just like in the CSS 101 module, there is a final project and a bunch of homework tasks between the lessons for immediate hands-on experience.

What you’ll learn in CSS 301:

CSS 301 is all about responsive web design. This is how we make websites look great on all devices including phones, tablets, laptops, desktops, TVs, and more.

Responsive web design is the act of making a website “respond” to the width of the device that’s viewing your website. With this, you can write one codebase that works well on every type of device so all of your viewers and website users will be happy.

We’ll dive right into media queries and what mobile-first means and why it’s important. Then we’ll make images and video embeds responsive. And we’ll finish the course with a final project where you make a flexbox (or CSS grid) page layout and then transform it into a responsive website so it looks amazing on smaller devices like a phone.

–

Course requirements:

You should know some basic HTML already. CSS is designed to work with HTML, so if you don’t already know HTML then you’ll want to learn HTML first. Otherwise, if you already know a little HTML (you don’t need to be an expert) then this course is for you! 

You will also need access to the internet to stream the lessons and a free text editing program like VS Code. And that’s it! 

Course Curriculum

Chapter 1: CSS 101: A beginners guide to beautiful websites

Lecture 1: Introduction

Lecture 2: What is CSS?

Lecture 3: How does CSS work?

Lecture 4: CSS syntax overview

Lecture 5: Inline CSS

Lecture 6: Internal CSS

Lecture 7: CSS selectors introduction

Lecture 8: Element selectors

Lecture 9: Class selectors

Lecture 10: ID selectors

Lecture 11: Grouped selectors

Lecture 12: Nested elements

Lecture 13: Commenting your code

Lecture 14: Text colors

Lecture 15: Different color types

Lecture 16: Link states

Lecture 17: Font sizes

Lecture 18: Measurement types

Lecture 19: Background colors

Lecture 20: Background images

Lecture 21: The inspect tool

Lecture 22: Text align

Lecture 23: Borders

Lecture 24: Border radius

Lecture 25: Display

Lecture 26: Width

Lecture 27: Height

Lecture 28: Box shadows

Lecture 29: Padding

Lecture 30: Margin

Lecture 31: Max-width

Lecture 32: Opacity

Lecture 33: External CSS

Lecture 34: Floating elements

Lecture 35: Your CSS 101 project

Lecture 36: Summary

Chapter 2: CSS 201: Intermediate CSS

Lecture 1: Introduction

Lecture 2: The display property

Lecture 3: The box model

Lecture 4: Outlines

Lecture 5: Text shadows

Lecture 6: Minimum element width

Lecture 7: Introduction to CSS positions

Lecture 8: Relative positioning

Lecture 9: Absolute positioning

Lecture 10: Fixed positioning

Lecture 11: Sticky positioning

Lecture 12: Overflowing text

Lecture 13: Centering block elements

Lecture 14: Advanced CSS selectors

Lecture 15: Introduction to pseudo selectors

Lecture 16: Pseudo selectors

Lecture 17: Introduction to pseudo elements

Lecture 18: Before and after pseudo elements

Lecture 19: First letter and first line pseudo elements

Lecture 20: Highlighting text with selection

Lecture 21: Smooth transitions

Lecture 22: Gradient backgrounds

Lecture 23: Layering backgrounds and gradients

Lecture 24: Custom web fonts

Lecture 25: Transformations

Lecture 26: Animations

Lecture 27: Pro layouts: Flexbox

Lecture 28: Pro layouts: CSS Grid

Lecture 29: Your CSS 201 project

Lecture 30: Summary

Chapter 3: CSS 301: Responsive web design

Lecture 1: Introduction

Lecture 2: The viewport meta element

Lecture 3: Media query syntax

Lecture 4: What is mobile-first?

Lecture 5: Responsive images

Lecture 6: Responsive embeds

Lecture 7: Multiple media queries

Lecture 8: Making a responsive layout

Lecture 9: Your CSS 301 project

Lecture 10: Summary

Instructors

Kalob Taulien
Web developer and coding instructor

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 10 votes

5 stars: 19 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!