1. Introduction & Preparations

  1. Getting Started and Introduction.vtt

  3. A Detailed Look Into the Final Website and Its Wireframe!.mp4

  3.1 Finished Website's Wireframe.html

  5. Information About the Pace of This Course.mp4

  6. Join the Official Facebook Group Here!.html

  7. Join the Official Course Chatroom Here! [optional].vtt

 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

  2. Part 2 Developing the Website for Laptop & Mobile Use.vtt

  3. Part 3 Making the Slider Showcase Responsive.vtt

  4. Part 4 Finishing Every Detail in the Responsiveness of the Website.vtt

 11. Hosting the Website, Browser Compatibility and Live Preview of the Website

  1. Hosting the Website Online on My Server.vtt

  2. Trying the Website on Multiple Browsers to Check its Compatibility.vtt

  3. Live Previewing the Website on Multiple Devices (Including Apple).vtt

 12. What Now, Conclusion & Saying Goodbye

  1.1 [FREE E-BOOK] 75_Must_Have_Resources_for_Web_Developers_and_Designers.pdf.pdf

  2. Okay, I've finished the Course Successfully. What Now.vtt

  3. Conclusion and Saying Goodbye!.vtt

 13. BONUS Lectures!

  2. Huge Discounts for My Other Courses!.html

  3. What is the 'Display Flex' CSS3 Propery.vtt

  4. Font Smoothing and Anti-Aliasing + Minor Typo Fixes.vtt

 2. Setting Up The Environment

  1. What's the Difference Between a Library and Pure HTMLCSSJS Code.vtt

  2. Assignments and Project Files Explained.vtt

  3.1 Course Website Finished.zip.zip

  4. Choosing and Customizing our Code Editor.vtt

  5. Presenting the Starting Website Skeleton and Why Is It so Useful.vtt

  6. Installing Fonts, Explaining What ResetCSS and Helper Classes Are.mp4

 3. Project 1 Building an Interactive, Animated Sticky Header

  1. The HTML Structure Building the Skeleton of the Header.vtt

  2. Header Appearance Styling the Header with CSS3.vtt

  3. Creating a Header Clone That Will Act as a Sticky.vtt

  4. Functionality Making the Header Sticky with JavaScriptjQuery.vtt

 4. Project 2 Building a Parallax Page That Tracks Mouse Movements

  1. Installing the Library and Setting Up the Environment.vtt

  2. Building the Scene Content & Custom Data-Attributes.vtt

  3. Exploring the Level of Customization of the Library and the Data-Attributes.vtt

  4. Designing & Finishing the Look of the Parallax Cover Page.vtt

 5. Project 3 Build a Fully Responsive, Awesome-Looking Grid Layout

  1. Installing Masonry JS & Building the HTML.vtt

  2. Styling the Picture Collage Gallery.vtt

  3. Exploring Through the Options and Calling the Library with JavaScript.vtt

 6. Project 4 Building a Cool Beating Heart Animation

  1. Creating the HTML and Preparing the SVG for the Animation!.vtt

  2. Styling the Remaining Elements of The Section.vtt

  3. Explaining Keyframes and Implementing Them to Create Cool Visual Effect.vtt

 7. Project 5 Building a Clean, Responsive Slider with Navigation!

  1. Preparing & Installing Slick Slider Library.vtt

  2. Writing the HTML Structure of the Slider.vtt

  3. Styling the Slider with CSS3.vtt

  4. Exploring Through the JavaScript Options of the Slider.vtt

 8. Project 6 Finish Off the Website With This Hidden Parallax Footer

  1. Showcasing a Cool Trick to Fake a Parallax Effect!.vtt

 9. Project 7 Build a Modern, Clean Responsive Menu

  1. Adding Functionality to the Menu - Scroll on Click to Corresponding Section.vtt

  2. Step 1 Creating the Responsive Menu HTML Skeleton.vtt

  3. Step 2 Editing the Skeleton and the Menu With CSS3.vtt

  4. Step 3 Creating Active Classes and Adding JavaScript Functionality.vtt

 [CourseClub.ME].url

 [FreeCourseSite.com].url