Udemy

Web Project Workshop: 20+ HTML & CSS Websites in Action

Enroll Now
  • 9,652 Students
  • Updated 9/2025
4.3
(72 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 38 Minute(s)
Language
English
Taught by
Andrew Tyranowski
Rating
4.3
(72 Ratings)
2 views

Course Overview

Web Project Workshop: 20+ HTML & CSS Websites in Action

Master HTML & CSS with 20+ Real Web Projects

Learning HTML and CSS doesn’t have to mean sitting through hours of dry theory or building full websites from scratch. In Web Project Workshop: HTML & CSS in Action, you’ll take a hands-on, beginner-friendly journey by creating fun, focused web projects that teach you real skills - fast.

This is a creative, project-based course designed to make learning web development both practical and enjoyable. Rather than diving into complex tools or frameworks, you’ll stick to the essentials - HTML5 and CSS3 - while building interactive mini-projects like a digital credit card, blog post card, contact form, FAQ section, recipe layout, login/register form, and more.

Each project focuses on a specific concept - from layout and form handling to responsive design, text styling, and animation - giving you the building blocks to create beautiful, functional interfaces. You’ll gain confidence with tools like Flexbox, Grid, custom fonts, icons, and transitions, while building a portfolio of creative, bite-sized web elements.

By the end of the course, you won’t just know how HTML and CSS work - you’ll have a solid set of projects to show for it, and the confidence to start creating your own web experiences from scratch.

Whether you're an aspiring developer, designer, or just curious about front-end coding, this course will help you learn by doing - the most effective (and fun) way to master the basics.

Course Content

  • 10 section(s)
  • 70 lecture(s)
  • Section 1 Introduction
  • Section 2 Visual Studio Code Configuration
  • Section 3 Source code
  • Section 4 Student Card
  • Section 5 Links Page
  • Section 6 Blog Post Card
  • Section 7 Timeline
  • Section 8 Newsletter Subscription
  • Section 9 Recipe
  • Section 10 Poetry layout

What You’ll Learn

  • Build and style responsive web elements using HTML5 and CSS3.
  • Understand core layout techniques using Flexbox and CSS Grid.
  • Create interactive UI components like forms, cards, and faq accordions.
  • Develop a portfolio of creative web projects to showcase HTML & CSS skills.


Reviews

  • B
    Balogun Oluwatobi John
    5.0

    An awesome project based tutorial that helps you reinforce and better understand how html elements should be structured and how to use CSS to style them.

  • u
    uwase nadjiat
    4.0

    it was great i had fun coding

  • K
    Kwaku Asante Opoku
    4.0

    Informative.

  • O
    Ogor Emmanuel
    5.0

    This course is excellent for those who already understand html and css. It helps in building real projects related to the subject

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed