Section 1 : Getting Started

Lecture 1 INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM Pdf
Lecture 2 What is CSS_ 2:59
Lecture 3 About Certification Pdf
Lecture 4 CSS History, Present & Future 1:50
Lecture 5 Course Outline 4:34
Lecture 6 Choose Your Track Text
Lecture 7 Course Prerequisites 0:43
Lecture 8 How To Get The Most Out Of This Course 2:49
Lecture 9 Recommended Tools 1:26
Lecture 10 Where to Find the Source Code Text
Lecture 11 Useful Resources & Links Text

Section 2 : Diving Into the Basics of CSS

Lecture 12 Module Introduction 0:55
Lecture 13 Understanding the Course Project Setup 2:44
Lecture 14 Adding CSS to our Project with Inline Styles 3:53
Lecture 15 Understanding the _style_ Tag & Creating a 6:27
Lecture 16 Applying Additional Styles & Importing Google Fonts 6:51
Lecture 17 Theory Time - Selectors 8:54
Lecture 18 Understanding the _Cascading_ Style & Specificity8203
Lecture 19 Understanding Inheritance 5:47
Lecture 20 Adding Combinators 6:16
Lecture 21 Theory Time - Combinators 5:40
Lecture 22 Summarizing Properties & Selectors 3:49
Lecture 23 Wrap Up 2:2
Lecture 24 Useful Resources & Links Text

Section 3 : Diving Deeper into CSS

Lecture 25 Module Introduction 1:19
Lecture 26 Introducing the CSS Box Model 3:36
Lecture 27 Understanding the Box Model 3:1
Lecture 28 Understanding Margin Collapsing and Removing Default Margins 3:5
Lecture 29 Deep Dive on _Margin Collapsing_ Text
Lecture 30 Theory Time - Working with Shorthand Properties 3:46
Lecture 31 Applying Shorthands in Practice 2:5
Lecture 32 Diving Into the Height & Width Properties 6:7
Lecture 33 Understanding Box Sizing 6:40
Lecture 34 Adding the Header to our Project 5:37
Lecture 35 Understanding the Display Property 7:12
Lecture 36 display_ none vs visibility_ hidden Text
Lecture 37 HTML Refresher_ Block-level vs Inline Elements Text
Lecture 38 Applying the Display Property & Styling our Navigation Bar 6:53
Lecture 39 Understanding an Unexpected _inline-block_ Behaviour 2:3
Lecture 40 Working with _text-decoration_ & _vertical-align_ 4:54
Lecture 41 Styling Anchor Tags 4:0
Lecture 42 Adding Pseudo Classes 1:47
Lecture 43 Theory Time - Pseudo Classes & Pseudo Elements 5:35
Lecture 44 Grouping Rules 1:14
Lecture 45 Working with _font-weight_ & _border_ 2:4
Lecture 46 Adding & Styling a CTA-Button 4:9
Lecture 47 Adding a Background Image to our Project 1:50
Lecture 48 Properties Worth to Remember 1:29
Lecture 49 Wrap Up 2:31
Lecture 50 Useful Resources & Links Text

Section 4 : More on Selectors & CSS Features

Lecture 51 Module Introduction 0:41
Lecture 52 Using Multiple CSS Classes & Combined Selectors 7:9
Lecture 53 Classes or IDs_ 4:5
Lecture 54 (Not) using _important 3:15
Lecture 55 Selecting the Opposite with _not() 3:29
Lecture 56 CSS & Browser Support
Lecture 57 Wrap Up 1:6
Lecture 58 Useful Resources & Links Text

Section 5 : Practicing the Basics

Lecture 59 Module Introduction 0:37
Lecture 60 Adding Style to our Plans 8:34
Lecture 61 Working on the Recommended Plan 6:33
Lecture 62 Styling the Badge with _border-radius_ 3:22
Lecture 63 Styling our List 3:2
Lecture 64 Working on the Title and the Price of our Packages 4:33
Lecture 65 Improving our Action Button 6:40
Lecture 66 Understanding Outlines 2:17
Lecture 67 Presenting the Core Features to the User 1:22
Lecture 68 Styling the Headline of the Core Features Section 3:38
Lecture 69 Preparing the Content of the Key Feature Area 7:15
Lecture 70 Adding the Footer 0:0
Lecture 71 What we Achieved so Far 1:45
Lecture 72 Adding the Packages Page 6:24
Lecture 73 Your Challenge 1:31
Lecture 74 Styling the Links 3:55
Lecture 75 Styling our Package Boxes 7:15
Lecture 76 Adding _float_ to our Package 5:14
Lecture 77 Fixing the Hover Effect 4:11
Lecture 78 Adding the Final Touches
Lecture 79 Useful Resources & Links Text

