Learn HTML and CSS from Scratch Build Responsive Websites

Learn HTML and CSS from Scratch – Build Responsive Websites, available at $59.99, has an average rating of 4.05, with 97 lectures, based on 249 reviews, and has 7005 subscribers.

You will learn about Build responsive websites HTML – Basic to Advance level CSS – Basic to Advance level Flexbox & Grid Layouts CSS Transition, Animation, Overlays & More Responsive (Mobile friendly) web design to support any device Website Hosting & Deployment Website Optimization Start your career as a Web Developer This course is ideal for individuals who are Anyone who wants to learn to build and design a website! It is particularly useful for Anyone who wants to learn to build and design a website!.

Enroll now: Learn HTML and CSS from Scratch – Build Responsive Websites

Summary

Title: Learn HTML and CSS from Scratch – Build Responsive Websites

Price: $59.99

Average Rating: 4.05

Number of Lectures: 97

Number of Published Lectures: 97

Number of Curriculum Items: 97

Number of Published Curriculum Objects: 97

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Build responsive websites

HTML – Basic to Advance level

CSS – Basic to Advance level

Flexbox & Grid Layouts

CSS Transition, Animation, Overlays & More

Responsive (Mobile friendly) web design to support any device

Website Hosting & Deployment

Website Optimization

Start your career as a Web Developer

Who Should Attend

Anyone who wants to learn to build and design a website!

Target Audiences

Anyone who wants to learn to build and design a website!

*** Here’s why this course is one of the Best Seller HTML and CSS courses on Udemy ***

6.5k+ students, 4.6+ rating – Let’s start with what students have to say after taking this course:

“Great learning curve. The order in which the lessons are presented makes perfect sense and everything is explained really well, without getting boring or repetitive. The tutor has a friendly voice and calm way of speaking and doesn’t distract you with nonsense.”

– Dennis Ernst

“Brilliant! He goes over the basics slowly, he’s easy to understand, has a pleasant delivery, and doesn’t give advanced details before the basics like the other course I tried.”

– Joanne Cobbs

“Nice course! Well Presented, good structure, and lots of good practical information to get you building a nice website.”

– Richard Lespierre

“Good teaching methodology has inspired me to achieve good skills . Now I am able to make my own websites and resources and video lectures made easy to make creating responsive website”

– Yogesh Kumar Kashyap

This course has been designed keeping a learner in mind who should be able to build modern responsive websites that look good on all devices (desktop, tablet, phone). It’s a detailed, well-structured and easy-to-follow course on HTML and CSS with lots of examples, practical exercises and responsive website projects.

So, if you want to create modern responsive websites and start your career as a Web Developer but have no coding experience, then this course is for you! In this course, you’ll learn to build beautiful websites using the latest HTML5 and CSS3. HTML5 and CSS3 are two essential languages for a new web developer to learn. Using HTML, we can add content to the webpage and using CSS, we can style it to make it look beautiful and stunning.

These are also easy languages but the real challenges come when you want to actually design the website like you want. This course introduces you to those initial challenges and how to solve them with live demo, practical examples and projects (with solutions).

All this will help you gain confidence and learn quickly.

This course is designed for beginners but can be taken by anyone as it’s detailed and comprehensive. It goes from basic to advance level with in-depth explanation. So, you start as a beginner but by the end of this course, you’ll become an expert in HTML5 and CSS3.

On top of that, you’ll get 1:1 instructor support. So, feel free to ask your questions/doubts as you learn!

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Course Introduction

Chapter 2: Introduction to HTML

Lecture 1: Introduction to HTML

Lecture 2: HTML Basic Page Structure

Lecture 3: Where to write code – Text Editors

Lecture 4: HTML Elements and Tags

Lecture 5: HTML Heading and Paragraph

Lecture 6: HTML Semantic Elements

Lecture 7: Wrapping Up!

Chapter 3: HTML – Advance

Lecture 1: The Div Element

Lecture 2: HTML Attributes

Lecture 3: Adding Lists

Lecture 4: Adding Images

Lecture 5: Adding Hyperlinks

Lecture 6: Adding Tables

