Mastering CSS with Sass & Bootstrap + Interview Questions

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: HTML Basics

Lecture 1: HTML Page Structure

Lecture 2: The Paragraph Tag <p>

Lecture 3: Tags, Empty tags & Elements

Lecture 4: Attributes

Lecture 5: <div> & <span>

Lecture 6: H1 to H6

Lecture 7: The Unordered List Tag <ul>

Lecture 8: The Ordered list tag <ol>

Lecture 9: <a> Anchor tag

Lecture 10: <a> – Advanced concept (#)

Lecture 11: <img> tag

Lecture 12: Relative path Vs. Absolute path

Lecture 13: The <input> tag – text, numeric & email

Lecture 14: <input> – checkbox & radio

Lecture 15: The <select> tag

Lecture 16: HTML vs XHTML

Lecture 17: Semantic Tags – address, footer, section, header

Lecture 18: Concept Of Accessibility In Web Applications

Lecture 19: ARIA – attribute

Lecture 20: Meta Tags (The SEO friendly tags)

Lecture 21: Installing Google Analytics

Lecture 22: Understanding DOM

Chapter 3: CSS Basics & Selectors

Lecture 1: Introduction

Lecture 2: Inline Styling and basic CSS syntax

Lecture 3: Internal Styling with <style> tag

Lecture 4: External Styling – <link> tag

Lecture 5: Element Selector

Lecture 6: Class Selector

Lecture 7: element.class Selector

Lecture 8: ID Selector

Lecture 9: Group Selector

Lecture 10: Universal Selector

Lecture 11: CSS Specificity

Lecture 12: Universal Selector & CSS Reset

Chapter 4: Combinators – Advanced Selectors (Part 1)

Lecture 1: Introduction

Lecture 2: Descendent selector (space)

Lecture 3: Child Selector (>)

Lecture 4: Adjacent Selector (+)

Lecture 5: Attribute Selector – element[attribute]

Lecture 6: Attribute Spaced Selector (~)

Lecture 7: Attribute Selector (^) – prefixed value

Lecture 8: Attribute selector ($) – suffixed value

Lecture 9: Attribute contains selector (*)

Lecture 10: Attribute Hyphenated Selector (|)

Chapter 5: Pseudo-classes & Elements – Advanced Selectors (Part 2)

Lecture 1: Introduction

Lecture 2: Linguistic pseudo-classes

Lecture 3: Location pseudo-classes

Lecture 4: :hover – User action pseudo classes Part 1

Lecture 5: :active – User action pseudo classes Part 2

Lecture 6: :focus – User action pseudo classes Part 3

Lecture 7: :focus-within – User action pseudo classes Part 4

Lecture 8: :enabled/disabled – Input pseudo classes

Lecture 9: readonly/contenteditable attributes

Lecture 10: :read-only/read-write – Input pseudo classes

Lecture 11: :placeholder-shown – Input pseudo class

Lecture 12: :valid/:invalid & :required – Input pseudo class

Lecture 13: HTML/CSS Live Preview Extension

Lecture 14: :nth-child() selector – Tree structural pseudo class

Lecture 15: :nth-child() selector – complex arguments

Lecture 16: Pseudo Element (pseudo class vs. element)

Lecture 17: ::first-line – pseudo element part 1

Lecture 18: ::first-letter – pseudo element part 2

Lecture 19: ::before/::after – pseudo element part 3

Lecture 20: ::before/::after – pseudo element part 4

Chapter 6: Text Formatting

Lecture 1: font-family

Lecture 2: @font-face

Lecture 3: font-weight

Lecture 4: line-height

Lecture 5: font-style

Lecture 6: text-transform

Lecture 7: font-variant

Lecture 8: text-decoration

Lecture 9: text-alignment

Lecture 10: Indenting text

Lecture 11: color property – Applying foreground color

Chapter 7: Working with Colors & Gradients

Lecture 1: Introduction – different ways to assign colors

Lecture 2: Using RGB values

Lecture 3: Hexadecimal notations

Lecture 4: Using HSL values

Lecture 5: Working with opacity

Lecture 6: CSS Gradients – linear-gradient()

Lecture 7: CSS Gradients – radial-gradient()

Lecture 8: CSS Gradients – conic-gradient()

Chapter 8: CSS Units

Lecture 1: Introduction

Lecture 2: Absolute Units :- px

Lecture 3: Absolute Units :- pt

Lecture 4: Absolute Units :- cm

Lecture 5: Absolute Units :- mm

Lecture 6: Absolute Units :- in

Lecture 7: Absolute Units :- pica – pc

Lecture 8: Relative Units :- em