Section 6 : Positioning Elements with CSS

Lecture 80 Module Introduction 2:44
Lecture 81 Why Positioning will Improve our Website 2:32
Lecture 82 Understanding Positioning - The Theory 5:54
Lecture 83 Working with the _fixed_ Value 9:50
Lecture 84 Creating a Fixed Navigation Bar 3:54
Lecture 85 Using _position_ to Add a Background Image 6:2
Lecture 86 Understanding the Z-Index 6:59
Lecture 87 Adding a Badge to our Package 8:0
Lecture 88 Styling & Positioning our Badge with _absolute_ and _relative_ 3:10
Lecture 89 Diving Deeper into Relative Positioning 4:2
Lecture 90 Working with _overflow_ and Relative Positioning 4:17
Lecture 91 Introducing _sticky_ Positioning 6:52
Lecture 92 Understanding the Stacking Context 5:52
Lecture 93 Wrap Up 4:12
Lecture 94 Useful Resources & Links Text

Section 7 : Understanding Background Images & Images

Lecture 95 Optional_ Advanced Track Introduction 2:21
Lecture 96 Module Introduction 1:5
Lecture 97 Understanding _background-size_ 8:40
Lecture 98 Working with _background-position_ 4:59
Lecture 99 The _background_ Shorthand - Theory 2:12
Lecture 100 Applying _background_ Origin, Clip & Attachment 5:51
Lecture 101 Using the _background_ Shorthand on our Project 2:19
Lecture 102 Styling Images 7:33
Lecture 103 Adding the Customers Page to our Website 3:18
Lecture 104 Working on the Image Layout 8:7
Lecture 105 Understanding Linear Gradients 6:16
Lecture 106 Applying Radial Gradients 5:41
Lecture 107 Stacking Multiple Backgrounds 4:50
Lecture 108 Understanding Filters 4:0
Lecture 109 Adding & Styling SVGs - The Basics 4:19
Lecture 110 Wrap Up 2:14
Lecture 111 Useful Resources & Links Text

Section 8 : Sizes & Units

Lecture 112 Module Introduction 2:35
Lecture 113 What's Wrong With Our Project Units_ 5:21
Lecture 114 Where Units Matter 6:2
Lecture 115 An Overview of Available Sizes & Units 4:24
Lecture 116 Rules to Remember_ Fixed Positioning & _%_ 4:15
Lecture 117 Rules to Remember_ Absolute Positioning & _%_ 8:14
Lecture 118 Rules to Remember_ Relative _ Static Positioning & _%_ 8:53
Lecture 119 Fixing the Height 100% Issue 12:2
Lecture 120 Defining the Font Size in the Root Element 2:18
Lecture 121 Using _min-width_height_ & _max-width_height_ 5:27
Lecture 122 Working with _rem_ & _em_ 12:46
Lecture 123 Adding _rem_ to Additional Properties 8:16
Lecture 124 Finishing _rem_ 5:21
Lecture 125 Understanding the Viewport Units _vw_ &_vh_ 9:47
Lecture 126 Windows, Viewport Units & Scrollbars Text
Lecture 127 Choosing the Right Unit 5:30
Lecture 128 Using _auto_ to Center Elements 1:42
Lecture 129 Cleaning Up our Code 1:6
Lecture 130 Wrap Up 4:23
Lecture 131 Useful Resources & Links Text

Section 9 : Working with JavaScript & CSS

Lecture 132 Module Introduction 1:16
Lecture 133 Adding a Modal 4:13
Lecture 134 Selecting & Manipulating Styles with JavaScript 10:33
Lecture 135 Adding an Event Listener 6:5
Lecture 136 Adding a Side Navigation Bar 7:13
Lecture 137 Opening and Closing the Hamburger Menu 3:57
Lecture 138 Manipulating Element Classes 6:40
Lecture 139 Understanding Property Notations 3:12
Lecture 140 Cleaning Up our Code 5:30
Lecture 141 Wrap Up 1:15
Lecture 142 Useful Resources & Links Text

Section 10 : Making our Website Responsive

