Files Included :
001 Course Structure and Projects.mp4 (98.72 MB)
003 A High-Level Overview of Web Development.mp4 (55.38 MB)
004 Setting Up Our Code Editor.mp4 (59.05 MB)
005 Your Very First Webpage!.mp4 (37.28 MB)
006 Downloading Course Material.mp4 (29.68 MB)
007 Watch Before You Start!.mp4 (44.15 MB)
001 Section Intro.mp4 (13.98 MB)
002 Introduction to HTML.mp4 (18.16 MB)
003 HTML Document Structure.mp4 (74.81 MB)
004 Text Elements.mp4 (127.24 MB)
005 More Text Elements Lists.mp4 (103.92 MB)
006 Images and Attributes.mp4 (119.46 MB)
007 Hyperlinks.mp4 (128.07 MB)
008 Structuring our Page.mp4 (109.36 MB)
009 A Note on Semantic HTML.mp4 (60.44 MB)
010 Installing Additional VS Code Extensions.mp4 (73.25 MB)
011 CHALLENGE #1.mp4 (101.96 MB)
012 CHALLENGE #2.mp4 (93.52 MB)
001 Section Intro.mp4 (20.2 MB)
002 Introduction to CSS.mp4 (17.87 MB)
003 Inline, Internal and External CSS.mp4 (106.69 MB)
004 Styling Text.mp4 (116.91 MB)
005 Combining Selectors.mp4 (71.03 MB)
006 Class and ID Selectors.mp4 (115.13 MB)
007 Working With Colors.mp4 (152.74 MB)
008 Pseudo-classes.mp4 (82.99 MB)
009 Styling Hyperlinks.mp4 (72.51 MB)
010 Using Chrome DevTools.mp4 (59.7 MB)
011 CSS Theory #1 Conflicts Between Selectors.mp4 (113.04 MB)
012 CSS Theory #2 Inheritance and the Universal Selector.mp4 (106.17 MB)
013 CHALLENGE #1.mp4 (94.57 MB)
014 CSS Theory #3 The CSS Box Model.mp4 (37.1 MB)
015 Using Margins and Paddings.mp4 (193.03 MB)
016 Adding Dimensions.mp4 (76.8 MB)
017 Centering our Page.mp4 (88.69 MB)
018 CHALLENGE #2.mp4 (71.95 MB)
019 CSS Theory #4 Types of Boxes.mp4 (178.68 MB)
020 CSS Theory #5 Absolute Positioning.mp4 (130.03 MB)
021 Pseudo-elements.mp4 (154.62 MB)
022 Developer Skill #1 Googling and Reading Documentation.mp4 (115.81 MB)
023 Developer Skill #2 Debugging and Asking Questions.mp4 (230.05 MB)
024 CHALLENGE #3.mp4 (118.83 MB)
001 Section Intro.mp4 (28.08 MB)
002 The 3 Ways of Building Layouts.mp4 (29.01 MB)
003 Using Floats.mp4 (136.82 MB)
004 Clearing Floats.mp4 (59.64 MB)
005 Building a Simple Float Layout.mp4 (82.96 MB)
006 box-sizing border-box.mp4 (85.92 MB)
007 CHALLENGE #1.mp4 (143.92 MB)
008 Introduction to Flexbox.mp4 (71.59 MB)
009 A Flexbox Overview.mp4 (34.39 MB)
010 Spacing and Aligning Flex Items.mp4 (65.4 MB)
011 The flex Property.mp4 (72.47 MB)
012 Adding Flexbox to Our Project.mp4 (185.54 MB)
013 Building a Simple Flexbox Layout.mp4 (122.88 MB)
014 CHALLENGE #2.mp4 (107.01 MB)
015 Introduction to CSS Grid.mp4 (74.77 MB)
016 A CSS Grid Overview.mp4 (45.1 MB)
017 Sizing Grid Columns and Rows.mp4 (95.97 MB)
018 Placing and Spanning Grid Items.mp4 (100.07 MB)
019 Aligning Grid Items and Tracks.mp4 (102.24 MB)
020 Building a Simple CSS Grid Layout.mp4 (155.32 MB)
021 CHALLENGE #3.mp4 (59.81 MB)
001 Section Intro.mp4 (50.53 MB)
002 Project Overview.mp4 (69.56 MB)
003 Overview of Web Design and Website Personalities.mp4 (82.58 MB)
004 Web Design Rules #1 Typography.mp4 (96.75 MB)
005 Implementing Typography.mp4 (253.59 MB)
006 Web Design Rules #2 Colors.mp4 (82.1 MB)
007 Implementing Colors.mp4 (187.11 MB)
008 Web Design Rules #3 Images and Illustrations.mp4 (136.71 MB)
009 Web Design Rules #4 Icons.mp4 (70.86 MB)
010 Implementing Icons.mp4 (216.66 MB)
011 Web Design Rules #5 Shadows.mp4 (75.63 MB)
012 Implementing Shadows.mp4 (109.38 MB)
013 Web Design Rules #6 Border-radius.mp4 (35.12 MB)
014 Implementing Border-radius.mp4 (73.08 MB)
015 Web Design Rules #7 Whitespace.mp4 (78.71 MB)
016 Web Design Rules #8 Visual Hierarchy.mp4 (151.43 MB)
017 Implementing Whitespace and Visual Hierarchy.mp4 (171.88 MB)
018 Web Design Rules #9 User Experience (UX).mp4 (141.72 MB)
019 The Website-Personalities-Framework.mp4 (252.67 MB)
020 The Missing Piece Steal Like An Artist!.mp4 (94.8 MB)
001 Section Intro.mp4 (21.61 MB)
002 Web Design Rules #10 – Part 1 Elements and Components.mp4 (184.96 MB)
003 Building an Accordion Component – Part 1.mp4 (169.53 MB)
004 Building an Accordion Component – Part 2.mp4 (159.82 MB)
005 Building a Carousel Component – Part 1.mp4 (181.38 MB)
006 Building a Carousel Component – Part 2.mp4 (229.92 MB)
007 Building a Table Component – Part 1.mp4 (51.69 MB)
008 Building a Table Component – Part 2.mp4 (77.06 MB)
009 CHALLENGE #1 Building a Pagination Component.mp4 (139.53 MB)
010 Web Design Rules #10 – Part 2 Layout Patterns.mp4 (188.56 MB)
011 Building a Hero Section – Part 1.mp4 (179.13 MB)
012 Building a Hero Section – Part 2.mp4 (186.73 MB)
013 Building a Web Application Layout – Part 1.mp4 (77.36 MB)
014 Building a Web Application Layout – Part 2.mp4 (90.77 MB)
001 Section Intro.mp4 (22.27 MB)
002 The 7 Steps to a Great Website.mp4 (102.51 MB)
003 Defining and Planning the Project (Steps 1 and 2).mp4 (180.11 MB)
004 Sketching Initial Layout Ideas (Step 3).mp4 (47.49 MB)
005 First Design and Development Steps (Step 4).mp4 (86.8 MB)
006 Responsive Design Principles.mp4 (47.17 MB)
007 How rem and max-width Work.mp4 (81.64 MB)
008 Building the Hero – Part 1.mp4 (129.26 MB)
009 Building the Hero – Part 2.mp4 (283 MB)
010 Building the Hero – Part 3.mp4 (259.4 MB)
011 Building the Header.mp4 (158.78 MB)
012 Building the Navigation.mp4 (171.11 MB)
013 Setting Up a Reusable Grid.mp4 (194.5 MB)
014 Building the How-It-Works Section – Part 1.mp4 (266.85 MB)
015 Building the How-It-Works Section – Part 2.mp4 (322.86 MB)
016 Building the Featured-In Section.mp4 (170.33 MB)
017 Building the Meals Section – Part 1.mp4 (211.26 MB)
018 Building the Meals Section – Part 2.mp4 (203.99 MB)
019 Building the Meals Section – Part 3.mp4 (305.18 MB)
020 Building the Testimonials Section – Part 1.mp4 (168.34 MB)
021 Building the Testimonials Section – Part 2.mp4 (319.11 MB)
022 Building the Pricing Section – Part 1.mp4 (235.03 MB)
023 Building the Pricing Section – Part 2.mp4 (221.49 MB)
024 Building the Features Part.mp4 (177.73 MB)
025 Building the Call-To-Action Section – Part 1.mp4 (213.46 MB)
026 Building the Call-To-Action Section – Part 2.mp4 (246.6 MB)
027 Building the Call-To-Action Section – Part 3.mp4 (293.85 MB)
028 Building the Footer – Part 1.mp4 (165 MB)
029 Building the Footer – Part 2.mp4 (289.31 MB)
001 Section Intro.mp4 (16.82 MB)
002 How Media Queries Work.mp4 (112.75 MB)
003 How to Select Breakpoints.mp4 (22.5 MB)
004 Responding to Small Laptops.mp4 (119.74 MB)
005 Responding to Landscape Tablets.mp4 (218.69 MB)
006 Responding to Tablets.mp4 (265.34 MB)
007 Building the Mobile Navigation.mp4 (333.29 MB)
008 Responding to Smaller Tablets.mp4 (208.63 MB)
009 Responding to Phones.mp4 (255.71 MB)
001 Section Intro.mp4 (17.89 MB)
002 A Short Introduction to JavaScript.mp4 (133.36 MB)
003 Making the Mobile Navigation Work.mp4 (89.51 MB)
004 Implementing Smooth Scrolling.mp4 (344.71 MB)
005 Implementing a Sticky Navigation Bar.mp4 (303.91 MB)
006 Browser Support and Fixing Flexbox Gap in Safari.mp4 (175.84 MB)
007 Testing Performance With Lighthouse.mp4 (70.82 MB)
008 Adding Favicon and Meta Description.mp4 (120.55 MB)
009 Image Optimizations.mp4 (217.75 MB)
010 Deployment to Netlify.mp4 (67.05 MB)
011 Making the Form Work With Netlify Forms.mp4 (66.75 MB)
001 Where to Go from Here.mp4 (83.48 MB)]
Screenshot
5.7 (3,782 Votes)
