
002 theory-lectures-v2-BEST.pdf - 481 MB

002 theory-lectures-v2-SMALLER.pdf - 158 MB

001 Course Structure and Projects.mp4 - 104 MB

004 Setting Up Our Code Editor.mp4 - 61.9 MB

003 A High-Level Overview of Web Development.mp4 - 58.1 MB

007 Watch Before You Start!.mp4 - 46.3 MB

005 Your Very First Webpage!.mp4 - 39.1 MB

006 Downloading Course Material.mp4 - 31.1 MB

002 all-design-guidelines.pdf - 1.41 MB

003 A High-Level Overview of Web Development_en.srt - 16.4 kB

005 Your Very First Webpage!_en.srt - 14.5 kB

004 Setting Up Our Code Editor_en.srt - 13.8 kB

007 Watch Before You Start!_en.srt - 8.67 kB

001 Course Structure and Projects_en.srt - 7.66 kB

006 Downloading Course Material_en.srt - 6.44 kB

002 Read Before You Start!.html - 1.97 kB

external-links.txt - 82 B

002 Download-starter-code.url - 75 B

004 Implementing Smooth Scrolling.mp4 - 361 MB

005 Implementing a Sticky Navigation Bar.mp4 - 319 MB

009 Image Optimizations.mp4 - 228 MB

006 Browser Support and Fixing Flexbox Gap in Safari.mp4 - 184 MB

002 A Short Introduction to JavaScript.mp4 - 140 MB

008 Adding Favicon and Meta Description.mp4 - 126 MB

003 Making the Mobile Navigation Work.mp4 - 93.9 MB

007 Testing Performance With Lighthouse.mp4 - 74.3 MB

010 Deployment to Netlify.mp4 - 70.3 MB

011 Making the Form Work With Netlify Forms.mp4 - 70 MB

001 Section Intro.mp4 - 18.8 MB

004 Implementing Smooth Scrolling_en.srt - 41.4 kB

005 Implementing a Sticky Navigation Bar_en.srt - 37.3 kB

006 Browser Support and Fixing Flexbox Gap in Safari_en.srt - 26.8 kB

002 A Short Introduction to JavaScript_en.srt - 26 kB

009 Image Optimizations_en.srt - 24.6 kB

008 Adding Favicon and Meta Description_en.srt - 15.5 kB

010 Deployment to Netlify_en.srt - 12.2 kB

007 Testing Performance With Lighthouse_en.srt - 12.2 kB

003 Making the Mobile Navigation Work_en.srt - 11.5 kB

011 Making the Form Work With Netlify Forms_en.srt - 10.4 kB

001 Section Intro_en.srt - 1.16 kB

007 Building the Mobile Navigation.mp4 - 349 MB

006 Responding to Tablets.mp4 - 278 MB

009 Responding to Phones.mp4 - 268 MB

005 Responding to Landscape Tablets.mp4 - 229 MB

008 Responding to Smaller Tablets.mp4 - 219 MB

004 Responding to Small Laptops.mp4 - 126 MB

002 How Media Queries Work.mp4 - 118 MB

003 How to Select Breakpoints.mp4 - 23.6 MB

001 Section Intro.mp4 - 17.6 MB

007 Building the Mobile Navigation_en.srt - 52.9 kB

009 Responding to Phones_en.srt - 33.4 kB

006 Responding to Tablets_en.srt - 30.6 kB

008 Responding to Smaller Tablets_en.srt - 25 kB

005 Responding to Landscape Tablets_en.srt - 24.4 kB

004 Responding to Small Laptops_en.srt - 22.9 kB

002 How Media Queries Work_en.srt - 19.6 kB

003 How to Select Breakpoints_en.srt - 7.09 kB

001 Section Intro_en.srt - 990 B

015 Building the How-It-Works Section - Part 2.mp4 - 339 MB

021 Building the Testimonials Section - Part 2.mp4 - 335 MB

019 Building the Meals Section - Part 3.mp4 - 320 MB

027 Building the Call-To-Action Section - Part 3.mp4 - 308 MB

029 Building the Footer - Part 2.mp4 - 303 MB

009 Building the Hero - Part 2.mp4 - 297 MB