Lecture 143 Module Introduction 1:45
Lecture 144 Why our Project Should Become Responsive 1:45
Lecture 145 Understanding Hardware Pixels vs 10:29
Lecture 146 Comparing the Viewport Metatag (HTML) and Media Queries (CSS) 3:4
Lecture 147 Understanding the _viewport_ Metatag 7:22
Lecture 148 Designing Websites _Mobile First_ 1:54
Lecture 149 Adding our First Media Queries 12:52
Lecture 150 Things to Keep in Mind when Working with Media Queries 8:9
Lecture 151 Finding the Right Breaking Points 3:45
Lecture 152 Creating the Mobile First Design for our Plans 6:37
Lecture 153 Making the Plans Responsive 8:35
Lecture 154 Your Challenge 6:6
Lecture 155 Working with Logical Operators 8:13
Lecture 156 Improving the Customers Page 14:58
Lecture 157 Improving the Packages Page 5:41
Lecture 158 Cleaning Up the Navigation Bar 4:39
Lecture 159 Positioning our Footer Correctly 10:9
Lecture 160 Wrap Up 2:15
Lecture 161 Useful Resources & Links Text

Section 11 : Adding & Styling Forms

Lecture 162 Module Introduction 1:31
Lecture 163 Adding the Unstyled Form 2:37
Lecture 164 Page Initialization 6:35
Lecture 165 Understanding Advanced Attribute Selectors 6:2
Lecture 166 Working on the General Layout 7:15
Lecture 167 Restyling the Form Elements 6:29
Lecture 168 Styling the Checkbox 6:52
Lecture 169 Providing Validation Feedback 8:50
Lecture 170 Styling the Signup Button 3:41
Lecture 171 Fixing a Broken Link Text
Lecture 172 Wrap Up 1:29
Lecture 173 Useful Resources & Links Text

Section 12 : Working with Text and Fonts

Lecture 174 Module Introduction 1:20
Lecture 175 Comparing Generic Families & Font Families 2:56
Lecture 176 Understanding the Browser Settings 6:17
Lecture 177 Using the Default Font Families 6:53
Lecture 178 Understanding the _font-family_ Syntax 6:18
Lecture 179 Working with Locally Saved Fonts 3:50
Lecture 180 Working with Google Fonts 10:28
Lecture 181 Understanding Font Faces & _font-style_ 6:49
Lecture 182 Importing our Custom Fonts 9:3
Lecture 183 Understanding Font Formats 5:40
Lecture 184 Diving into Font Properties 3:10
Lecture 185 Adding _letter-spacing_ 4:43
Lecture 186 Changing the Line Height 6:7
Lecture 187 Applying _text-decoration_ & _text-shadow_ 5:51
Lecture 188 Understanding the _font_ Shorthand 8:39
Lecture 189 Loading Performance & _font-display_ 9:49
Lecture 190 Wrap Up 3:47
Lecture 191 Useful Resources & Links Text

Section 13 : Adding Flexbox to our Project

Lecture 192 Optional_ Expert Track Introduction 3:23
Lecture 193 Module Introduction 1:31
Lecture 194 How we Could Improve our Project 2:58
Lecture 195 Understanding Flexbox 3:18
Lecture 196 Creating a Flex Container 5:33
Lecture 197 Using _flex-direction_ & _flex-wrap_ 5:35
Lecture 198 Understanding the Importance of Main Axis & Cross Axis 7:27
Lecture 199 Working with _align-items_ & _justify-content_ 10:58
Lecture 200 And What About _align-content__ 2:40
Lecture 201 Improving the Navigation Bar with Flexbox 12:2
Lecture 202 Your Challenge - Working on the Mobile Navigation Bar 4:16
Lecture 203 Improving the Footer 5:35
Lecture 204 Flexbox and the Z-Index Text
Lecture 205 [OPTIONAL] Assignment Solution 8:32
Lecture 206 Adding Flexbox to the Customers Page 3:16
Lecture 207 Using the _order_ Property for a Flex Item 6:7
Lecture 208 Working with _align-self_ 2:44
Lecture 209 Understanding _flex-grow_
Lecture 210 Applying _flex-shrink_ 3:12
Lecture 211 Comparing _flex-basis_ vs _width_ & _height_ 8:35
Lecture 212 Wrap Up 3:52
Lecture 213 Useful Resources & Links Text

Section 14 : Using the CSS Grid

