Web Development


Full Front-End Web Development Course

Learn modern web development with HTML, CSS, Bootstrap, JavaScipt (JS) and practice with hands-on examples during course


15 hours


Jun 2021

Last Update
Regular Price

Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses

What you will learn

How to include JS File in HTML

What are variables, why are they used

What is Boolean Logic

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

What is DOM, how to manipulate DOM


Hello there,

Welcome to the Full Front-End Web Development Course course.

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

This course will take you from a complete beginner to a Master level in hours! By the way, you do not need to know anything about this course.

We'll be moving rapidly to give you the quickest, yet most thorough Bootstrap website building experience.

In this course, we have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an HTML page associated with it and has a start state. As we move along through the lectures, you code along with us while learning all that web development offers including helpers/utilities, components, widgets, grid, and more.

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 our course, you can test what you have learned on both MAC and Windows computers. You do not need to purchase any tools or applications as free tools and platforms are used.

During the course, I made sure to explain all the topics that may seem complicated to you in as simple and detailed as possible. I have used some diagrams to help you understand better.

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

In this course you will learn;

  • Learn to use the latest HTML5 and CSS3 to add unique styling to Bootstrap

  • Learn and create amazing high-quality Bootstrap 4 themes and UIs from scratch

  • Master every single Bootstrap component

  • Learn to compile Sass in the easiest way possible using a GUI

  • Get a crash course of the Bootstrap Grid System with the theme layout

  • Learn how to add Website Scrolling Animation to any Bootstrap Component or HTML Element

  • 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 had 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 ours 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 Full Front-End Web Development Course course

We offer full support, answering any questions.

See you in the course!


Full Front-End Web Development Course
Full Front-End Web Development Course
Full Front-End Web Development Course
Full Front-End Web Development Course



Let's See What You Will Learn in HTML Part?

What HTML and Internet Is ?

Basic Tags

Images and Attributes


List Example

Block Level - Inline Elements

Let's Learn More Complex Topics in HMTL


Table Example


Forms Example


Let's Meet CSS

CSS Basics

CSS Colors

Background and Border


Intermediate 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


What Is Bootstrap?

Including Bootstrap in the Project

Web Design

Introduction to Bootstrap

Nav Bar

Grid System

Header Section

Our CSS File-1

Our CSS File-2

Font Awesome and Features Section

Font Awesome and Features Section-2

Intermediate Bootstrap

Bootstrap Modals


Bootstrap Cards

Bootsrap Cards Part 2

Carousel 1

Carousel 2

CSS Z-Index

Z-Index Our Project

Image Gallery


General Changes

General Changes - Part 2


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