014 Building the How-It-Works Section - Part 1.mp4 - 280 MB

010 Building the Hero - Part 3.mp4 - 272 MB

026 Building the Call-To-Action Section - Part 2.mp4 - 259 MB

022 Building the Pricing Section - Part 1.mp4 - 246 MB

023 Building the Pricing Section - Part 2.mp4 - 232 MB

025 Building the Call-To-Action Section - Part 1.mp4 - 224 MB

017 Building the Meals Section - Part 1.mp4 - 222 MB

018 Building the Meals Section - Part 2.mp4 - 214 MB

013 Setting Up a Reusable Grid.mp4 - 204 MB

003 Defining and Planning the Project (Steps 1 and 2).mp4 - 189 MB

024 Building the Features Part.mp4 - 186 MB

012 Building the Navigation.mp4 - 179 MB

016 Building the Featured-In Section.mp4 - 179 MB

020 Building the Testimonials Section - Part 1.mp4 - 177 MB

028 Building the Footer - Part 1.mp4 - 173 MB

011 Building the Header.mp4 - 166 MB

008 Building the Hero - Part 1.mp4 - 136 MB

002 The 7 Steps to a Great Website.mp4 - 107 MB

005 First Design and Development Steps (Step 4).mp4 - 91 MB

007 How rem and max-width Work.mp4 - 85.6 MB

004 Sketching Initial Layout Ideas (Step 3).mp4 - 49.8 MB

006 Responsive Design Principles.mp4 - 49.5 MB

001 Section Intro.mp4 - 23.4 MB

015 Building the How-It-Works Section - Part 2_en.srt - 47 kB

009 Building the Hero - Part 2_en.srt - 42.7 kB

019 Building the Meals Section - Part 3_en.srt - 39.6 kB

014 Building the How-It-Works Section - Part 1_en.srt - 39.4 kB

027 Building the Call-To-Action Section - Part 3_en.srt - 38.9 kB

003 Defining and Planning the Project (Steps 1 and 2)_en.srt - 38.1 kB

029 Building the Footer - Part 2_en.srt - 37.1 kB

025 Building the Call-To-Action Section - Part 1_en.srt - 36.1 kB

023 Building the Pricing Section - Part 2_en.srt - 34.6 kB

017 Building the Meals Section - Part 1_en.srt - 34.6 kB

026 Building the Call-To-Action Section - Part 2_en.srt - 33.1 kB

002 The 7 Steps to a Great Website_en.srt - 32.7 kB

010 Building the Hero - Part 3_en.srt - 32.4 kB

021 Building the Testimonials Section - Part 2_en.srt - 31.9 kB

022 Building the Pricing Section - Part 1_en.srt - 29.3 kB

013 Setting Up a Reusable Grid_en.srt - 28.6 kB

005 First Design and Development Steps (Step 4)_en.srt - 27.4 kB

018 Building the Meals Section - Part 2_en.srt - 26.6 kB

016 Building the Featured-In Section_en.srt - 25.5 kB

028 Building the Footer - Part 1_en.srt - 25 kB

024 Building the Features Part_en.srt - 24.6 kB

007 How rem and max-width Work_en.srt - 22.4 kB

020 Building the Testimonials Section - Part 1_en.srt - 21.9 kB

008 Building the Hero - Part 1_en.srt - 21.8 kB

012 Building the Navigation_en.srt - 20.2 kB

011 Building the Header_en.srt - 20 kB

006 Responsive Design Principles_en.srt - 13.2 kB

004 Sketching Initial Layout Ideas (Step 3)_en.srt - 12.3 kB

001 Section Intro_en.srt - 1.28 kB

005 Implementing Typography.mp4 - 266 MB

019 The Website-Personalities-Framework.mp4 - 265 MB

010 Implementing Icons.mp4 - 227 MB

007 Implementing Colors.mp4 - 196 MB

017 Implementing Whitespace and Visual Hierarchy.mp4 - 180 MB

016 Web Design Rules #8 Visual Hierarchy.mp4 - 159 MB

018 Web Design Rules #9 User Experience (UX).mp4 - 149 MB

