codedamn logo
codedamn
Course image for Learn HTML and CSS
Free preview before enrolling

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.

5 hours+ of total content
4.7
2,760 ratings
15,632 students enrolled
Course Creator: Team codedamn

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

57 lectures 05:41:22 total duration

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

Student feedback

4.7
Course Rating

80%

15%

3%

1%

1%

Reviews

profile pic for Sayyam Jain
Nov 28, 2022
The Course is really great, every concept is being taught in a practical manner along with the practice lab not like some kind of a lecture which just goes through the stuff.
profile pic for Shankar Chakraborthy
Nov 28, 2022
fun and exciting
profile pic for Petros Devrikis
Nov 28, 2022
Interesting course.
profile pic for Parveen Kumar
Nov 28, 2022
Excellent understanding good
profile pic for Deepak
Nov 28, 2022
the user interface for doing tasks looks some what messy, you can keep the task after the video separately rather than including them.

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 (7-day free refund)