The Complete Front-End Web Development

No Rating(0)
See all reviews

This course is designed for those interested to learn the basics of the complete front-end web development to build a simple HTML text site, program websites with JavaScript, build and publish a Google Chrome Extension and Style web pages using CSS.

Watch Free For 30 Days

start free access


buy single class $199
  • On Demand Video Lessons
  • Course Certificate
  • 24/7 Support

About This CourseBeginner

This course covers the most popular web development frameworks, and will get you started on your path towards becoming a full-stack web developer. 

If you would like to get started as a front-end web developer, you are going to love this course. Work on projects ranging from a simple HTML page to a complete JavaScript based Google Chrome extension. We will cover the following technologies in this course:

  • Web development basics with HTML
  • Cascading Style Sheets (CSS)
  • JavaScript programming
  • jQuery JavaScript library
  • Bootstrap framework

Who this course is for:

Anyone who would like to learn front-end web development

Our Promise to You

By the end of this course, you will have learned the complete front-end web development

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about the complete front-end web development.

Course Curriculum

Course Sections

Introduction To The Course

Atom Setup

HTML Document Structure

HTML Elements – Div And Span

HTML Elements – I, B, P, And A

HTML Elements – Ul, Li, And Ol

HTML Elements – Header And Footer

HTML elements – Section, Main, And Article

HTML Elements – H1-H6 And Aside

HTML Tables

Project 1 – HTML Text Site





Radio Buttons

Select, Option, And Button

HTML5 Videos

HTML5 Audio


Meta Tags

Targeting Color And Background

Element Specificity

ID Targeting, Margin, And Border

Padding, Margin, And Float

Max-Width And Background-Image

Switching Over To An IDE

Font Weight, Style, And Family

Text Decorations

Text Spacing

Text Decoration Modification

Text Shadow


Border Radius




Viewpoint Width And Height, Overflowing Content

Transition Property

Introduction To JavaScript

Alerts And Console Logging

Integers, Strings, And Variables

Undefined Variables And Modifying Values Of Variables

Boolean Operators

Comparing Values

If Statements

For Loops

Defining Functions

Event Handling

Setting An Elements Inner HTML

Arrays 1

Arrays 2

Arrays 3

TextAreas And Getting The Value Of Inputs

Functions – Parameters And Return Values

Multiple Parameters In Functions

Flexible Function Parameters

Exercise – Find The Missing Number

Exercise Solution

Classes Explained

Class Constructor, Instance Variables, And Static Variables

Extending Classes

JQuery Setup

Targeting Elements

Event Handling

Dropdown Menus

Making Our Dropdown Disappear

Multiple Targets, Events, And Attr Method

Prepend, Append, And HTML

Prevent Default

Event.Which And Switch Properties

Custom Context Menu, PageY, And PageX

Is Method

Writing Our Own Version Of JQuery

Find Method

First And Last

Focusin And Focusout

Contains, Is, And HasClass

Each Method


Cascading Style Sheets

Bootstrap Setup

Navbar 1

Navbar 2

Forms 1

Forms 2




Main Page

Pipboy Image And Footer


Font And Styling Main Nav


Navigation Styling


Progress Bars

Stat Bars

Footer Fixes

Damage And Resistance


Inventory Template

Item List

Weapon Stat Container

Finishing Touches With JavaScript

Problem Solving

Manifest Files

Basic Setup

Getting Video URLs

Injecting JavaScript

Getting Pretty Objects For Each URL

Creating Download Options List

Communicating Between The Page And Extension

Chrome Downloads API And Background Scripts

Receiving Messages And Downloading Files

Styling Our Extension And Publishing

Tips For Getting Started As A Professional Web Developer


No Reviews found for this course.