008 Web Design Rules #3 Images and Illustrations.mp4 - 143 MB

012 Implementing Shadows.mp4 - 115 MB

004 Web Design Rules #1 Typography.mp4 - 101 MB

020 The Missing Piece Steal Like An Artist!.mp4 - 99.4 MB

003 Overview of Web Design and Website Personalities.mp4 - 86.6 MB

006 Web Design Rules #2 Colors.mp4 - 86.1 MB

015 Web Design Rules #7 Whitespace.mp4 - 82.5 MB

011 Web Design Rules #5 Shadows.mp4 - 79.3 MB

014 Implementing Border-radius.mp4 - 76.6 MB

009 Web Design Rules #4 Icons.mp4 - 74.3 MB

002 Project Overview.mp4 - 72.9 MB

001 Section Intro.mp4 - 53 MB

013 Web Design Rules #6 Border-radius.mp4 - 36.8 MB

003 all-design-guidelines.pdf - 1.41 MB

019 The Website-Personalities-Framework_en.srt - 53.9 kB

016 Web Design Rules #8 Visual Hierarchy_en.srt - 36.9 kB

005 Implementing Typography_en.srt - 32.7 kB

018 Web Design Rules #9 User Experience (UX)_en.srt - 31.5 kB

010 Implementing Icons_en.srt - 29.3 kB

007 Implementing Colors_en.srt - 25.5 kB

004 Web Design Rules #1 Typography_en.srt - 25.2 kB

017 Implementing Whitespace and Visual Hierarchy_en.srt - 23.4 kB

008 Web Design Rules #3 Images and Illustrations_en.srt - 22.7 kB

006 Web Design Rules #2 Colors_en.srt - 21.6 kB

015 Web Design Rules #7 Whitespace_en.srt - 21.2 kB

011 Web Design Rules #5 Shadows_en.srt - 20.6 kB

009 Web Design Rules #4 Icons_en.srt - 20.1 kB

003 Overview of Web Design and Website Personalities_en.srt - 19 kB

012 Implementing Shadows_en.srt - 18.1 kB

020 The Missing Piece Steal Like An Artist!_en.srt - 15.8 kB

014 Implementing Border-radius_en.srt - 10 kB

002 Project Overview_en.srt - 9.04 kB

013 Web Design Rules #6 Border-radius_en.srt - 7.77 kB

001 Section Intro_en.srt - 3.22 kB

0. Websites you may like

[CourseClub.Me].url - 122 B

[GigaCourse.Com].url - 49 B

[CourseClub.Me].url - 122 B

[GigaCourse.Com].url - 49 B

023 Developer Skill #2 Debugging and Asking Questions.mp4 - 241 MB

015 Using Margins and Paddings.mp4 - 202 MB

019 CSS Theory #4 Types of Boxes.mp4 - 187 MB

021 Pseudo-elements.mp4 - 162 MB

007 Working With Colors.mp4 - 160 MB

020 CSS Theory #5 Absolute Positioning.mp4 - 136 MB

024 CHALLENGE #3.mp4 - 125 MB

004 Styling Text.mp4 - 123 MB

022 Developer Skill #1 Googling and Reading Documentation.mp4 - 121 MB

006 Class and ID Selectors.mp4 - 121 MB

011 CSS Theory #1 Conflicts Between Selectors.mp4 - 119 MB

003 Inline, Internal and External CSS.mp4 - 112 MB

012 CSS Theory #2 Inheritance and the Universal Selector.mp4 - 111 MB

013 CHALLENGE #1.mp4 - 99.2 MB

017 Centering our Page.mp4 - 93 MB

008 Pseudo-classes.mp4 - 87 MB

016 Adding Dimensions.mp4 - 80.5 MB

009 Styling Hyperlinks.mp4 - 76 MB

018 CHALLENGE #2.mp4 - 75.4 MB

005 Combining Selectors.mp4 - 74.5 MB

010 Using Chrome DevTools.mp4 - 62.6 MB

014 CSS Theory #3 The CSS Box Model.mp4 - 38.9 MB

001 Section Intro.mp4 - 21.2 MB

002 Introduction to CSS.mp4 - 18.7 MB

