About This Course

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

Section 1 - Welcome To The Course
Introduction To The Course 00:00:00
Atom Setup 00:00:00
Section 2 - Web Development Basics: HTML
HTML Document Structure 00:00:00
HTML Elements – Div And Span 00:00:00
HTML Elements – I, B, P, And A 00:00:00
HTML Elements – Ul, Li, And Ol 00:00:00
HTML Elements – Header And Footer 00:00:00
HTML elements – Section, Main, And Article 00:00:00
HTML Elements – H1-H6 And Aside 00:00:00
HTML Tables 00:00:00
Project 1 – HTML Text Site 00:00:00
Section 3 - Advanced HTML Concepts
Images 00:00:00
Forms 00:00:00
Inputs 00:00:00
Checkboxes 00:00:00
Radio Buttons 00:00:00
Select, Option, And Button 00:00:00
HTML5 Videos 00:00:00
HTML5 Audio 00:00:00
Doctypes 00:00:00
Meta Tags 00:00:00
Section 4 - Introduction To Cascading Style Sheets
Targeting Color And Background 00:00:00
Element Specificity 00:00:00
ID Targeting, Margin, And Border 00:00:00
Padding, Margin, And Float 00:00:00
Max-Width And Background-Image 00:00:00
Switching Over To An IDE 00:00:00
Font Weight, Style, And Family 00:00:00
Text Decorations 00:00:00
Text Spacing 00:00:00
Text Decoration Modification 00:00:00
Text Shadow 00:00:00
Section 5 - Advanced CSS
Psuedo-States 00:00:00
Border Radius 00:00:00
Positions 00:00:00
Psuedo-Elements 00:00:00
Z-Index 00:00:00
Viewpoint Width And Height, Overflowing Content 00:00:00
Transition Property 00:00:00
Section 6 - JavaScript For Beginners
Introduction To JavaScript 00:00:00
Alerts And Console Logging 00:00:00
Integers, Strings, And Variables 00:00:00
Undefined Variables And Modifying Values Of Variables 00:00:00
Boolean Operators 00:00:00
Comparing Values 00:00:00
If Statements 00:00:00
For Loops 00:00:00
Defining Functions 00:00:00
Event Handling 00:00:00
Setting An Elements Inner HTML 00:00:00
Section 7 - More JavaScript Concepts
Arrays 1 00:00:00
Arrays 2 00:00:00
Arrays 3 00:00:00
TextAreas And Getting The Value Of Inputs 00:00:00
Functions – Parameters And Return Values 00:00:00
Multiple Parameters In Functions 00:00:00
Flexible Function Parameters 00:00:00
Exercise – Find The Missing Number 00:00:00
Exercise Solution 00:00:00
Classes Explained 00:00:00
Class Constructor, Instance Variables, And Static Variables 00:00:00
Extending Classes 00:00:00
Section 8 - Getting Started With JQuery
JQuery Setup 00:00:00
Targeting Elements 00:00:00
Event Handling 00:00:00
Dropdown Menus 00:00:00
Making Our Dropdown Disappear 00:00:00
Multiple Targets, Events, And Attr Method 00:00:00
Prepend, Append, And HTML 00:00:00
Prevent Default 00:00:00
Event.Which And Switch Properties 00:00:00
Custom Context Menu, PageY, And PageX 00:00:00
Is Method 00:00:00
Section 9 - More JQuery
Writing Our Own Version Of JQuery 00:00:00
Find Method 00:00:00
First And Last 00:00:00
Focusin And Focusout 00:00:00
Contains, Is, And HasClass 00:00:00
Each Method 00:00:00
Callbacks 00:00:00
Cascading Style Sheets 00:00:00
Section 10 - Bootstrap Basics
Bootstrap Setup 00:00:00
Navbar 1 00:00:00
Navbar 2 00:00:00
Forms 1 00:00:00
Forms 2 00:00:00
Buttons 00:00:00
Section 11 - Project 2 - Pipboy From Fallout 4
Setup 00:00:00
Navbar 00:00:00
Main Page 00:00:00
Pipboy Image And Footer 00:00:00
Colors 00:00:00
Font And Styling Main Nav 00:00:00
Scanlines 00:00:00
Navigation Styling 00:00:00
Tabs 00:00:00
Progress Bars 00:00:00
Stat Bars 00:00:00
Footer Fixes 00:00:00
Damage And Resistance 00:00:00
Icons 00:00:00
Inventory Template 00:00:00
Item List 00:00:00
Weapon Stat Container 00:00:00
Finishing Touches With JavaScript 00:00:00
Section 12 - Project 3 - Google Chrome Extension
Problem Solving 00:00:00
Manifest Files 00:00:00
Basic Setup 00:00:00
Getting Video URLs 00:00:00
Injecting JavaScript 00:00:00
Getting Pretty Objects For Each URL 00:00:00
Creating Download Options List 00:00:00
Communicating Between The Page And Extension 00:00:00
Chrome Downloads API And Background Scripts 00:00:00
Receiving Messages And Downloading Files 00:00:00
Styling Our Extension And Publishing 00:00:00
Section 13 - Final Thoughts
Tips For Getting Started As A Professional Web Developer 00:00:00
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel