Sharing Is Caring:

Learn HTML & CSS: How To Start Your Web Development Career

Learn HTML & CSS To Jump Start Your Career In Web Development

  • Free tutorial
  • Rating: 4.3 out of 54.3 (3,413 ratings)
  • 76,016 students
  • 4hr 30min of on-demand video
  • Created by Michael Bowen
  • English

What you’ll learn

  • Make Any Website Responsive & Mobile Friendly
  • Create Your Own HTML & CSS Websites From Scratch & Host Them For Free
  • Impress Employers With The BBC Website Clone You Will Make In The Course Project


  • Internet Access
  • Google Chrome Browser


UPDATE: This course is completely updated and current as of February 2017.


Creating a career in development has been the best choice I’ve made in life so far. 

It has allowed me to be geek and get paid making awesome apps that help people.

There is an abundant number of tech jobs in every major city, so you can live in a lot of cool places.

The average web developer makes around $76k a year.

A lot of tech companies allow their employees to work remotely.

Needless to say, this industry has been great to me 🙂

And I want you to experience that too.

The course is split into 4 easy to follow sections:

1.) HTML Section

2.) CSS Section

3.) Code Challenge Final

4.) Course Project

Read Also -->   SEO - The Complete SEO Course Beginners to Advanced 2023

In the HTML and CSS sections you create websites using HTML and CSS.

Add these websites to boost your resume for job interviews.

There are numerous code challenges to practice what you learn, as well as quizzes to make sure you know what you have learned.

In the code challenge final you build a responsive website for a mobile device.

In the course project you build a clone of the UK BBC news website and host it on Github for potential employers to see. This is how I got my first job interview as a web developer!

By the end of this course you will have everything you need to land a web developer job.

Got questions?

I am with you every step of the way.

If you have a bug you can’t figure out, post your code in the discussion tab and I will take a look at it for you.

Remember, I want you to be successful.

The web development industry is growing at an exponential rate. Don’t get left behind!

This course is free.

What excuse do you have to not take this course then? 🙂

Join Now!

Onward to success and freedom!

Who this course is for:

  • Entrepreneurs
  • Beginner Programmers
  • People Seeking A New Career In Web Development
  • Web Designers Who Want To Implement Their Designs

Show less

Course content

6 sections • 60 lectures • 4h 32m total lengthCollapse all sections

Your Coding Environment: Already Set Up For You – No Work Needed!1 lecture • 2min

  • How To Sign Up For Codepen For Free – The Only Tool Needed In This Course01:42

Web Development Pillar #1: HTML – Learn The Foundation Of The Entire Internet23 lectures • 1hr 26min

  • Learn What HTML (Hyper Text Markup Language) Really Is & How To Create Websites03:08
  • Learn The Correct Structure Of A HTML Webpage – MOST PROGRAMMERS GET THIS WRONG!04:21
  • Create Your First Website From Scratch – A Blog Post About Your Favorite Cakes03:36
  • Learn The Secret On How To Instantly Increase Your Website Usability With Lists03:07
  • Web Development Code Challenge #1: You Create A Website About Your Favorite Cars01:11
  • Web Development Code Challenge #1 Solution & WalkThrough03:59
  • How To Make Your Website Text Enticing To Your Visitors By Using Inline Tags02:51
  • How To Use Void Tags – They Aren’t Like Regular HTML Tags!03:30
  • Learn To Use HTML Attributes In Your HTML Tags To Increase Website Functionality02:02
  • How To Use Proper HTML Classes To Organize & Prepare Your HTML Code For CSS05:48
  • How To Use Proper HTML IDs To Organize & Prepare Your HTML Code For CSS02:40
  • Learn HTML Quiz – Make Sure You Have A Strong HTML Foundation Before Moving On5 questions
  • How To Use Images To Create Better Content For Your Websites06:09
  • Instantly Increase Your Website Usability and SEO Rankings With Links04:57
  • Web Development Code Challenge #2: You Create A Website For Your Selfies02:15
  • Web Development Code Challenge #2 Solution & WalkThrough04:52
  • How To Use HTML Forms To Grab Input From Your Users & Create Mailing Lists04:57
  • Learn To Use HTML Tables To Display Information & Data To Your Website Visitors04:58
  • How To Use HTML5 Semantic Tags To Organize Your HTML Code07:19
  • Web Development Code Challenge #3: You Create A Mailing List Opt-In01:11
  • Web Development Code Challenge #3 Solution & WalkThrough12:00
  • HTML Key Takeaways & Cheatsheet – Print This & Post It On Your Wall00:18
  • HTML Final: Make Sure You Understand Proper Naming For HTML Classes & IDs00:25
  • HTML Documentation Resources For Further Examples And Clarification00:02
