1. Introduction & Preparations/1. Getting Started and Introduction.mp45.2 MB
1. Introduction & Preparations/1. Getting Started and Introduction.vtt2.2 KB
1. Introduction & Preparations/2. Important Note About Reviews.html1.3 KB
1. Introduction & Preparations/3. A Detailed Look Into the Final Website and Its Wireframe!.mp437.5 MB
1. Introduction & Preparations/3. A Detailed Look Into the Final Website and Its Wireframe!.vtt9.5 KB
1. Introduction & Preparations/3.1 Finished Website's Wireframe.html88 B
1. Introduction & Preparations/4. How to Ask for Help if You're Stuck.html2.4 KB
1. Introduction & Preparations/5. Information About the Pace of This Course.mp44.6 MB
1. Introduction & Preparations/5. Information About the Pace of This Course.vtt2.5 KB
1. Introduction & Preparations/6. Join the Official Facebook Group Here!.html1.8 KB
1. Introduction & Preparations/7. Join the Official Course Chatroom Here! [optional].mp422.2 MB
1. Introduction & Preparations/7. Join the Official Course Chatroom Here! [optional].vtt8.5 KB
1. Introduction & Preparations/8. Keep in Touch with your Instructor!.html997 B
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/1. Part 1 Explaining Media Queries and Fixing the Website for Laptop Resolutions.mp429.7 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/1. Part 1 Explaining Media Queries and Fixing the Website for Laptop Resolutions.vtt8.2 KB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/2. Part 2 Developing the Website for Laptop & Mobile Use.mp463.5 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/2. Part 2 Developing the Website for Laptop & Mobile Use.vtt63.5 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/3. Part 3 Making the Slider Showcase Responsive.mp427.3 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/3. Part 3 Making the Slider Showcase Responsive.vtt9.4 KB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/4. Part 4 Finishing Every Detail in the Responsiveness of the Website.mp435.8 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/4. Part 4 Finishing Every Detail in the Responsiveness of the Website.vtt8 KB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/1. Hosting the Website Online on My Server.mp478.4 MB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/1. Hosting the Website Online on My Server.vtt21 KB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/2. Trying the Website on Multiple Browsers to Check its Compatibility.mp429.9 MB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/2. Trying the Website on Multiple Browsers to Check its Compatibility.vtt3.7 KB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/3. Live Previewing the Website on Multiple Devices (Including Apple).mp462.6 MB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/3. Live Previewing the Website on Multiple Devices (Including Apple).vtt4.2 KB
12. What Now, Conclusion & Saying Goodbye/1. Download Your Copy of My E-Book!.html1.2 KB
12. What Now, Conclusion & Saying Goodbye/2. Okay, I've finished the Course Successfully. What Now.mp413.6 MB
12. What Now, Conclusion & Saying Goodbye/2. Okay, I've finished the Course Successfully. What Now.vtt13.6 MB
12. What Now, Conclusion & Saying Goodbye/3. Conclusion and Saying Goodbye!.mp42.6 MB
12. What Now, Conclusion & Saying Goodbye/3. Conclusion and Saying Goodbye!.vtt1.8 KB
13. BONUS Lectures!/1. Be the FIRST to Know About My New Course Releases!.html795 B
13. BONUS Lectures!/2. Huge Discounts for My Other Courses!.html3.5 KB
13. BONUS Lectures!/3. What is the 'Display Flex' CSS3 Propery.mp430.5 MB
13. BONUS Lectures!/3. What is the 'Display Flex' CSS3 Propery.vtt12.2 KB
13. BONUS Lectures!/4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.mp417.9 MB
13. BONUS Lectures!/4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.vtt3.1 KB
2. Setting Up The Environment/1. What's the Difference Between a Library and Pure HTMLCSSJS Code.mp46.6 MB
2. Setting Up The Environment/1. What's the Difference Between a Library and Pure HTMLCSSJS Code.vtt4.5 KB
2. Setting Up The Environment/2. Assignments and Project Files Explained.mp47.3 MB
2. Setting Up The Environment/2. Assignments and Project Files Explained.vtt3.4 KB
2. Setting Up The Environment/3. Download the Final Project Files Here!.html564 B
2. Setting Up The Environment/3.1 Course Website Finished.zip.zip49 MB
2. Setting Up The Environment/4. Choosing and Customizing our Code Editor.mp429 MB
2. Setting Up The Environment/4. Choosing and Customizing our Code Editor.vtt8.8 KB
2. Setting Up The Environment/5. Presenting the Starting Website Skeleton and Why Is It so Useful.mp426.7 MB
2. Setting Up The Environment/5. Presenting the Starting Website Skeleton and Why Is It so Useful.vtt16.6 MB
2. Setting Up The Environment/5.1 Start Template.zip.zip3.4 KB
2. Setting Up The Environment/6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.mp418.4 MB
2. Setting Up The Environment/6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.vtt8.3 KB
3. Project 1 Building an Interactive, Animated Sticky Header/1. The HTML Structure Building the Skeleton of the Header.mp432.9 MB
3. Project 1 Building an Interactive, Animated Sticky Header/1. The HTML Structure Building the Skeleton of the Header.vtt10.4 KB
3. Project 1 Building an Interactive, Animated Sticky Header/2. Header Appearance Styling the Header with CSS3.mp424.2 MB
3. Project 1 Building an Interactive, Animated Sticky Header/2. Header Appearance Styling the Header with CSS3.vtt10.9 KB
3. Project 1 Building an Interactive, Animated Sticky Header/3. Creating a Header Clone That Will Act as a Sticky.mp414.6 MB
3. Project 1 Building an Interactive, Animated Sticky Header/3. Creating a Header Clone That Will Act as a Sticky.vtt5.8 KB
3. Project 1 Building an Interactive, Animated Sticky Header/4. Functionality Making the Header Sticky with JavaScriptjQuery.mp425 MB
3. Project 1 Building an Interactive, Animated Sticky Header/4. Functionality Making the Header Sticky with JavaScriptjQuery.vtt10.1 KB
3. Project 1 Building an Interactive, Animated Sticky Header/5. Start Creating Your Own Website from Scratch!.html162 B
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/1. Installing the Library and Setting Up the Environment.mp418.5 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/1. Installing the Library and Setting Up the Environment.vtt6 KB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/2. Building the Scene Content & Custom Data-Attributes.mp422.1 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/2. Building the Scene Content & Custom Data-Attributes.vtt8.1 KB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/3. Exploring the Level of Customization of the Library and the Data-Attributes.mp416.9 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/3. Exploring the Level of Customization of the Library and the Data-Attributes.vtt6.3 KB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/4. Designing & Finishing the Look of the Parallax Cover Page.mp435 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/4. Designing & Finishing the Look of the Parallax Cover Page.vtt12.2 KB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/5. Re-Create the Cover-Main Section from Scratch!.html162 B
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/1. Installing Masonry JS & Building the HTML.mp439.4 MB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/1. Installing Masonry JS & Building the HTML.vtt8.1 KB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/2. Styling the Picture Collage Gallery.mp426.3 MB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/2. Styling the Picture Collage Gallery.vtt7.4 KB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/3. Exploring Through the Options and Calling the Library with JavaScript.mp450.1 MB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/3. Exploring Through the Options and Calling the Library with JavaScript.vtt11.6 KB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/4. Create a Masonry JS Example by Your Own.html162 B
6. Project 4 Building a Cool Beating Heart Animation/1. Creating the HTML and Preparing the SVG for the Animation!.mp434.1 MB
6. Project 4 Building a Cool Beating Heart Animation/1. Creating the HTML and Preparing the SVG for the Animation!.vtt9.5 KB
6. Project 4 Building a Cool Beating Heart Animation/2. Styling the Remaining Elements of The Section.mp425.2 MB
6. Project 4 Building a Cool Beating Heart Animation/2. Styling the Remaining Elements of The Section.vtt8.2 KB
6. Project 4 Building a Cool Beating Heart Animation/3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.mp417.4 MB
6. Project 4 Building a Cool Beating Heart Animation/3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.vtt8.5 KB
6. Project 4 Building a Cool Beating Heart Animation/4. Create an Animation with CSS3 and Keyframes!.html162 B
7. Project 5 Building a Clean, Responsive Slider with Navigation!/1. Preparing & Installing Slick Slider Library.mp424.7 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/1. Preparing & Installing Slick Slider Library.vtt6.3 KB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/2. Writing the HTML Structure of the Slider.mp423.2 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/2. Writing the HTML Structure of the Slider.vtt6.1 KB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/3. Styling the Slider with CSS3.mp445.1 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/3. Styling the Slider with CSS3.vtt12.5 KB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/4. Exploring Through the JavaScript Options of the Slider.mp427.4 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/4. Exploring Through the JavaScript Options of the Slider.vtt7.5 KB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/5. Create a DIFFERENT Slider for Your Own Website!.html162 B
8. Project 6 Finish Off the Website With This Hidden Parallax Footer/1. Showcasing a Cool Trick to Fake a Parallax Effect!.mp431.8 MB
8. Project 6 Finish Off the Website With This Hidden Parallax Footer/1. Showcasing a Cool Trick to Fake a Parallax Effect!.vtt7.3 KB
8. Project 6 Finish Off the Website With This Hidden Parallax Footer/2. Recreate the Parallax Footer.html162 B
9. Project 7 Build a Modern, Clean Responsive Menu/1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.mp447.7 MB
9. Project 7 Build a Modern, Clean Responsive Menu/1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.vtt14.5 KB
9. Project 7 Build a Modern, Clean Responsive Menu/2. Step 1 Creating the Responsive Menu HTML Skeleton.mp451.3 MB