007 Working With Colors_en.srt - 34.2 kB

023 Developer Skill #2 Debugging and Asking Questions_en.srt - 31.8 kB

019 CSS Theory #4 Types of Boxes_en.srt - 31.3 kB

015 Using Margins and Paddings_en.srt - 30.9 kB

011 CSS Theory #1 Conflicts Between Selectors_en.srt - 25.9 kB

024 CHALLENGE #3_en.srt - 25.8 kB

004 Styling Text_en.srt - 23.9 kB

013 CHALLENGE #1_en.srt - 23.5 kB

020 CSS Theory #5 Absolute Positioning_en.srt - 23.3 kB

021 Pseudo-elements_en.srt - 23.1 kB

006 Class and ID Selectors_en.srt - 21 kB

012 CSS Theory #2 Inheritance and the Universal Selector_en.srt - 20.7 kB

022 Developer Skill #1 Googling and Reading Documentation_en.srt - 18 kB

003 Inline, Internal and External CSS_en.srt - 17.5 kB

018 CHALLENGE #2_en.srt - 15.8 kB

009 Styling Hyperlinks_en.srt - 13.6 kB

008 Pseudo-classes_en.srt - 13.4 kB

014 CSS Theory #3 The CSS Box Model_en.srt - 13.1 kB

005 Combining Selectors_en.srt - 12.6 kB

010 Using Chrome DevTools_en.srt - 11.6 kB

017 Centering our Page_en.srt - 11 kB

016 Adding Dimensions_en.srt - 10.8 kB

002 Introduction to CSS_en.srt - 5.8 kB

001 Section Intro_en.srt - 1.25 kB

external-links.txt - 282 B

013 Codepen-Link.url - 96 B

018 Codepen-Link.url - 96 B

024 Codepen-Link.url - 96 B

006 Building a Carousel Component - Part 2.mp4 - 241 MB

010 Web Design Rules #10 - Part 2 Layout Patterns.mp4 - 198 MB

012 Building a Hero Section - Part 2.mp4 - 196 MB

002 Web Design Rules #10 - Part 1 Elements and Components.mp4 - 194 MB

005 Building a Carousel Component - Part 1.mp4 - 190 MB

011 Building a Hero Section - Part 1.mp4 - 188 MB

003 Building an Accordion Component - Part 1.mp4 - 178 MB

004 Building an Accordion Component - Part 2.mp4 - 168 MB

009 CHALLENGE #1 Building a Pagination Component.mp4 - 146 MB

014 Building a Web Application Layout - Part 2.mp4 - 95.2 MB

013 Building a Web Application Layout - Part 1.mp4 - 81.1 MB

008 Building a Table Component - Part 2.mp4 - 80.8 MB

007 Building a Table Component - Part 1.mp4 - 54.2 MB

001 Section Intro.mp4 - 22.7 MB

002 Web Design Rules #10 - Part 1 Elements and Components_en.srt - 43.5 kB

006 Building a Carousel Component - Part 2_en.srt - 42.1 kB

010 Web Design Rules #10 - Part 2 Layout Patterns_en.srt - 35.5 kB

003 Building an Accordion Component - Part 1_en.srt - 34.4 kB

009 CHALLENGE #1 Building a Pagination Component_en.srt - 32.6 kB

012 Building a Hero Section - Part 2_en.srt - 31.2 kB

011 Building a Hero Section - Part 1_en.srt - 29.8 kB

004 Building an Accordion Component - Part 2_en.srt - 29.5 kB

005 Building a Carousel Component - Part 1_en.srt - 28.7 kB

014 Building a Web Application Layout - Part 2_en.srt - 20.8 kB

013 Building a Web Application Layout - Part 1_en.srt - 20.6 kB

008 Building a Table Component - Part 2_en.srt - 17.7 kB

007 Building a Table Component - Part 1_en.srt - 14.3 kB

001 Section Intro_en.srt - 1.39 kB

012 Adding Flexbox to Our Project.mp4 - 195 MB

020 Building a Simple CSS Grid Layout.mp4 - 163 MB

007 CHALLENGE #1.mp4 - 151 MB

003 Using Floats.mp4 - 143 MB

