Master HTML and CSS by building real world projects

Master HTML and CSS by building real world projects, available at $79.99, has an average rating of 4.76, with 144 lectures, 8 quizzes, based on 468 reviews, and has 13872 subscribers.

You will learn about Design real-world and responsive websites Basics to advanced HTML including Web accessibility CSS Advanced Layout including flex, grid layout Advanced CSS including Specificity calculation, BEM Architecture How to design e-commerce and blog website Best practices for coding Essential extensions for saving time This course is ideal for individuals who are All Level or Very friendly for Beginners or Anyone who wants to be a web designer / web developer It is particularly useful for All Level or Very friendly for Beginners or Anyone who wants to be a web designer / web developer.

Enroll now: Master HTML and CSS by building real world projects

Summary

Title: Master HTML and CSS by building real world projects

Price: $79.99

Average Rating: 4.76

Number of Lectures: 144

Number of Quizzes: 8

Number of Published Lectures: 144

Number of Published Quizzes: 8

Number of Curriculum Items: 152

Number of Published Curriculum Objects: 152

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Design real-world and responsive websites
Basics to advanced HTML including Web accessibility
CSS Advanced Layout including flex, grid layout
Advanced CSS including Specificity calculation, BEM Architecture
How to design e-commerce and blog website
Best practices for coding
Essential extensions for saving time

Who Should Attend

All Level
Very friendly for Beginners
Anyone who wants to be a web designer / web developer

Target Audiences

All Level
Very friendly for Beginners
Anyone who wants to be a web designer / web developer

Requirements

Basic computer skills

A detailed effective course on HTML & CSS for beginners or even students with intermediate HTML & CSS knowledge. You will have all the real-life experience you should have when starting your journey to become a software developer or web developer.

Is this course suitable for you?

Yes, If you already know the basics of computers, you can start this course. If you are interested in learning HTML and CSS, you can start your journey with this course. This course will also help if someone wants to build real-world projects such as e-commerce and blog projects to improve their skills.

What makes this course special?

In this course, I have spent a lot of time on the theoretical explanation, which will support you in understanding the practical implementations of many topics easily. I have added many challenges for you so that you can test your learning immediately after completing a lecture. You will learn about many extensions, saving 50% of the time when coding. This course will make sure to make you advance in this field.

What are some of the course highlights?

There are so many exciting features covered in this one course; you will be blown away by excitement and joy. Here are some of the exciting features you will learn about HTML & CSS:

HTML Typography
HTML Lists, Link, Media
HTML Table, Form
Web Accessibility
CSS Selectors, combinators
CSS Box Model
CSS Layout design – float, positioning, flex, grid
CSS Responsive Web Design (RWD)
CSS Transform, Transition, Animation
CSS BEM Architecture
Blog Project
E-commerce Project

Course Curriculum

Chapter 1: HTML5 (Basics)

Lecture 1: Environment setup – Visual Studio Code

Lecture 2: Markdown Language

Lecture 3: What is HTML? Why HTML?

Lecture 4: HTML Tags & their types

Lecture 5: HTML Attributes

Lecture 6: Basic Structure of HTML File

Lecture 7: Head Tag's Basic Usage

Lecture 8: Head Tag's Advanced Usage & SEO Checking

Lecture 9: How To Validate HTML File

Lecture 10: HTML Comments

Lecture 11: HTML Headings

Lecture 12: HTML Line Break & Paragraph

Lecture 13: HTML Text Formatting Tags

Lecture 14: HTML Entity & Symbol

Lecture 15: Font Awesome Icon & Icon Font Extension

Lecture 16: HTML List (Part-1)

Lecture 17: HTML List (Part-2)

Lecture 18: HTML List (Part-3)

Lecture 19: HTML List (Part-4) Description List

Lecture 20: HTML Link

Lecture 21: How To Create Clickable Icon

Lecture 22: How To Add Image

Lecture 23: How To Get Images From Unsplash

Lecture 24: How To Host Image On Server

Lecture 25: How To Add A Map Using iframe

Chapter 2: HTML5 (Advanced)

Lecture 1: How To Add Any Website Using iframe

Lecture 2: How To Add A YouTube Video Using iframe

Lecture 3: How to Add Audio & Video

Lecture 4: HTML Table

Lecture 5: HTML Form (Part-1) – Basic Form

Lecture 6: HTML Form (Part-2) – Accessible Form

Lecture 7: HTML Form (Part-3) – Radio Button, Text Area

Lecture 8: Send Form Data To Email Address

Lecture 9: Web Accessibility (Part-1) – Testing Web Accessibility

Lecture 10: Web Accessibility (Part-2) – Semantic vs Non-Semantic HTML

Lecture 11: Web Accessibility (Part-3)

Lecture 12: Web Accessibility (Part-4) – role, aria-label

Chapter 3: CSS (Basics)

Lecture 1: CSS Module Outline

Lecture 2: Why CSS? CSS Rules Syntax

Lecture 3: Inline CSS

Lecture 4: Internal CSS

Lecture 5: External CSS

Lecture 6: CSS Selectors & Combinators

Lecture 7: Element & Grouping Selectors

Lecture 8: Nested & Universal Selectors

Lecture 9: ID Selectors

Lecture 10: Class Selectors

Lecture 11: HTML To CSS Auto Completion extension

Lecture 12: Attribute Selectors

Lecture 13: Pseudo class & Pseudo element Selector

Lecture 14: Descendant, Child, Adjacent & general sibling Selectors

Lecture 15: Typography | Font Properties

Lecture 16: Typography | How to add google font

Lecture 17: Typography | How to add color

Lecture 18: Typography | How to format Text

Lecture 19: Box Model | Content, Padding

Lecture 20: Box Model | border, Margin

Lecture 21: box-sizing properties

Lecture 22: Typography | How to add & style icons

Lecture 23: inline vs inline-block vs block elements

Lecture 24: width vs max-width properties

Lecture 25: opacity & overflow properties

Lecture 26: background properties

Chapter 4: CSS (Advanced)

Lecture 1: Variables & Filter

Lecture 2: shadows & card design

Lecture 3: Layout design – float

Lecture 4: Layout design – Positioning

Lecture 5: Layout design – fixed navbar & z-index

Lecture 6: layout design – without flex layout

Lecture 7: layout design – with flex layout

Lecture 8: layout design – (Task 1)

Lecture 9: layout design – flex item

Lecture 10: layout design – (Task 2 & Task 3)

Lecture 11: layout design – (Task 4)

Lecture 12: Layout design – CSS FlexBox cheatsheet

Lecture 13: Layout design – Grid layout and refactoring codes

Lecture 14: Layout design – flex layout again

Lecture 15: Layout design – Grid Layout example

Lecture 16: Layout design – grid item

Lecture 17: Responsive web design – basics

Lecture 18: Responsive web design – media query

Lecture 19: Responsive web design – final part

Lecture 20: how to create circle

Lecture 21: Transition property

Lecture 22: Transition (Task 6)

Lecture 23: Transform property part-1

Lecture 24: Transform property part-2 (Task 7)

Lecture 25: Animation part-1

Lecture 26: Create a circle (Task 8)

Instructors

Anisul Islam
Fullstack instructor at Udemy

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 17 votes
4 stars: 123 votes
5 stars: 327 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu