codedamn logo
codedamn
Course image for Learn HTML and CSS

Learn HTML and CSS

HTML5 and CSS3 is the modern syntax used to build webpages. In this course we will learn how to use HTML and CSS from scratch and build awesome websites.

6 hours+ of total content
4.7
2286 ratings
12644 students enrolled
Course Creator: Team codedamn

Hang on...

 

Heads up!

This is an official course from Full Stack Web Developer Learning Path learning path.

Goals

  • HTML and CSS fundamentals - why they're needed and how to get started
  • Common tags and operations with HTML and CSS
  • Basic styling and layouts in CSS3
  • Projects, exercises, labs and common questions you'll face while learning other topics

Description

You'll learn the fundamentals of HTML and CSS, and then get a chance to build some pretty awesome webpages and projects.

You'll build webpages from scratch in our interactive playground exercises, and learn how to use CSS to style those pages so that they look even better. If you have a great idea for a webpage, but don't necessarily know how to build it, you'll learn from this course how to bring that idea to life.

This course is appropriate even if you've never designed anything in your life. We'll go over all the basics of how to design pages, but also make sure that you're comfortable with the more advanced CSS3 properties so that you can continue to build on top of what you've learned. And if you've built some awesome pages already, great! This course will ensure that you have all the fundamentals you'll need to keep building awesome stuff.

Contents and Overview

This course is divided into 3 major parts, as follows:

Part 1: Getting Started with HTML5 and CSS3

In this video, we'll go over what HTML and CSS are and how they fit into the web design process. You'll learn the basics of writing and styling webpages.

Part 2: Labs and exercises

All along the way, we will be solidifying whatever we're learning through tons of practice in our in-browser IDE and make our way from there.

Part 3: Simple projects

You will need to create simple projects based on user stories and pass the assignment checks. When you do, you can move on to the next item.

By the end of this course, you'll have the knowledge to be able to build your own fully functioning web pages using HTML5 and CSS3.

Course Structure

61 lectures 06:01:22 total duration

  Introduction (Watch video)
01:30
  How to use Codedamn (Practice concept)
07:07
  How to use VSCode (Watch video)
05:13
  First HTML Page (Watch video)
05:25
  Comments in HTML (Practice concept)
05:00
  HTML Tags (Watch video)
04:10
  Say Hello to HTML Elements. (Practice concept)
09:41
  Headline with the h2 Element (Practice concept)
05:00
  Block-level and inline tags in HTML (Practice concept)
12:31
  Anchor Tag (Practice concept)
08:57
  Why HTML tags exist? (Watch video)
03:29
  Image (img) tag (Watch video)
05:39
  Video (video) tag (Watch video)
05:49
  Table (table) tag (Watch video)
04:46
  Create a Text Field (Practice concept)
15:00
  Add Placeholder Text to a Text Field (Practice concept)
05:00
  Declare the Doctype of an HTML Document (Practice concept)
10:24
  Define the Head and Body of an HTML Document (Practice concept)
05:00
  HTML basics done! (Watch video)
02:16

Student feedback

4.7
Course Rating

80%

15%

3%

1%

1%

Reviews

profile pic for Animesh Saraswat
Aug 09, 2022
I like the structure of this course
profile pic for Oludare Samuel Ilesanmi
Aug 08, 2022
The HTML challenges are specific and informative. I love how VScode shorthand and shortcuts work within the program, they really help my efficiency.
profile pic for Misael Mendez
Aug 08, 2022
Good information on the html basics.
profile pic for Jeevan Adhikari
Aug 08, 2022
This course is very helpful.

Your Course Instructor

Course Instructor Image

Team codedamn

Official courses from codedamn team

Hi! We're team codedamn - and we are developers, creators, designers building the best interactive programming courses on the planet. Sign up for a free account on codedamn to stay in touch.

Upgrade to codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)