11. Hosting the Website, Browser Compatibility and Live Preview of the Website/1. Hosting the Website Online on My Server.mp4 82.2 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/2. Part 2 Developing the Website for Laptop & Mobile Use.mp4 66.6 MB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/3. Live Previewing the Website on Multiple Devices (Including Apple).mp4 65.7 MB
9. Project 7 Build a Modern, Clean Responsive Menu/2. Step 1 Creating the Responsive Menu HTML Skeleton.mp4 53.8 MB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/3. Exploring Through the Options and Calling the Library with JavaScript.mp4 52.6 MB
9. Project 7 Build a Modern, Clean Responsive Menu/4. Step 3 Creating Active Classes and Adding JavaScript Functionality.mp4 51.6 MB
2. Setting Up The Environment/3.1 Course Website Finished.zip.zip 51.3 MB
9. Project 7 Build a Modern, Clean Responsive Menu/1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.mp4 50.0 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/3. Styling the Slider with CSS3.mp4 47.3 MB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/1. Installing Masonry JS & Building the HTML.mp4 41.3 MB
1. Introduction & Preparations/3. A Detailed Look Into the Final Website and Its Wireframe!.mp4 39.4 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/4. Part 4 Finishing Every Detail in the Responsiveness of the Website.mp4 37.5 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/4. Designing & Finishing the Look of the Parallax Cover Page.mp4 36.7 MB
6. Project 4 Building a Cool Beating Heart Animation/1. Creating the HTML and Preparing the SVG for the Animation!.mp4 35.7 MB
3. Project 1 Building an Interactive, Animated Sticky Header/1. The HTML Structure Building the Skeleton of the Header.mp4 34.5 MB
8. Project 6 Finish Off the Website With This Hidden Parallax Footer/1. Showcasing a Cool Trick to Fake a Parallax Effect!.mp4 33.3 MB
13. BONUS Lectures!/3. What is the 'Display Flex' CSS3 Propery.mp4 32.0 MB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/2. Trying the Website on Multiple Browsers to Check its Compatibility.mp4 31.4 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.mp4 31.2 MB
2. Setting Up The Environment/4. Choosing and Customizing our Code Editor.mp4 30.4 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/4. Exploring Through the JavaScript Options of the Slider.mp4 28.7 MB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/3. Part 3 Making the Slider Showcase Responsive.mp4 28.6 MB
2. Setting Up The Environment/5. Presenting the Starting Website Skeleton and Why Is It so Useful.mp4 28.0 MB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/2. Styling the Picture Collage Gallery.mp4 27.6 MB
6. Project 4 Building a Cool Beating Heart Animation/2. Styling the Remaining Elements of The Section.mp4 26.5 MB
3. Project 1 Building an Interactive, Animated Sticky Header/4. Functionality Making the Header Sticky with JavaScriptjQuery.mp4 26.2 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/1. Preparing & Installing Slick Slider Library.mp4 25.9 MB
3. Project 1 Building an Interactive, Animated Sticky Header/2. Header Appearance Styling the Header with CSS3.mp4 25.3 MB
9. Project 7 Build a Modern, Clean Responsive Menu/3. Step 2 Editing the Skeleton and the Menu With CSS3.mp4 24.6 MB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/2. Writing the HTML Structure of the Slider.mp4 24.3 MB
1. Introduction & Preparations/7. Join the Official Course Chatroom Here! [optional].mp4 23.3 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/2. Building the Scene Content & Custom Data-Attributes.mp4 23.2 MB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/1. Installing the Library and Setting Up the Environment.mp4 19.4 MB
2. Setting Up The Environment/6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.mp4 19.3 MB
13. BONUS Lectures!/4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.mp4 18.7 MB
6. Project 4 Building a Cool Beating Heart Animation/3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.mp4 18.3 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.mp4 17.7 MB
3. Project 1 Building an Interactive, Animated Sticky Header/3. Creating a Header Clone That Will Act as a Sticky.mp4 15.4 MB
12. What Now, Conclusion & Saying Goodbye/2. Okay, I've finished the Course Successfully. What Now.mp4 14.2 MB
2. Setting Up The Environment/2. Assignments and Project Files Explained.mp4 7.6 MB
2. Setting Up The Environment/1. What's the Difference Between a Library and Pure HTMLCSSJS Code.mp4 6.9 MB
1. Introduction & Preparations/1. Getting Started and Introduction.mp4 5.4 MB
1. Introduction & Preparations/5. Information About the Pace of This Course.mp4 4.8 MB
12. What Now, Conclusion & Saying Goodbye/3. Conclusion and Saying Goodbye!.mp4 2.7 MB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/1. Hosting the Website Online on My Server.vtt 22.8 kB
9. Project 7 Build a Modern, Clean Responsive Menu/2. Step 1 Creating the Responsive Menu HTML Skeleton.vtt 17.4 kB
9. Project 7 Build a Modern, Clean Responsive Menu/1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.vtt 15.5 kB
9. Project 7 Build a Modern, Clean Responsive Menu/4. Step 3 Creating Active Classes and Adding JavaScript Functionality.vtt 15.3 kB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/3. Styling the Slider with CSS3.vtt 13.4 kB
13. BONUS Lectures!/3. What is the 'Display Flex' CSS3 Propery.vtt 13.3 kB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/4. Designing & Finishing the Look of the Parallax Cover Page.vtt 13.2 kB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/3. Exploring Through the Options and Calling the Library with JavaScript.vtt 12.6 kB
3. Project 1 Building an Interactive, Animated Sticky Header/2. Header Appearance Styling the Header with CSS3.vtt 11.8 kB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/2. Part 2 Developing the Website for Laptop & Mobile Use.vtt 11.5 kB
3. Project 1 Building an Interactive, Animated Sticky Header/1. The HTML Structure Building the Skeleton of the Header.vtt 11.3 kB
3. Project 1 Building an Interactive, Animated Sticky Header/4. Functionality Making the Header Sticky with JavaScriptjQuery.vtt 11.0 kB
12. What Now, Conclusion & Saying Goodbye/2. Okay, I've finished the Course Successfully. What Now.vtt 10.9 kB
6. Project 4 Building a Cool Beating Heart Animation/1. Creating the HTML and Preparing the SVG for the Animation!.vtt 10.0 kB
1. Introduction & Preparations/3. A Detailed Look Into the Final Website and Its Wireframe!.vtt 9.7 kB
2. Setting Up The Environment/4. Choosing and Customizing our Code Editor.vtt 9.7 kB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/3. Part 3 Making the Slider Showcase Responsive.vtt 9.6 kB
9. Project 7 Build a Modern, Clean Responsive Menu/3. Step 2 Editing the Skeleton and the Menu With CSS3.vtt 9.1 kB
2. Setting Up The Environment/5. Presenting the Starting Website Skeleton and Why Is It so Useful.vtt 9.1 kB
6. Project 4 Building a Cool Beating Heart Animation/2. Styling the Remaining Elements of The Section.vtt 8.9 kB
2. Setting Up The Environment/6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.vtt 8.9 kB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/2. Building the Scene Content & Custom Data-Attributes.vtt 8.8 kB
1. Introduction & Preparations/7. Join the Official Course Chatroom Here! [optional].vtt 8.7 kB
6. Project 4 Building a Cool Beating Heart Animation/3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.vtt 8.7 kB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/4. Part 4 Finishing Every Detail in the Responsiveness of the Website.vtt 8.6 kB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/1. Installing Masonry JS & Building the HTML.vtt 8.5 kB
10. Responsiveness Making the Website Accessible on All Devices (Including Mobile)/1. Part 1 Explaining Media Queries and Fixing the Website for Laptop Resolutions.vtt 8.5 kB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/4. Exploring Through the JavaScript Options of the Slider.vtt 8.4 kB
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/2. Styling the Picture Collage Gallery.vtt 7.8 kB
8. Project 6 Finish Off the Website With This Hidden Parallax Footer/1. Showcasing a Cool Trick to Fake a Parallax Effect!.vtt 7.5 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.vtt 6.8 kB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/1. Preparing & Installing Slick Slider Library.vtt 6.7 kB
7. Project 5 Building a Clean, Responsive Slider with Navigation!/2. Writing the HTML Structure of the Slider.vtt 6.4 kB
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/1. Installing the Library and Setting Up the Environment.vtt 6.3 kB
3. Project 1 Building an Interactive, Animated Sticky Header/3. Creating a Header Clone That Will Act as a Sticky.vtt 6.2 kB
2. Setting Up The Environment/1. What's the Difference Between a Library and Pure HTMLCSSJS Code.vtt 4.7 kB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/3. Live Previewing the Website on Multiple Devices (Including Apple).vtt 4.5 kB
11. Hosting the Website, Browser Compatibility and Live Preview of the Website/2. Trying the Website on Multiple Browsers to Check its Compatibility.vtt 3.9 kB
13. BONUS Lectures!/2. Huge Discounts for My Other Courses!.html 3.6 kB
2. Setting Up The Environment/5.1 Start Template.zip.zip 3.5 kB
2. Setting Up The Environment/2. Assignments and Project Files Explained.vtt 3.5 kB
13. BONUS Lectures!/4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.vtt 3.4 kB
1. Introduction & Preparations/5. Information About the Pace of This Course.vtt 2.7 kB
1. Introduction & Preparations/4. How to Ask for Help if You're Stuck.html 2.5 kB
1. Introduction & Preparations/1. Getting Started and Introduction.vtt 2.3 kB
12. What Now, Conclusion & Saying Goodbye/3. Conclusion and Saying Goodbye!.vtt 2.0 kB
1. Introduction & Preparations/6. Join the Official Facebook Group Here!.html 1.9 kB
1. Introduction & Preparations/2. Important Note About Reviews.html 1.3 kB
12. What Now, Conclusion & Saying Goodbye/1. Download Your Copy of My E-Book!.html 1.2 kB
1. Introduction & Preparations/8. Keep in Touch with your Instructor!.html 997 Bytes
13. BONUS Lectures!/1. Be the FIRST to Know About My New Course Releases!.html 795 Bytes
2. Setting Up The Environment/3. Download the Final Project Files Here!.html 564 Bytes
3. Project 1 Building an Interactive, Animated Sticky Header/5. Start Creating Your Own Website from Scratch!.html 165 Bytes
4. Project 2 Building a Parallax Page That Tracks Mouse Movements/5. Re-Create the Cover-Main Section from Scratch!.html 165 Bytes
5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout/4. Create a Masonry JS Example by Your Own.html 165 Bytes
6. Project 4 Building a Cool Beating Heart Animation/4. Create an Animation with CSS3 and Keyframes!.html 165 Bytes
7. Project 5 Building a Clean, Responsive Slider with Navigation!/5. Create a DIFFERENT Slider for Your Own Website!.html 165 Bytes
8. Project 6 Finish Off the Website With This Hidden Parallax Footer/2. Recreate the Parallax Footer.html 165 Bytes
9. Project 7 Build a Modern, Clean Responsive Menu/5. Re-Create the Responsive Menu from Scratch!.html 165 Bytes