FreeCourseSite com Udemy HTML5 CSS3 JavaScript Workshop Build Creative Projects

/1. Introduction & Preparations/

1. Getting Started and Introduction.mp4

1. Getting Started and Introduction.vtt

2. Important Note About Reviews.html

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

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

3.1 Finished Website's Wireframe.html

4. How to Ask for Help if You're Stuck.html

5. Information About the Pace of This Course.mp4

5. Information About the Pace of This Course.vtt

6. Join the Official Facebook Group Here!.html

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

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

8. Keep in Touch with your Instructor!.html

/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

1. Part 1 Explaining Media Queries and Fixing the Website for Laptop Resolutions.vtt

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

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

3. Part 3 Making the Slider Showcase Responsive.mp4

3. Part 3 Making the Slider Showcase Responsive.vtt

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

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.mp4

1. Hosting the Website Online on My Server.vtt

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

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

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

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

/12. What Now, Conclusion & Saying Goodbye/

1. Download Your Copy of My E-Book!.html

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.mp4

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

3. Conclusion and Saying Goodbye!.mp4

3. Conclusion and Saying Goodbye!.vtt

/13. BONUS Lectures!/

1. Be the FIRST to Know About My New Course Releases!.html

2. Huge Discounts for My Other Courses!.html

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

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

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

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.mp4

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

2. Assignments and Project Files Explained.mp4

2. Assignments and Project Files Explained.vtt

3. Download the Final Project Files Here!.html

3.1 Course Website Finished.zip.zip

4. Choosing and Customizing our Code Editor.mp4

4. Choosing and Customizing our Code Editor.vtt

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

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

5.1 Start Template.zip.zip

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

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

/3. Project 1 Building an Interactive, Animated Sticky Header/

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

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

2. Header Appearance Styling the Header with CSS3.mp4

2. Header Appearance Styling the Header with CSS3.vtt

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

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

4. Functionality Making the Header Sticky with JavaScriptjQuery.mp4

4. Functionality Making the Header Sticky with JavaScriptjQuery.vtt

5. Start Creating Your Own Website from Scratch!.html

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

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

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

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

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

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

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

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

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

5. Re-Create the Cover-Main Section from Scratch!.html

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

1. Installing Masonry JS & Building the HTML.mp4

1. Installing Masonry JS & Building the HTML.vtt

2. Styling the Picture Collage Gallery.mp4

2. Styling the Picture Collage Gallery.vtt

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

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

4. Create a Masonry JS Example by Your Own.html

/6. Project 4 Building a Cool Beating Heart Animation/

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

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

2. Styling the Remaining Elements of The Section.mp4

2. Styling the Remaining Elements of The Section.vtt

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

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

4. Create an Animation with CSS3 and Keyframes!.html

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

1. Preparing & Installing Slick Slider Library.mp4

1. Preparing & Installing Slick Slider Library.vtt

2. Writing the HTML Structure of the Slider.mp4

2. Writing the HTML Structure of the Slider.vtt

3. Styling the Slider with CSS3.mp4

3. Styling the Slider with CSS3.vtt

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

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

5. Create a DIFFERENT Slider for Your Own Website!.html

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

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

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

2. Recreate the Parallax Footer.html

/9. Project 7 Build a Modern, Clean Responsive Menu/

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

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

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

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

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

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

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

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

5. Re-Create the Responsive Menu from Scratch!.html

/

[CourseClub.ME].url

[FCS Forum].url

[FreeCourseSite.com].url

Total files 108