HTML5 & CSS3 - Project Based Learning

person icon YouAccel

HTML5 & CSS3 - Project Based Learning

Learn HTML, CSS, Flexbox, and CSS Grid by Building a Professional Website

updated on icon Updated on Oct, 2023

language icon Language - English

person icon YouAccel

architecture icon Development,Web Development,HTML & CSS

Lectures -57

Resources -1

Duration -8.5 hours


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

This course is 100% project driven and teaches you how to build a professional website WHILE teaching the core HTML and CSS concepts along the way.

Hi and welcome to the HTML5 & CSS Professional Development course, where we'll walk through the same course I teach code bootcamp students around the world. My name is Jordan Hudgens, and I'll be your instructor for the course. In addition to being the lead instructor for devCamp I've also been building web applications for over a decade for organizations such as Eventbrite and Quip.

In this course, you're going to learn all of the key skills that you're going to need in order to start building out professional websites. Before building this new course out, I interviewed hiring managers at companies around the world and asked them what HTML/CSS skills they expected developers to know and that's how I came up with the list of concepts that you're going to learn.

Some of the skills that you're going to learn are going to be:

  • HTML5
  • CSS3
  • Flexbox
  • CSS Grid
  • Animations
  • Media queries for building responsive layouts from scratch
  • CSS Selectors
  • Navigation
  • Fonts
  • Forms
  • How to integrate and style images
  • Front end development best practices
  • And much more!

As we go through the course material, you'll notice that I'm going to teach you my own process that I use whenever I'm building out a website.

My goal for this entire course isn't just to teach you how to build a single website, but instead my goal is to be able to leverage this project build that we're going to put together, teach you the fundamentals as we implement every single feature, and then by the end of it, you're not just going to be able to build the single website and follow along with what I do, but you'll be able to build any type of website.

There are no technical prerequisites for going through this course. This is the perfect course to go through if you want to learn how to build websites completely from scratch.

The ideal student is someone who is dedicated, wants to learn, and also wants to learn how to build websites using the most modern and up to date technologies. So, thank you for spending the time and going through this material, and good luck with the coding.

Who this course is for:

  • Anyone interested in learning what it takes to build websites with HTML and CSS
HTML5 & CSS3 - Project Based Learning


Check out the detailed breakdown of what’s inside the course

Section 1: Course Introduction and Source Materials
4 Lectures
  • play icon HTML, CSS, Flexbox and CSS Grid Course Introduction 02:01 02:01
  • play icon What are HTML and CSS 06:08 06:08
  • play icon The Website We're Going to Build in the HTML/CSS Course 04:46 04:46
  • play icon Project Files
Section 2: HTML and CSS Basics
6 Lectures
Section 3: Flexbox, CSS Grid, Animations, and Images
24 Lectures
Section 4: Transforming Image Styles, Box Layouts, and Content Integration
6 Lectures
Section 5: Lists, Anchor Tags and Pseudo Elements
4 Lectures
Section 6: HTML Forms
9 Lectures
Section 7: CSS Media Queries
3 Lectures

Instructor Details



YouAccel's Mission is to facilitate a comprehensive online learning environment for students.

YouAccel is a leading provider in online training, offering courses across numerous industries from IT and Development to Business, Marketing, Design, and Productivity.

The e-learning experience provided by YouAccel is Dynamic. Each course is streamed in High Definition with corresponding assignments, quizzes, and exams that are delivered and graded electronically. All YouAccel courses are taught by certified educators that have numerous years of work experience in the field for which they provide instruction.

The courses can be taken at one's own pace and are offered at several levels including beginner, intermediate and advanced. Online courses are also compatible with any mobile device for the ultimate in convenience.

Taking the experience to a new personalized level, live communication with instructors is available through Tutorial Point's online messaging console. All courses come with a certificate of completion and no age restrictions apply.

YouAccel strongly believes that the future of online learning will be through open community based initiatives, where everyone’s voice is equally heard. This is exactly what YouAccel strives to achieve – an inclusive environment for all students and passionate learners.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best


Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us