Learning Css From Scratch

Mastering the Fundamentals of Cascading Style Sheets, Layouts Module, Media Queries, and Preprocessors.

What you'll learn

Understand CSS and the several types of CSS

Understand what CSS Override is and how to debug CSS

Understand how to build fluid layouts for mobile and large screens

How to work with CSS preprocessors

How to work with CSS frameworks like Bootstrap/Tailwind/etc.

Requirements

This course assumes that you know how the web works

This course assumes you know a basic understanding of HTML and Chrome

You don't necessarily need much of technical knowledge

Description

The knowledge of CSS is an advantage for the developer trying to build awesome web apps. Even for an experienced developer using CSS frameworks like Tailwind/Bootstrap/etc. CSS knowledge comes in handy to deal with CSS issues now and then.This course is simple and straight no tracks or levels, and I did not try to put you in a tough spot to decide to watch or skip. I talked about the things that matter in real-time.In this course, I talked about important topics of CSS and explained each aspect with real-world examples.Even if you are an experienced web developer this course will help you understand CSS better and help you create clean apps.In this course, I have talked about different:What is CSSDifferent ways to write CSS on a pageCSS Box Model, how it works, and How to use itExample layout creation videosCSS Flexbox Layout Model (targeted for small screen devices)CSS Grid Layout Model (Targeted for large screen devices)CSS Preprocessors (SCSS/SASS)This course is for you:Anyone who wants to learn CSS for the first time or wants to sharpen his/her CSS skillsAnyone who's excited to learn about the latest CSS features like Flexbox, CSS Grid, or CSS VariablesAnyone who knows CSS but wants to dive deeperRequirementsYou should know the very basics of HTML and web development in generalNo advanced HTML or web development knowledge is required thoughNO CSS knowledge is required at all! You'll learn it all in this course!

Overview

Section 1: Course Orientation

Lecture 1 Course Introduction

Lecture 2 Expectations and Tools Overview

Lecture 3 How CSS Works

Lecture 4 What is CSS and Reset CSS

Section 2: Fundamentals of HTML (Optional if you know HTML)

Lecture 5 What is HTML, CSS and JavaScript

Lecture 6 How to Write HTML

Lecture 7 HTML Basics

Lecture 8 HTML Basics Part 02

Lecture 9 HTML Forms Introduction

Lecture 10 HTML Forms Deepdive

Lecture 11 HTML Element Relationship

Lecture 12 HTML Sematic Tags

Lecture 13 HTML Tables and Media

Section 3: CSS Essentials

Lecture 14 Types of CSS

Lecture 15 CSS Overiding

Lecture 16 Relationship of HTML Elements

Lecture 17 Selectors Explained

Lecture 18 CSS Class Selector

Lecture 19 CSS ID Selector

Lecture 20 CSS Combinators

Lecture 21 CSS Attribute Selectors

Lecture 22 CSS Pseudo Selectors

Lecture 23 CSS Pseudo Selectors - Child Selectors

Lecture 24 CSS Pseudo Elements - After and Before

Lecture 25 CSS Metrics Part One

Lecture 26 CSS Metrics Part Two

Section 4: Getting Started with Designing - Formatting

Lecture 27 Intro to Formatting in CSS

Lecture 28 Formatting in CSS

Lecture 29 CSS Background

Lecture 30 CSS Background Part 2 - Gradients

Lecture 31 CSS Background Part 3 - Image Deepdive

Lecture 32 Using Google Fonts

Lecture 33 Box and Border in CSS

Lecture 34 Box Model in CSS

Lecture 35 Position in CSS

Lecture 36 CSS Best Practices

Section 5: Layout Modules and Preprocessors

Lecture 37 Responsive Design using Flexbox Layout Module

Lecture 38 Create Layouts Using Grid Layout Module

Lecture 39 SCSS - CSS Preprocessors Overview

Section 6: Projects - Some Fundametal Components

Lecture 40 Project : Navigation Bar

Lecture 41 Project : Web layout

Lecture 42 Using Blend Mode in CSS(More Coming)

This course is designed for all levels of developers from beginner to advanced,Aspired engineers will save a ton of time griding through online documentation to learn what I teach in the course,Beginner web developer or web designer