013 Building a Simple Flexbox Layout.mp4 - 129 MB

014 CHALLENGE #2.mp4 - 112 MB

019 Aligning Grid Items and Tracks.mp4 - 107 MB

018 Placing and Spanning Grid Items.mp4 - 105 MB

017 Sizing Grid Columns and Rows.mp4 - 101 MB

006 box-sizing border-box.mp4 - 90.1 MB

005 Building a Simple Float Layout.mp4 - 87 MB

015 Introduction to CSS Grid.mp4 - 78.4 MB

011 The flex Property.mp4 - 76 MB

008 Introduction to Flexbox.mp4 - 75.1 MB

010 Spacing and Aligning Flex Items.mp4 - 68.6 MB

021 CHALLENGE #3.mp4 - 62.7 MB

004 Clearing Floats.mp4 - 62.5 MB

016 A CSS Grid Overview.mp4 - 47.3 MB

009 A Flexbox Overview.mp4 - 36.1 MB

002 The 3 Ways of Building Layouts.mp4 - 30.4 MB

001 Section Intro.mp4 - 29.4 MB

012 Adding Flexbox to Our Project_en.srt - 27.1 kB

007 CHALLENGE #1_en.srt - 27 kB

003 Using Floats_en.srt - 25.9 kB

020 Building a Simple CSS Grid Layout_en.srt - 21.1 kB

014 CHALLENGE #2_en.srt - 19.5 kB

019 Aligning Grid Items and Tracks_en.srt - 19 kB

017 Sizing Grid Columns and Rows_en.srt - 18.8 kB

018 Placing and Spanning Grid Items_en.srt - 18.1 kB

006 box-sizing border-box_en.srt - 16.6 kB

013 Building a Simple Flexbox Layout_en.srt - 16.5 kB

011 The flex Property_en.srt - 15.8 kB

015 Introduction to CSS Grid_en.srt - 15.3 kB

010 Spacing and Aligning Flex Items_en.srt - 15.3 kB

016 A CSS Grid Overview_en.srt - 15.2 kB

008 Introduction to Flexbox_en.srt - 14.2 kB

005 Building a Simple Float Layout_en.srt - 12.5 kB

009 A Flexbox Overview_en.srt - 11.8 kB

021 CHALLENGE #3_en.srt - 11.5 kB

004 Clearing Floats_en.srt - 10.3 kB

002 The 3 Ways of Building Layouts_en.srt - 7.97 kB

001 Section Intro_en.srt - 1.54 kB

external-links.txt - 282 B

007 Codepen-Link.url - 96 B

014 Codepen-Link.url - 96 B

021 Codepen-Link.url - 96 B

007 Hyperlinks.mp4 - 134 MB

004 Text Elements.mp4 - 133 MB

006 Images and Attributes.mp4 - 125 MB

008 Structuring our Page.mp4 - 115 MB

005 More Text Elements Lists.mp4 - 109 MB

011 CHALLENGE #1.mp4 - 107 MB

012 CHALLENGE #2.mp4 - 98.1 MB

003 HTML Document Structure.mp4 - 78.4 MB

010 Installing Additional VS Code Extensions.mp4 - 76.8 MB

009 A Note on Semantic HTML.mp4 - 63.4 MB

002 Introduction to HTML.mp4 - 19 MB

001 Section Intro.mp4 - 14.7 MB

012 CHALLENGE #2_en.srt - 23.3 kB

004 Text Elements_en.srt - 22.1 kB

007 Hyperlinks_en.srt - 21.6 kB

006 Images and Attributes_en.srt - 19.7 kB

008 Structuring our Page_en.srt - 16.8 kB

011 CHALLENGE #1_en.srt - 16.4 kB

003 HTML Document Structure_en.srt - 16.3 kB

005 More Text Elements Lists_en.srt - 14.7 kB

010 Installing Additional VS Code Extensions_en.srt - 10.4 kB

009 A Note on Semantic HTML_en.srt - 9.93 kB

002 Introduction to HTML_en.srt - 6.1 kB

001 Section Intro_en.srt - 889 B

012 Codepen-Link.url - 96 B

external-links.txt - 94 B