HTML

How Do I Get The Most Out of this Course?

Important Links

Introduction

Debug Camperbots Profile Page

Debug a Pet Adoption Page

Learn HTML by Building a Cat Photo App

Build A Recipe Page

Build A Travel Agency Page

Build a Video Compilation Page

Basic HTML

Build a Cat Blog Page

Build an Event Hub

Semantic HTML

Build a Hotel Feedback Form (1-10)

Build a Hotel Feedback Form (11-20)

Build a Hotel Feedback Form  (21-36)

Build a Survey Form

Build a Final Exams Table

Building Book Catalog Table

Forms and Tables

Build a Checkout Page

Build a Tribute Page

Build a Multimedia Player

Design A Movie Review Page

Accessibility

Build a Cat Painting

Positioning

Learn Basic CSS by Building a Cafe Menu

Design a Business Card

Design A Stylized To-Do List

Design A Blog Post Card

Basic CSS

Build an Event Flyer Page

Absolute and Relative Units

Design a Greeting Card (1-10)

Design a Greeting Card (11-20)

Design a Greeting Card (21-27)

Build a Job Application Form

Pseudo Classes Elements

Build a Set of Colored Markers

Build a Set of Colored Boxes

Colors

About the Design a Registration Form Videos

Design a Registration Form (1-20)

Design a Registration Form (21-40)

Design a Registration Form (41-60)

Design a Contact Form

Styling Forms

Design a Rothko Painting (1-27)

Design a Rothko Painting (28-45)

Build a Confidential Email Page

The Box Model

Build a Flexbox Photo Gallery

Build a Page of Playing Cards

Flexbox

Build a Nutritional Label - Part 1 (Steps 1 to 17)

Build a Nutritional Label - Part 2 (Steps 18 to 34)

Build a Nutritional Label - Part 3 (Steps 35-51)

Build a Nutritional Label (Steps 52 to 68)

Build a Newspaper Article

Typography

About the Responsive Web Design Section

Learn CSS Colors by Building a Set of Colored Markers

Learn HTML Forms by Building a Registration Form (1-20)

Learn HTML Forms by Building a Registration Form (21-40)

Learn HTML Forms by Building Registration Form (41-65)

 Survey Form Project

Learn the CSS Box Model by Building a Rothko Painting (1-27)

 Learn the CSS Box Model by Building a Rothko Painting (28-45)

Build A Quiz Webpage (Steps 1-10)

Build a Quiz Webpage (Steps 11-20)

Build a Quiz Webpage (Steps 21 to 30)

 Build a Quiz Page (41-50)

FreeCodeCamp - Responsive Web Design

<h3 id="d5536f91-99ac-4eef-8752-ced033b8258b" data-toc-id="d5536f91-99ac-4eef-8752-ced033b8258b">About This Course</h3>By adding this course to your account, you will be able to get guided instructions for the lesson. You'll learn new things that you may not have picked up from their videos. This is because we take an instructor's point of view, going through the material, and making sure that you understand why we are doing what we're doing.<h3 id="3b85546e-bd93-46cb-871b-279f078a8fb0" data-toc-id="3b85546e-bd93-46cb-871b-279f078a8fb0">Video Guided Steps in 4K</h3>If you are looking to get ahead and continue to make progress, then this is the course that you should take. It will make your progression a lot easier, with video-guided instruction to ensure that you are on the right page.<h3 id="b0cd5ee4-cccd-44ac-8d08-49c8be32a95d" data-toc-id="b0cd5ee4-cccd-44ac-8d08-49c8be32a95d">Always Adding New Videos</h3>We are constantly adding new videos to these modules. This course continually adds new videos as we get time to make them. All the videos are chaptered, so you can go to the step that most interests you.<h3 id="a5ada732-6677-4a05-9c47-629711647fe4" data-toc-id="a5ada732-6677-4a05-9c47-629711647fe4">About FreeCodeCamp</h3>FreeCodeCamp and PreCodeCamp are not related in any way. We know that many people start with FreeCodeCamp as a way to start learning, and wanted to provide a means to people if they do get stuck, they have a place to go for help. We are not paid by FreeCodeCamp to make these videos.Link to their Course Learnings: <a target="_blank" href="https://www.freecodecamp.org/learn/full-stack-developer/">https://www.freecodecamp.org/learn/full-stack-developer/</a>Disclosure: PreCodeCamp is not affiliated with or endorsed by FreeCodeCamp.FreeCodeCamp is a registered trademark of <a target="_blank" href="http://FreeCodeCamp.org">FreeCodeCamp.org</a>.These videos provide independent commentary and educational insights based on publicly available materials.This content is intended for educational and transformative purposes under Fair Use.

We go through FreeCodeCamp's labs and workshops from an instructor's point of view. Every lesson is chaptered out for easy navigation and learning. No more getting stuck!

Free Code Camp Certified Full Stack Lab and Workshop Lessons

PreCodeCamp Learning

Level

Course content

Course Description