Web Development


HTML, CSS and JavaScript - Complete Guide For Beginners

This is a complete guide for web development beginners interested in learning HTML, CSS, & JavaScript ( JS ).


12 hours


Jun 2021

Last Update
Regular Price

Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses

What you will learn

You will have a basic understanding of HTML

We will improve our knowledge step by step by learning the basics of CSS

We will learn to place pages in the easiest way by talking about all layout models in CSS

Create a beautiful, responsive landing page for any one

It will be much easier to prepare web pages with Grid CSS and Flexbox features

What is conditional statements (if else, switch case, ternary operator), how to use

What is loops (for loops, while loops, continue and break statements), how to use them

How to write Functions, what are the differences between Function Decleration and Function Expression

How to create Arrays, Array methods (push, pop, shift, unshift ...), Array iteration

How to create objects, how to update them, object methods

You will learn to use basic tags which are used commonly

Learn the difference in usage between block level and inline elements in HTML

By learning the use of HTML table, you will be able to create different designs of your own


Hello there,

Welcome to the HTML, CSS and JavaScript - Complete Guide For Beginners course.

This course will be your gateway to learn web design with HTML5, CSS3 with a step-by-step approach.  We can assure you that only this course will enough for you to learn HTML and CSS from scratch to intermediate.

HTML stands for HyperText Markup Language, which is the biggest markup language used to display web pages on the Internet. In other words, web pages are composed of HTML, which is used to display text, images, or other resources through a web browser.

HTML is the basic building block of the web and actually isn’t a technical programming language. It is responsible for the structure of the website.

JavaScript is the number one programming language for internet applications. The basics of JavaScript are dealt with in detail and students are provided to test what they have learned with code quizzes prepared for each subject.

During our course, you will be informed about the basics of JavaScript in detail and how to solve problems.

Here's how a JavaScript code works, not just how it works. Because in today's JavaScript world, besides writing a code, you need to know how to debug this topic and be able to read every written JavaScript code.

The most important feature that distinguishes this course from the others is that it deals with the most basic issues about JavaScript in detail and helps students to put what they have learned in theory into practice.

In this course, we will start with HTML, which is the basis of web development and then we will continue to learn CSS and final learn JavaScript.

This course will take you from a beginner to a more experienced level. You will learn HTML5, CSS3 and JavaScript step by step with hands-on examples.

In this course you will learn;

  • To create static HTML sites,

  • To create a beautiful, responsive landing page for anyone,

  • You will learn to use basic tags which are used commonly,

  • You will be able to prepare lists in different formats,

  • The difference in usage between block-level and inline elements in HTML,

  • The uses of HTML table, and by learning this you will be able to create different designs of your own,

  • To able to create commonly used user login and registration pages by learning the form structure,

  • And improve your knowledge step by step by learning the basics of CSS

  • To place pages in the easiest way by talking about all layout models in CSS.

  • To prepare web pages with Grid CSS and Flexbox features.

  • How you can operate on variables,

  • Boolean logic,

  • How to create a conditional statement,

  • How you can perform transactions with Loops,

  • How a function is created and why it needs arguments,

  • How Arrays and Objects, which are basic data structures, are created,

  • How DOM Manipulation is done,

  • You will have learned and have the opportunity to test what you have learned with the code quizzes in our course.

No prior knowledge is needed!

Why would you want to take this course? 

Our answer is simple: The quality of teaching.

When you enroll, you will feel our seasoned instructors' expertise. 

Video and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

  • Lifetime Access to The Course

  • Fast & Friendly Support in the Q&A section

  • Udemy Certificate of Completion Ready for Download

Dive in now HTML, CSS and JavaScript - Complete Guide For Beginners course

We offer full support, answering any questions.

See you in the course!


HTML, CSS and JavaScript - Complete Guide For Beginners
HTML, CSS and JavaScript - Complete Guide For Beginners
HTML, CSS and JavaScript - Complete Guide For Beginners
HTML, CSS and JavaScript - Complete Guide For Beginners



What is Internet and HTML ?

Basic Tags

Images and Attributes


List Example

Block Level - Inline Elements

Let's Learn More Complex Topics in HTML


Table Example


Forms Example


CSS Basics

CSS Colors

Background and Border


Intermadiate CSS

Text and Fonts

Debugging in CSS

Box Model

CSS Position

CSS Float

Display Property

Box-Model Practice

Float-Layout Practice


Media Queries

Flexbox and Grid For CSS

Flexbox Introduction

Flexbox Properties 1

Flexbox Properties 2

Flexbox Properties 3

Grid CSS Intro

Grid CSS

Grid CSS - 2

Grid CSS - 3

Grid CSS - 4

Grid CSS - 5

Grid and Flexbox Project

Grid and Flexbox Project - 2

Grid and Flexbox Project - 3

Grid and Flexbox Project - 4


Introduction to JavaScript

Setup Visual Studio Code

Adding js File

Language Basics

Variables and Data Types

Type Coercion

Variable Mutation

Basic Operators

Boolean Logic

Logical Operators

Conditional Statements

Conditional Statements

Code Quiz 1 Solution

Ternary Operator

Switch, Case Statements

Code Quiz 2

Code Quiz 2 Solution


Introduction to Loops

While Loops

While Loops Quiz

While Loops Quiz Solution

for Loops

for Loops Quiz Solution

Continue and Break Statements


Introduction to Functions

Function Decleration

Function with Arguments

Function return

Function Expression

Function Quiz

Function Quiz Solution

Function Scope


Introduction to Arrays

Array Features

Array Methods

Array Quiz

Array Quiz Solution

Array Iteration

Array Iteration Quiz

Array Iteration Quiz Solution


Introduction to Objects

Object Update

Complex Data Structures

Object Quiz

Object Quiz Solution

Object Methods

this Keyword


Introduction to DOM

What is DOM

Select and Change

Select Methods

Manipulation Methods

innerHTML and textContext

Attribute Manipulation

Event Handlers

Introduction to Event handlers

Event Handler Codequiz-1

Codequiz Solution

callback Function

Different Event Types

Todolist Quiz Solutuion

What We Learned



Udemy ID


Course created date


Course Indexed date
Course Submitted by