Lecture 214 Module Introduction 1:14
Lecture 215 What is the CSS Grid_ 1:27
Lecture 216 Getting Started 2:22
Lecture 217 Turning a Container into a Grid 3:21
Lecture 218 Defining Columns & Rows 5:49
Lecture 219 Positioning Child Elements in a Grid 4:13
Lecture 220 Using _element-sizing_, _repeat_ & _minmax_ 6:45
Lecture 221 Advanced Element Positioning 6:29
Lecture 222 Working with Named Lines 3:53
Lecture 223 Understanding Column & Row Shorthands 2:54
Lecture 224 Working with Gaps 2:33
Lecture 225 Adding Named Template Areas 6:39
Lecture 226 Creating Automatically Generated Grid Areas 7:10
Lecture 227 Using the Grid on our Project 9:10
Lecture 228 Working with _fit-content_ 3:31
Lecture 229 Positioning Grid Elements 3:35
Lecture 230 Positioning the Entire Grid Content 3:17
Lecture 231 Positioning Elements Individually 1:34
Lecture 232 Understanding Responsive Grid 5:30
Lecture 233 Applying Autoflow 6:39
Lecture 234 Comparing the Explicit & Implicit Grid 2:31
Lecture 235 Understanding _auto-fill_ & _auto-fit_ 3:33
Lecture 236 Creating a Dense Grid 3:22
Lecture 237 Styling the Project Form with Grid 9:45
Lecture 238 Comparing Grid & Flexbox 2:27
Lecture 239 Next Steps 1:30
Lecture 240 Wrap Up 3:48
Lecture 241 Useful Resources & Links Text

Section 15 : Transforming Elements with CSS Transforms

Lecture 242 Module Introduction 0:31
Lecture 243 Rotating Elements and setting transform-origin 3:45
Lecture 244 Using Rotate and Translate 4:57
Lecture 245 Working with _skew_ and _scale_ 6:18
Lecture 246 Applying Transformation Shorthands 2:23
Lecture 247 Rotating Elements in 3 Dimensions 4:19
Lecture 248 Understanding the _perspective_ Property 3:37
Lecture 249 Moving Elements along the Z-Axis with _translateZ_ 3:54
Lecture 250 Rotating the Container with _transform style_ 3:44
Lecture 251 Flipping Elements & _backface-visibility_ 1:15
Lecture 252 Wrap Up
Lecture 253 Useful Resources & Links Text

Section 16 : Transitions & Animations in CSS

Lecture 254 Module Introduction 0:22
Lecture 255 Understanding and Applying Transitions 7:23
Lecture 256 CSS _transition_ Property Deep Dive Text
Lecture 257 Working with Timing Functions 2:50
Lecture 258 Transitions & _display_ 6:11
Lecture 259 Using CSS Animations 9:0
Lecture 260 CSS _animation_ Property Deep Dive Text
Lecture 261 Adding Multiple Keyframes 3:22
Lecture 262 Adding Animations to our Customers Page 3:59
Lecture 263 Using JavaScript Animation Event Listeners 3:24
Lecture 264 Wrap Up 1:34
Lecture 265 Useful Resources & Links Text

Section 17 : Writing Future-Proof CSS Code

Lecture 266 Module Introduction 0:34
Lecture 267 CSS Modules & Their Working Groups 1:55
Lecture 268 Using CSS Variables 7:31
Lecture 269 Understanding & Using Vendor Prefixes 4:47
Lecture 270 Which Prefixes Should You Use_ 2:57
Lecture 271 Detecting Browser Support with @supports 5:9
Lecture 272 Polyfills 2:45
Lecture 273 Eliminating Cross-Browser Inconsistencies 2:58
Lecture 274 How to Name CSS Classes 4:52
Lecture 275 Vanilla CSS vs Frameworks 8:36
Lecture 276 Wrap Up 4:15
Lecture 277 Useful Resources & Links Text

Section 18 : Introducing Sass (Syntactically Awesome Style Sheets)

Lecture 278 Module Introduction 0:42
Lecture 279 What is Sass & Scss_ 3:30
Lecture 280 Important_ Installing Sass Text
Lecture 281 Installing Sass 4:25
Lecture 282 Things to be Improved with Sass 1:33
Lecture 283 Nesting Selectors 6:35
Lecture 284 Adding Nested Properties 1:27
Lecture 285 Understanding Variables 3:5
Lecture 286 Built-In Functions 3:18
Lecture 287 Adding Simple Arithmetics 2:24
Lecture 288 Adding Better Import and Partials 4:46
Lecture 289 Improving Media Queries 2:24
Lecture 290 Understanding Inheritance 3:33
Lecture 291 Adding Mixins 6:44
Lecture 292 Using the Ampersand Operator 2:57
Lecture 293 Wrap Up 1:13
Lecture 294 Useful Resources & Links Text