Read Also -->   Ex-NSA hacker tells us how to get into hacking!

Web Development Pillar #2: CSS – How To Make Your Websites Look Professional20 lectures • 1hr 13min

  • Learn What CSS (Cascading Style Sheets) Really Is & How To Apply It To Your HTML02:57
  • How To Properly Use CSS Classes & IDs To Style Your HTML Code – GET THIS RIGHT07:08
  • Learn To Implement The Mysterious CSS Div – The Foundation Of CSS Webpage Styles04:34
  • Learn CSS Hierarchy & How To Grasp The Power Of CSS Specificity In Your Styles03:54
  • Learn How To Make Your Website Content Even More Enticing With CSS Text Styles04:07
  • Web Development Code Challenge #4: Align Me Correctly00:51
  • Web Development Code Challenge #4 Solution & WalkThrough04:30
  • How To Use Different CSS Measurements To Scale Fonts, Images, & Other Elements04:58
  • Learn All About CSS Boxes – Margin, Padding, Border, Height, & Width04:42
  • How To Make Your Webpage Flow Smoothly To The Eye Using CSS Document Flow05:47
  • Web Development Code Challenge #5: Boxes In Boxes00:51
  • Web Development Code Challenge #5 Solution & Walkthrough05:58
  • How To Position Any Element AnyWhere On The Page Using CSS Positioning06:57
  • CSS Boxes Quiz – Make Sure You Understand Margin, Positioning & Measurements5 questions
  • Web Development Code Challenge #6: Float Like A Butterfly, Position Like A King00:25
  • Web Development Code Challenge #6 Solution & WalkThrough05:36
  • How To Make Your Website Viewable Across All Modern Browsers Using CSS Resets02:08
  • How To Make Your Website Responsive For Mobile Devices Using Media Queries05:47
  • Learn How To Use CSS Frameworks To Quickly Development & Scale Your Websites01:38
  • CSS Key Takeaways & Cheatsheet – Print This & Post It On Your Wall00:24
  • CSS Documentation Resources For Further Examples And Clarification00:03
Read Also -->   30 Top Tips on Time Management

Final Web Development Code Challenge – Add This Website To Your Resume4 lectures • 41min

  • Web Dev Code Challenge Final: Create A Responsive Mobile Website From Scratch03:08
  • Web Dev Code Challenge Final Solution & Walkthrough Part 112:49
  • Web Dev Code Challenge Final Solution & Walkthrough Part 212:19
  • Web Dev Code Challenge Final Solution & Walkthrough Part 312:17

Web Development Course Project: You Create a Clone By Hand From Scratch11 lectures • 1hr 10min

  • Intro To the Course Project: Clone The UK BBC Website By Hand02:05
  • How To Create The Skeleton For the Website From Scratch12:03
  • How To Recreate The Top Navigation Bar15:47
  • Recreating The Top Navigation Bar Part 206:08
  • How To Recreate The News Header Bar Section01:46
  • How To Recreate The Category Navigation Bar05:05
  • How To Recreate The Location Navigation Bar06:55
  • How To Recreate The Location Navigation Bar Part 201:34
  • How To Recreate The Content Section05:38
  • How To Recreate The Media Sidebar05:00
  • How To Host Your BBC Clone Project To Github For Employers To See for FREE!08:27

Web Development Course Conclusion – Congratulations!1 lecture • 1min

  • Where To Go From Here01:23

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock