Filename Size 1. Introduction & Preparations/1. Getting Started and Introduction.mp4 5.2 MB 1. Introduction & Preparations/1. Getting Started and Introduction.vtt 2.2 KB 1. Introduction & Preparations/2. Important Note About Reviews.html 1.3 KB 1. Introduction & Preparations/3. A Detailed Look Into the Final Website and Its Wireframe!.mp4 37.5 MB 1. Introduction & Preparations/3. A Detailed Look Into the Final Website and Its Wireframe!.vtt 9.5 KB 1. Introduction & Preparations/3.1 Finished Website's Wireframe.html 88 B 1. Introduction & Preparations/4. How to Ask for Help if You're Stuck.html 2.4 KB 1. Introduction & Preparations/5. Information About the Pace of This Course.mp4 4.6 MB 1. Introduction & Preparations/5. Information About the Pace of This Course.vtt 2.6 KB 1. Introduction & Preparations/6. Join the Official Facebook Group Here!.html 1.8 KB 1. Introduction & Preparations/7. Join the Official Course Chatroom Here! [optional].mp4 22.2 MB 1. Introduction & Preparations/7. Join the Official Course Chatroom Here! [optional].vtt 8.5 KB 1. Introduction & Preparations/8. Keep in Touch with your Instructor!.html 997 B 10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/3. Part 3 Making the Slider Showcase Responsive.mp4 27.2 MB 10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/3. Part 3 Making the Slider Showcase Responsive.vtt 9.4 KB 11. Hosting the Website, Browser Compatibility and Live Preview of the Website/1. Hosting the Website Online on My Server.mp4 78.4 MB 11. Hosting the Website, Browser Compatibility and Live Preview of the Website/1. Hosting the Website Online on My Server.vtt 22.3 KB 12. What Now, Conclusion & Saying Goodbye/1. Download Your Copy of My E-Book!.html 1.2 KB 12. What Now, Conclusion & Saying Goodbye/1.1 [FREE E-BOOK] 75_Must_Have_Resources_for_Web_Developers_and_Designers.pdf.pdf 2.9 MB 12. What Now, Conclusion & Saying Goodbye/2. Okay, I've finished the Course Successfully. What Now.mp4 13.5 MB 12. What Now, Conclusion & Saying Goodbye/2. Okay, I've finished the Course Successfully. What Now.vtt 10.7 KB 12. What Now, Conclusion & Saying Goodbye/3. Conclusion and Saying Goodbye!.mp4 2.6 MB 12. What Now, Conclusion & Saying Goodbye/3. Conclusion and Saying Goodbye!.vtt 1.9 KB 13. BONUS Lectures!/1. Be the FIRST to Know About My New Course Releases!.html 795 B 13. BONUS Lectures!/2. Huge Discounts for My Other Courses!.html 3.5 KB 13. BONUS Lectures!/3. What is the 'Display Flex' CSS3 Propery.mp4 30.5 MB 13. BONUS Lectures!/3. What is the 'Display Flex' CSS3 Propery.vtt 13 KB 13. BONUS Lectures!/4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.mp4 17.9 MB 13. BONUS Lectures!/4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.vtt 3.3 KB 2. Setting Up The Environment/1. What's the Difference Between a Library and Pure HTMLCSSJS Code.mp4 6.6 MB 2. Setting Up The Environment/1. What's the Difference Between a Library and Pure HTMLCSSJS Code.vtt 4.5 KB 2. Setting Up The Environment/2. Assignments and Project Files Explained.mp4 7.3 MB 2. Setting Up The Environment/2. Assignments and Project Files Explained.vtt 3.4 KB 2. Setting Up The Environment/3. Download the Final Project Files Here!.html 564 B 2. Setting Up The Environment/3.1 Course Website Finished.zip.zip 49 MB 2. Setting Up The Environment/4. Choosing and Customizing our Code Editor.mp4 29 MB 2. Setting Up The Environment/4. Choosing and Customizing our Code Editor.vtt 9.4 KB 2. Setting Up The Environment/5. Presenting the Starting Website Skeleton and Why Is It so Useful.mp4 26.7 MB 2. Setting Up The Environment/5. Presenting the Starting Website Skeleton and Why Is It so Useful.vtt 8.8 KB 2. Setting Up The Environment/5.1 Start Template.zip.zip 3.4 KB 2. Setting Up The Environment/6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.mp4 18.4 MB 2. Setting Up The Environment/6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.vtt 8.7 KB 3. Project 1 Building an Interactive, Animated Sticky Header/1. The HTML Structure Building the Skeleton of the Header.mp4 32.9 MB 3. Project 1 Building an Interactive, Animated Sticky Header/1. The HTML Structure Building the Skeleton of the Header.vtt 11.1 KB 3. Project 1 Building an Interactive, Animated Sticky Header/2. Header Appearance Styling the Header with CSS3.mp4 24.2 MB 3. Project 1 Building an Interactive, Animated Sticky Header/2. Header Appearance Styling the Header with CSS3.vtt 11.5 KB 3. Project 1 Building an Interactive, Animated Sticky Header/3. Creating a Header Clone That Will Act as a Sticky.mp4 14.7 MB 3. Project 1 Building an Interactive, Animated Sticky Header/3. Creating a Header Clone That Will Act as a Sticky.vtt 6.1 KB 3. Project 1 Building an Interactive, Animated Sticky Header/4. Functionality Making the Header Sticky with JavaScriptjQuery.mp4 25 MB 3. Project 1 Building an Interactive, Animated Sticky Header/4. Functionality Making the Header Sticky with JavaScriptjQuery.vtt 10.7 KB 3. Project 1 Building an Interactive, Animated Sticky Header/5. Start Creating Your Own Website from Scratch!.html 165 B 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/1. Installing the Library and Setting Up the Environment.mp4 18.5 MB 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/1. Installing the Library and Setting Up the Environment.vtt 6.1 KB 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/2. Building the Scene Content & Custom Data-Attributes.mp4 22.1 MB 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/2. Building the Scene Content & Custom Data-Attributes.vtt 8.6 KB 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/4. Designing & Finishing the Look of the Parallax Cover Page.mp4 35 MB 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/4. Designing & Finishing the Look of the Parallax Cover Page.vtt 12.9 KB 4. Project 2 Building a Parallax Page That Tracks Mouse Movements/5. Re-Create the Cover-Main Section from Scratch!.html 165 B 5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/1. Installing Masonry JS & Building the HTML.mp4 39.4 MB 5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/1. Installing Masonry JS & Building the HTML.vtt 8.3 KB 5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/2. Styling the Picture Collage Gallery.mp4 26.3 MB 5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/2. Styling the Picture Collage Gallery.vtt 7.6 KB 5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/4. Create a Masonry JS Example by Your Own.html 165 B 6. Project 4 Building a Cool Beating Heart Animation/1. Creating the HTML and Preparing the SVG for the Animation!.mp4 34 MB 6. Project 4 Building a Cool Beating Heart Animation/1. Creating the HTML and Preparing the SVG for the Animation!.vtt 9.8 KB 6. Project 4 Building a Cool Beating Heart Animation/2. Styling the Remaining Elements of The Section.mp4 25.2 MB 6. Project 4 Building a Cool Beating Heart Animation/2. Styling the Remaining Elements of The Section.vtt 8.7 KB 6. Project 4 Building a Cool Beating Heart Animation/3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.mp4 17.4 MB 6. Project 4 Building a Cool Beating Heart Animation/3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.vtt 8.5 KB 6. Project 4 Building a Cool Beating Heart Animation/4. Create an Animation with CSS3 and Keyframes!.html 165 B 7/1. Preparing & Installing Slick Slider Library.mp4 24.7 MB 7/1. Preparing & Installing Slick Slider Library.vtt 6.5 KB 7/2. Writing the HTML Structure of the Slider.mp4 23.1 MB 7/2. Writing the HTML Structure of the Slider.vtt 6.3 KB 7/3. Styling the Slider with CSS3.mp4 45.1 MB 7/3. Styling the Slider with CSS3.vtt 13.1 KB 7/4. Exploring Through the JavaScript Options of the Slider.mp4 27.4 MB 7/4. Exploring Through the JavaScript Options of the Slider.vtt 8.2 KB 7/5. Create a DIFFERENT Slider for Your Own Website!.html 165 B 8. Project 6 Finish Off the Website With This Hidden Parallax Footer/1. Showcasing a Cool Trick to Fake a Parallax Effect!.mp4 31.8 MB 8. Project 6 Finish Off the Website With This Hidden Parallax Footer/1. Showcasing a Cool Trick to Fake a Parallax Effect!.vtt 7.4 KB 8. Project 6 Finish Off the Website With This Hidden Parallax Footer/2. Recreate the Parallax Footer.html 165 B 9. Project 7 Build a Modern, Clean Responsive Menu/1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.mp4 47.7 MB 9. Project 7 Build a Modern, Clean Responsive Menu/1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.vtt 15.1 KB 9. Project 7 Build a Modern, Clean Responsive Menu/2. Step 1 Creating the Responsive Menu HTML Skeleton.mp4 51.3 MB 9. Project 7 Build a Modern, Clean Responsive Menu/2. Step 1 Creating the Responsive Menu HTML Skeleton.vtt 16.9 KB 9. Project 7 Build a Modern, Clean Responsive Menu/3. Step 2 Editing the Skeleton and the Menu With CSS3.mp4 23.5 MB 9. Project 7 Build a Modern, Clean Responsive Menu/3. Step 2 Editing the Skeleton and the Menu With CSS3.vtt 8.9 KB 9. Project 7 Build a Modern, Clean Responsive Menu/4. Step 3 Creating Active Classes and Adding JavaScript Functionality.mp4 49.2 MB 9. Project 7 Build a Modern, Clean Responsive Menu/4. Step 3 Creating Active Classes and Adding JavaScript Functionality.vtt 14.9 KB 9. Project 7 Build a Modern, Clean Responsive Menu/5. Re-Create the Responsive Menu from Scratch!.html 165 B