08 2021 design and develop killer website with html5 and css3 | 0AA5B933F237182DAE640B926737110B6D596D52

08 2021 design and develop killer website with html5 and css3

Name	[08-2021] design-and-develop-a-killer-website-with-html5-and-css3	DOWNLOAD Copy Link
Total Size	26.9 GB
Total Files	308
Last Seen	2025-02-24 23:19
Hash	0AA5B933F237182DAE640B926737110B6D596D52

/01 Welcome and First Steps/
001 Course Structure and Projects.en_US.srt	7.7 KB
001 Course Structure and Projects.mp4	55.4 MB
002 all-design-guidelines.pdf	1.4 MB
002 Download-starter-code.txt	0.1 KB
002 Read Before You Start!.html	2.9 KB
002 theory-lectures-v2-BEST.pdf	481.3 MB
002 theory-lectures-v2-SMALLER.pdf	157.7 MB
003 Migration Guide to v2.html	4.5 KB
004 A High-Level Overview of Web Development.en_US.srt	15.9 KB
004 A High-Level Overview of Web Development.mp4	46.7 MB
005 Setting Up Our Code Editor.en_US.srt	12.6 KB
005 Setting Up Our Code Editor.mp4	65.2 MB
006 Your Very First Webpage!.en_US.srt	15.5 KB
006 Your Very First Webpage!.mp4	41.9 MB
007 Downloading Course Material.en_US.srt	6.2 KB
007 Downloading Course Material.mp4	40.8 MB
008 Watch Before You Start!.en_US.srt	7.9 KB
008 Watch Before You Start!.mp4	27.6 MB
/02 HTML Fundamentals/
009 Section Intro.en_US.srt	0.8 KB
009 Section Intro.mp4	7.0 MB
010 Introduction to HTML.en_US.srt	5.7 KB
010 Introduction to HTML.mp4	12.6 MB
011 HTML Document Structure.en_US.srt	16.0 KB
011 HTML Document Structure.mp4	73.8 MB
012 Text Elements.en_US.srt	23.8 KB
012 Text Elements.mp4	226.2 MB
013 More Text Elements_ Lists.en_US.srt	14.2 KB
013 More Text Elements_ Lists.mp4	137.9 MB
014 Images and Attributes.en_US.srt	17.8 KB
014 Images and Attributes.mp4	193.3 MB
015 Hyperlinks.en_US.srt	20.8 KB
015 Hyperlinks.mp4	177.5 MB
016 Structuring our Page.en_US.srt	16.0 KB
016 Structuring our Page.mp4	146.4 MB
017 A Note on Semantic HTML.en_US.srt	8.8 KB
017 A Note on Semantic HTML.mp4	84.1 MB
018 Installing Additional VS Code Extensions.en_US.srt	10.1 KB
018 Installing Additional VS Code Extensions.mp4	100.0 MB
019 CHALLENGE #1.en_US.srt	15.0 KB
019 CHALLENGE #1.mp4	142.4 MB
020 CHALLENGE #2.en_US.srt	24.1 KB
020 CHALLENGE #2.mp4	154.5 MB
020 Codepen-Link.txt	0.1 KB
/03 CSS Fundamentals/
021 Section Intro.en_US.srt	1.2 KB
021 Section Intro.mp4	10.0 MB
022 Introduction to CSS.en_US.srt	5.6 KB
022 Introduction to CSS.mp4	13.0 MB
023 Inline, Internal and External CSS.en_US.srt	16.7 KB
023 Inline, Internal and External CSS.mp4	151.9 MB
024 Styling Text.en_US.srt	20.1 KB
024 Styling Text.mp4	181.7 MB
025 Combining Selectors.en_US.srt	12.1 KB
025 Combining Selectors.mp4	96.2 MB
026 Class and ID Selectors.en_US.srt	20.7 KB
026 Class and ID Selectors.mp4	160.5 MB
027 Working With Colors.en_US.srt	32.9 KB
027 Working With Colors.mp4	216.0 MB
028 Pseudo-classes.en_US.srt	13.7 KB
028 Pseudo-classes.mp4	113.0 MB
029 Styling Hyperlinks.en_US.srt	12.8 KB
029 Styling Hyperlinks.mp4	103.1 MB
030 Using Chrome DevTools.en_US.srt	12.8 KB
030 Using Chrome DevTools.mp4	104.4 MB
031 CSS Theory #1_ Conflicts Between Selectors.en_US.srt	26.3 KB
031 CSS Theory #1_ Conflicts Between Selectors.mp4	164.2 MB
032 CSS Theory #2_ Inheritance and the Universal Selector.en_US.srt	19.6 KB
032 CSS Theory #2_ Inheritance and the Universal Selector.mp4	177.8 MB
033 CHALLENGE #1.en_US.srt	21.5 KB
033 CHALLENGE #1.mp4	139.8 MB
033 Codepen-Link.txt	0.1 KB
034 CSS Theory #3_ The CSS Box Model.en_US.srt	10.9 KB
034 CSS Theory #3_ The CSS Box Model.mp4	31.3 MB
035 Using Margins and Paddings.en_US.srt	29.9 KB
035 Using Margins and Paddings.mp4	313.6 MB
036 Adding Dimensions.en_US.srt	10.4 KB
036 Adding Dimensions.mp4	125.7 MB
037 Centering our Page.en_US.srt	10.1 KB
037 Centering our Page.mp4	116.3 MB
038 CHALLENGE #2.en_US.srt	15.0 KB
038 CHALLENGE #2.mp4	75.0 MB
038 Codepen-Link.txt	0.1 KB
039 CSS Theory #4_ Types of Boxes.en_US.srt	30.4 KB
039 CSS Theory #4_ Types of Boxes.mp4	258.5 MB
040 CSS Theory #5_ Absolute Positioning.en_US.srt	23.5 KB
040 CSS Theory #5_ Absolute Positioning.mp4	214.2 MB
041 Pseudo-elements.en_US.srt	23.5 KB
041 Pseudo-elements.mp4	221.8 MB
042 Developer Skill #1_ Googling and Reading Documentation.en_US.srt	17.5 KB
042 Developer Skill #1_ Googling and Reading Documentation.mp4	161.0 MB
043 Developer Skill #2_ Debugging and Asking Questions.en_US.srt	30.3 KB
043 Developer Skill #2_ Debugging and Asking Questions.mp4	308.8 MB
044 CHALLENGE #3.en_US.srt	25.2 KB
044 CHALLENGE #3.mp4	196.2 MB
044 Codepen-Link.txt	0.1 KB
/04 Layouts_ Floats, Flexbox, and CSS Grid Fundamentals/
045 Section Intro.en_US.srt	1.4 KB
045 Section Intro.mp4	14.2 MB
046 The 3 Ways of Building Layouts.en_US.srt	7.3 KB
046 The 3 Ways of Building Layouts.mp4	23.1 MB
047 Using Floats.en_US.srt	24.5 KB
047 Using Floats.mp4	200.8 MB
048 Clearing Floats.en_US.srt	11.7 KB
048 Clearing Floats.mp4	88.1 MB
049 Building a Simple Float Layout.en_US.srt	12.2 KB
049 Building a Simple Float Layout.mp4	118.7 MB
050 box-sizing_ border-box.en_US.srt	15.7 KB
050 box-sizing_ border-box.mp4	120.4 MB
051 CHALLENGE #1.en_US.srt	25.4 KB
051 CHALLENGE #1.mp4	236.6 MB
051 Codepen-Link.txt	0.1 KB
052 Introduction to Flexbox.en_US.srt	14.3 KB
052 Introduction to Flexbox.mp4	122.9 MB
053 A Flexbox Overview.en_US.srt	11.0 KB
053 A Flexbox Overview.mp4	27.7 MB
054 Spacing and Aligning Flex Items.en_US.srt	14.8 KB
054 Spacing and Aligning Flex Items.mp4	96.6 MB
055 The flex Property.en_US.srt	15.4 KB
055 The flex Property.mp4	112.4 MB
056 Adding Flexbox to Our Project.en_US.srt	25.5 KB
056 Adding Flexbox to Our Project.mp4	176.7 MB
057 Building a Simple Flexbox Layout.en_US.srt	18.3 KB
057 Building a Simple Flexbox Layout.mp4	169.7 MB
058 CHALLENGE #2.en_US.srt	19.1 KB
058 CHALLENGE #2.mp4	176.7 MB
058 Codepen-Link.txt	0.1 KB
059 Introduction to CSS Grid.en_US.srt	13.6 KB
059 Introduction to CSS Grid.mp4	103.2 MB
060 A CSS Grid Overview.en_US.srt	13.4 KB
060 A CSS Grid Overview.mp4	44.6 MB
061 Sizing Grid Columns and Rows.en_US.srt	19.0 KB
061 Sizing Grid Columns and Rows.mp4	100.8 MB
062 Placing and Spanning Grid Items.en_US.srt	17.0 KB
062 Placing and Spanning Grid Items.mp4	151.5 MB
063 Aligning Grid Items and Tracks.en_US.srt	17.3 KB
063 Aligning Grid Items and Tracks.mp4	149.9 MB
064 Building a Simple CSS Grid Layout.en_US.srt	21.0 KB
064 Building a Simple CSS Grid Layout.mp4	215.9 MB
065 CHALLENGE #3.en_US.srt	10.3 KB
065 CHALLENGE #3.mp4	85.1 MB
065 Codepen-Link.txt	0.1 KB
/05 Web Design Rules and Framework/
066 Section Intro.en_US.srt	3.0 KB
066 Section Intro.mp4	56.4 MB
067 Project Overview.en_US.srt	9.2 KB
067 Project Overview.mp4	89.9 MB
068 all-design-guidelines.pdf	1.4 MB
068 Overview of Web Design and Website Personalities.en_US.srt	18.4 KB
068 Overview of Web Design and Website Personalities.mp4	76.1 MB
069 Web Design Rules #1_ Typography.en_US.srt	23.7 KB
069 Web Design Rules #1_ Typography.mp4	78.3 MB
070 Implementing Typography.en_US.srt	32.1 KB
070 Implementing Typography.mp4	332.6 MB
071 Web Design Rules #2_ Colors.en_US.srt	20.9 KB
071 Web Design Rules #2_ Colors.mp4	86.9 MB
072 Implementing Colors.en_US.srt	27.5 KB
072 Implementing Colors.mp4	341.4 MB
073 Web Design Rules #3_ Images and Illustrations.en_US.srt	21.9 KB
073 Web Design Rules #3_ Images and Illustrations.mp4	202.3 MB
074 Web Design Rules #4_ Icons.en_US.srt	19.5 KB
074 Web Design Rules #4_ Icons.mp4	69.3 MB
075 Implementing Icons.en_US.srt	27.9 KB
075 Implementing Icons.mp4	398.3 MB
076 Web Design Rules #5_ Shadows.en_US.srt	20.7 KB
076 Web Design Rules #5_ Shadows.mp4	74.3 MB
077 Implementing Shadows.en_US.srt	17.8 KB
077 Implementing Shadows.mp4	198.6 MB
078 Web Design Rules #6_ Border-radius.en_US.srt	7.2 KB
078 Web Design Rules #6_ Border-radius.mp4	25.3 MB
079 Implementing Border-radius.en_US.srt	9.2 KB
079 Implementing Border-radius.mp4	95.8 MB
080 Web Design Rules #7_ Whitespace.en_US.srt	20.5 KB
080 Web Design Rules #7_ Whitespace.mp4	60.3 MB
081 Web Design Rules #8_ Visual Hierarchy.en_US.srt	35.0 KB
081 Web Design Rules #8_ Visual Hierarchy.mp4	110.4 MB
082 Implementing Whitespace and Visual Hierarchy.en_US.srt	23.6 KB
082 Implementing Whitespace and Visual Hierarchy.mp4	314.2 MB
083 Web Design Rules #9_ User Experience (UX).en_US.srt	30.1 KB
083 Web Design Rules #9_ User Experience (UX).mp4	94.0 MB
084 The Website-Personalities-Framework.en_US.srt	45.6 KB
084 The Website-Personalities-Framework.mp4	251.3 MB
085 The Missing Piece_ Steal Like An Artist!.en_US.srt	15.3 KB
085 The Missing Piece_ Steal Like An Artist!.mp4	178.3 MB
/06 Components and Layout Patterns/
086 Section Intro.en_US.srt	1.3 KB
086 Section Intro.mp4	10.9 MB
087 Web Design Rules #10 - Part 1_ Elements and Components.en_US.srt	42.0 KB
087 Web Design Rules #10 - Part 1_ Elements and Components.mp4	278.6 MB
088 Building an Accordion Component - Part 1.en_US.srt	37.3 KB
088 Building an Accordion Component - Part 1.mp4	297.7 MB
089 Building an Accordion Component - Part 2.en_US.srt	26.1 KB
089 Building an Accordion Component - Part 2.mp4	220.5 MB
090 Building a Carousel Component - Part 1.en_US.srt	27.0 KB
090 Building a Carousel Component - Part 1.mp4	321.0 MB
091 Building a Carousel Component - Part 2.en_US.srt	41.8 KB
091 Building a Carousel Component - Part 2.mp4	330.2 MB
092 Building a Table Component - Part 1.en_US.srt	13.4 KB
092 Building a Table Component - Part 1.mp4	74.9 MB
093 Building a Table Component - Part 2.en_US.srt	17.7 KB
093 Building a Table Component - Part 2.mp4	110.3 MB
094 CHALLENGE #1_ Building a Pagination Component.en_US.srt	31.7 KB
094 CHALLENGE #1_ Building a Pagination Component.mp4	201.3 MB
095 Web Design Rules #10 - Part 2_ Layout Patterns.en_US.srt	33.2 KB
095 Web Design Rules #10 - Part 2_ Layout Patterns.mp4	323.3 MB
096 Building a Hero Section - Part 1.en_US.srt	30.6 KB
096 Building a Hero Section - Part 1.mp4	237.4 MB
097 Building a Hero Section - Part 2.en_US.srt	28.5 KB
097 Building a Hero Section - Part 2.mp4	253.5 MB
098 Building a Web Application Layout - Part 1.en_US.srt	21.1 KB
098 Building a Web Application Layout - Part 1.mp4	76.2 MB
099 Building a Web Application Layout - Part 2.en_US.srt	19.0 KB
099 Building a Web Application Layout - Part 2.mp4	82.9 MB
/07 Omnifood Project _ Setup and Desktop Version/
100 Section Intro.en_US.srt	1.2 KB
100 Section Intro.mp4	11.2 MB
101 The 7 Steps to a Great Website.en_US.srt	30.8 KB
101 The 7 Steps to a Great Website.mp4	83.1 MB
102 Defining and Planning the Project (Steps 1 and 2).en_US.srt	37.2 KB
102 Defining and Planning the Project (Steps 1 and 2).mp4	237.8 MB
103 Sketching Initial Layout Ideas (Step 3).en_US.srt	13.4 KB
103 Sketching Initial Layout Ideas (Step 3).mp4	35.7 MB
104 First Design and Development Steps (Step 4).en_US.srt	19.9 KB
104 First Design and Development Steps (Step 4).mp4	155.9 MB
105 Responsive Design Principles.en_US.srt	12.7 KB
105 Responsive Design Principles.mp4	45.2 MB
106 How rem and max-width Work.en_US.srt	22.1 KB
106 How rem and max-width Work.mp4	75.6 MB
107 Building the Hero - Part 1.en_US.srt	20.9 KB
107 Building the Hero - Part 1.mp4	206.5 MB
108 Building the Hero - Part 2.en_US.srt	37.7 KB
108 Building the Hero - Part 2.mp4	371.4 MB
109 Building the Hero - Part 3.en_US.srt	30.7 KB
109 Building the Hero - Part 3.mp4	172.3 MB
110 Building the Header.en_US.srt	18.6 KB
110 Building the Header.mp4	116.0 MB
111 Building the Navigation.en_US.srt	20.9 KB
111 Building the Navigation.mp4	226.6 MB
112 Setting Up a Reusable Grid.en_US.srt	29.2 KB
112 Setting Up a Reusable Grid.mp4	260.4 MB
113 Building the How-It-Works Section - Part 1.en_US.srt	39.8 KB
113 Building the How-It-Works Section - Part 1.mp4	358.9 MB
114 Building the How-It-Works Section - Part 2.en_US.srt	46.8 KB
114 Building the How-It-Works Section - Part 2.mp4	426.4 MB
115 Building the Featured-In Section.en_US.srt	27.8 KB
115 Building the Featured-In Section.mp4	235.4 MB
116 Building the Meals Section - Part 1.en_US.srt	34.7 KB
116 Building the Meals Section - Part 1.mp4	290.0 MB
117 Building the Meals Section - Part 2.en_US.srt	25.2 KB
117 Building the Meals Section - Part 2.mp4	267.8 MB
118 Building the Meals Section - Part 3.en_US.srt	38.3 KB
118 Building the Meals Section - Part 3.mp4	399.1 MB
119 Building the Testimonials Section - Part 1.en_US.srt	19.9 KB
119 Building the Testimonials Section - Part 1.mp4	226.5 MB
120 Building the Testimonials Section - Part 2.en_US.srt	33.0 KB
120 Building the Testimonials Section - Part 2.mp4	600.6 MB
121 Building the Pricing Section - Part 1.en_US.srt	29.9 KB
121 Building the Pricing Section - Part 1.mp4	377.9 MB
122 Building the Pricing Section - Part 2.en_US.srt	32.9 KB
122 Building the Pricing Section - Part 2.mp4	402.1 MB
123 Building the Features Part.en_US.srt	24.4 KB
123 Building the Features Part.mp4	321.3 MB
124 Building the Call-To-Action Section - Part 1.en_US.srt	35.1 KB
124 Building the Call-To-Action Section - Part 1.mp4	390.8 MB
125 Building the Call-To-Action Section - Part 2.en_US.srt	32.1 KB
125 Building the Call-To-Action Section - Part 2.mp4	447.7 MB
126 Building the Call-To-Action Section - Part 3.en_US.srt	38.8 KB
126 Building the Call-To-Action Section - Part 3.mp4	538.5 MB
127 Building the Footer - Part 1.en_US.srt	24.2 KB
127 Building the Footer - Part 1.mp4	302.6 MB
128 Building the Footer - Part 2.en_US.srt	35.6 KB
128 Building the Footer - Part 2.mp4	467.9 MB
/08 Omnifood Project _ Responsive Web Design/
129 Section Intro.en_US.srt	1.0 KB
129 Section Intro.mp4	8.5 MB
130 How Media Queries Work.en_US.srt	18.3 KB
130 How Media Queries Work.mp4	104.9 MB
131 How to Select Breakpoints.en_US.srt	6.5 KB
131 How to Select Breakpoints.mp4	18.4 MB
132 Responding to Small Laptops.en_US.srt	20.6 KB
132 Responding to Small Laptops.mp4	164.4 MB
133 Responding to Landscape Tablets.en_US.srt	24.2 KB
133 Responding to Landscape Tablets.mp4	269.3 MB
134 Responding to Tablets.en_US.srt	29.7 KB
134 Responding to Tablets.mp4	331.9 MB
135 Building the Mobile Navigation.en_US.srt	49.1 KB
135 Building the Mobile Navigation.mp4	428.5 MB
136 Responding to Smaller Tablets.en_US.srt	23.0 KB
136 Responding to Smaller Tablets.mp4	256.5 MB
137 Responding to Phones.en_US.srt	33.2 KB
137 Responding to Phones.mp4	322.6 MB
/09 Omnifood Project _ Effects, Optimizations and Deployment/
138 Section Intro.en_US.srt	1.1 KB
138 Section Intro.mp4	9.1 MB
139 A Short Introduction to JavaScript.en_US.srt	26.3 KB
139 A Short Introduction to JavaScript.mp4	219.3 MB
140 Making the Mobile Navigation Work.en_US.srt	11.0 KB
140 Making the Mobile Navigation Work.mp4	64.4 MB
141 Implementing Smooth Scrolling.en_US.srt	36.6 KB
141 Implementing Smooth Scrolling.mp4	639.2 MB
142 Implementing a Sticky Navigation Bar.en_US.srt	35.4 KB
142 Implementing a Sticky Navigation Bar.mp4	390.5 MB
143 Browser Support and Fixing Flexbox Gap in Safari.en_US.srt	24.4 KB
143 Browser Support and Fixing Flexbox Gap in Safari.mp4	238.7 MB
144 Testing Performance With Lighthouse.en_US.srt	11.7 KB
144 Testing Performance With Lighthouse.mp4	111.3 MB
145 Adding Favicon and Meta Description.en_US.srt	14.8 KB
145 Adding Favicon and Meta Description.mp4	164.9 MB
146 Image Optimizations.en_US.srt	23.2 KB
146 Image Optimizations.mp4	406.2 MB
147 Deployment to Netlify.en_US.srt	12.4 KB
147 Deployment to Netlify.mp4	121.4 MB
148 Making the Form Work With Netlify Forms.en_US.srt	10.4 KB
148 Making the Form Work With Netlify Forms.mp4	59.5 MB
/10 The End!/
149 Where to Go from Here.en_US.srt	5.9 KB
149 Where to Go from Here.mp4	44.7 MB
Total files 308