Lecture 7: HTML Inline and Block Elements

Lecture 8: Adding Comments

Lecture 9: HTML Iframes

Lecture 10: HTML Forms – Part I

Lecture 11: HTML Forms – Part II

Chapter 4: HTML Audio and Video

Lecture 1: HTML Audio

Lecture 2: HTML Video

Chapter 5: Project – Lets Start Coding Our First Website!

Lecture 1: Lets Start Coding Our First Website!

Chapter 6: Introduction to CSS

Lecture 1: Implementing CSS

Lecture 2: CSS Selectors

Lecture 3: CSS Class and Id

Lecture 4: CSS Text Properties

Lecture 5: CSS Colors

Lecture 6: The Box Model

Lecture 7: CSS Margin, Padding and Border

Lecture 8: CSS measuring units

Lecture 9: CSS Background

Lecture 10: CSS Display

Lecture 11: CSS Float

Lecture 12: CSS Clear

Lecture 13: Project – Lets Design a Custom Layout!

Chapter 7: CSS – Advance

Lecture 1: CSS Position

Lecture 2: CSS Advance Selectors

Lecture 3: CSS Pseudo Classes and Pseudo Elements

Lecture 4: CSS Gradients

Lecture 5: Project – Lets design a Gradient effect!

Lecture 6: Box Shadow

Lecture 7: CSS Border-radius

Lecture 8: CSS Transform 2D

Lecture 9: CSS Transform 3D

Lecture 10: CSS Transition

Lecture 11: Live Server Setup

Lecture 12: Adding Icons

Lecture 13: Additional Fonts

Lecture 14: Code Faster Using Emmet

Chapter 8: CSS Animation

Lecture 1: Introduction to Animation

Lecture 2: Keyframes & Properties 01

Lecture 3: Keyframes & Properties 02

Lecture 4: Project: Lets Add Some Cool Animation Effects

Chapter 9: Responsive (Mobile Friendly) Layout

Lecture 1: Introduction to Responsive Layout

Lecture 2: Setting the Viewport

Lecture 3: Media Queries

Chapter 10: Intoduction to Flexbox

Lecture 1: Flexbox Part 01

Lecture 2: Flexbox Part 02

Lecture 3: Lets redesign our layout using Flexbox

Chapter 11: Advance Layouts with Grid

Lecture 1: Grid Layout Part 01

Lecture 2: Grid Layout Part 02

Lecture 3: Grid Layout Part 03

Lecture 4: Project: Lets Design a Layout Using Grid

Chapter 12: Project – Services Website

Lecture 1: Services Website [1] – Showcase Header & Navigation Menu

Lecture 2: Services Website [2] – Sections & Footer

Lecture 3: Services Website [3] – Making Website Responsive

Lecture 4: Services Website [4] – Services, Contact Us page & Contact Form

Lecture 5: Services Website [5] – Adding the Favicon

Chapter 13: Website Deployment – Shared Hosting

Lecture 1: Introduction to Website Deployment

Lecture 2: Types of Web Hosting

Lecture 3: Shared Hosting Setup

Lecture 4: Upload Your Site via FTP

Lecture 5: Installing SSL Certificate

Lecture 6: Email Account Setup

Lecture 7: Domain Name Registration

Lecture 8: BONUS Lecture: Collect Form Data (PHP script)

Lecture 9: Wrapping Up

Chapter 14: Optimizing Website for Speed

Lecture 1: Why Speed Matters

Lecture 2: Optimization Step #1

Lecture 3: Optimization Step #2

Lecture 4: Optimization Step #3

Chapter 15: Project 2 – Portfolio Website

Lecture 1: Portfolio Website [01] – Introduction to the Project

Lecture 2: Portfolio Website [02] – Getting Started

Lecture 3: Portfolio Website [03] – Header I

Lecture 4: Portfolio Website [04] – Header II

Instructors

Himanshu Verma
Data Analyst, Web Developer & Instructor

Rating Distribution

1 stars: 1 votes

2 stars: 5 votes

3 stars: 20 votes

4 stars: 102 votes

5 stars: 121 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!