CSS: Zero to Hero in CSS by Styling a Website from Scratch

CSS: Zero to Hero in CSS by Styling a Website from Scratch, available at Free, has an average rating of 4.53, with 60 lectures, 10 quizzes, based on 1239 reviews, and has 34204 subscribers.

You will learn about You will learn how to apply CSS to any type of website or project. You will learn about basic styling and formatting in CSS. You will learn about CSS Theory and some of the concepts that power CSS. You will learn about layout in CSS and ways of manipulating it (Flexbox, Grid, etc.) You will learn about animations and transitions in CSS. This course is ideal for individuals who are Anyone looking to progress their front-end web development skills or Those looking to open opportunities or create a basis in the development industry. or Anyone who wants to revisit or relearn CSS concepts. It is particularly useful for Anyone looking to progress their front-end web development skills or Those looking to open opportunities or create a basis in the development industry. or Anyone who wants to revisit or relearn CSS concepts.

Enroll now: CSS: Zero to Hero in CSS by Styling a Website from Scratch

Summary

Title: CSS: Zero to Hero in CSS by Styling a Website from Scratch

Price: Free

Average Rating: 4.53

Number of Lectures: 60

Number of Quizzes: 10

Number of Published Lectures: 60

Number of Published Quizzes: 9

Number of Curriculum Items: 70

Number of Published Curriculum Objects: 69

Number of Practice Tests: 1

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

You will learn how to apply CSS to any type of website or project.
You will learn about basic styling and formatting in CSS.
You will learn about CSS Theory and some of the concepts that power CSS.
You will learn about layout in CSS and ways of manipulating it (Flexbox, Grid, etc.)
You will learn about animations and transitions in CSS.

Who Should Attend

Anyone looking to progress their front-end web development skills
Those looking to open opportunities or create a basis in the development industry.
Anyone who wants to revisit or relearn CSS concepts.

Target Audiences

Anyone looking to progress their front-end web development skills
Those looking to open opportunities or create a basis in the development industry.
Anyone who wants to revisit or relearn CSS concepts.

Do you want to learn how to style websites? Do you want to learn the industry-standard techniques that web developers use? Do you want to be able to take your website to the next level? If you are asking one of these questions, then CSS is the perfect skill for you to learn.

CSS, or Cascading Style Sheet, is responsible for the styling of a website. It can completely change its look and feel, taking a website from the amateur level, to an industry website that can be shown off to clients.

In this course, we cover CSS from the ground up; starting with basics skills, such as coloring and text, to highly advanced skills, custom animations. Overall, we cover over 10 major topics of CSS, including:

Coloring
Formatting
Text
Layout
Grid
Flexbox
Animations
Transitions
And many more!

Even with all of these topics, you do not need any experience in CSS! This course is packed with content-both interactive and informational- to help you achieve your goals. Each section contains an in-depth quiz with 10 questions covering each unit, allowing you to diagnose yourself and your skill. The videos are filmed in an interactive way to help you ‘learn while doing’.

On top of that, at the end of the course, you get to style a website from scratch using all of the techniques you learned!

With 6+ hours of video and everything mentioned above, you are bound to become a CSS wizard by the end of the course, regardless of your previous knowledge of the topic. The only tool you need is a basic understanding of HTML (Which can be learned through my free course!)

So, are you ready to start upgrading your web development career?

�

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Achievements & Results

Lecture 2: Introduction to Course

Lecture 3: Course Prerequisites (MUST READ)

Lecture 4: Downloading Necessary Software

Lecture 5: Where to Find Project Files

Chapter 2: CSS Introduction

Lecture 1: What is CSS?

Lecture 2: Creating & Linking a CSS Stylesheet

Lecture 3: How to Test a Stylesheet

Chapter 3: Selectors & Properties

Lecture 1: What is a Selector?

Lecture 2: Classes & ID's in HTML

Lecture 3: Specificity & When to use Selectors

Lecture 4: Pseudoselectors

Lecture 5: Advanced Selectors

Lecture 6: Attribute Selectors

Lecture 7: What are Properties?

Lecture 8: The CSS General Rule

Chapter 4: Coloring & Formatting

Lecture 1: Types of Colors

Lecture 2: Coloring Text

Lecture 3: Background Colors

Lecture 4: Images/URL's in CSS

Lecture 5: Other Background Properties

Lecture 6: Opacity/Transparency

Lecture 7: Gradients

Chapter 5: Fonts & Text Manipulation

Lecture 1: Introduction to Types of Units

Lecture 2: Text Manipulation

Lecture 3: Font Size, Bolding & Style

Lecture 4: Font Families

Lecture 5: Including External Fonts w/ Google Fonts

Lecture 6: Using External Fonts

Chapter 6: Layout

Lecture 1: The CSS Box Model

Lecture 2: Changing Content Size

Lecture 3: CSS Borders

Lecture 4: Margin & Padding

Lecture 5: Float & Display Types

Chapter 7: CSS Flexbox

Lecture 1: What is Flexbox?

Lecture 2: Creating a Flex Container

Lecture 3: Flex Direction & Wrap

Lecture 4: Content Alignment

Lecture 5: Flex Item Order

Lecture 6: Shrink, Grow, & Basis

Lecture 7: The 'flex' Property

Lecture 8: Item Alignment

Chapter 8: CSS Grid

Lecture 1: Grid vs Flexbox

Lecture 2: Creating a Grid

Lecture 3: Template Columns & Rows

Lecture 4: Justify & Align Grid

Lecture 5: Note about Next Lecture

Lecture 6: Row & Column Gaps

Lecture 7: Column & Row Lines

Lecture 8: Grid Area

Chapter 9: Animations & Transitions

Lecture 1: The Transition Property

Lecture 2: Note about New Property Prefixes

Lecture 3: Transformation Functions

Lecture 4: Creating Animations w/ Keyframes

Lecture 5: Adding an Animation

Lecture 6: Animation Properties

Chapter 10: Final Exam & Challenge

Lecture 1: Website Transformation Challenge

Lecture 2: Website Transformation: SOLUTION

Lecture 3: What to Learn Next

Lecture 4: Bonus Lecture: Continue your Learning

Instructors

VideoLab by Jad Khalili
Instructor – 100K+ Students Worldwide

Rating Distribution

1 stars: 16 votes
2 stars: 20 votes
3 stars: 132 votes
4 stars: 382 votes
5 stars: 689 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!

Menu