The Full Front-End Web Development Course!

Overview Are you looking to gain a new in-demand skill from the comfort of your home? Well, look no further; …

The Full Front-End Web Development Course!

The Full Front-End Web Development Course!

Original price was: $417.25.Current price is: $35.30.



1 Year Access


189 Students


16 hours

Gift this course


Are you looking to gain a new in-demand skill from the comfort of your home? Well, look no further; you’ve come to the right place!

Our easy-to-follow The Full Front-End Web Development Course! will provide you with all the deep knowledge and insight you need to know about this topic. This comprehensive course has been broken down into several manageable modules, which we believe will assist you to easily grasp each concept – from the fundamental to the more advanced aspects of the course. 

Learn the most in-demand skills from the safety & comfort of your home. Enjoy the freedom to learn at your own comfortable pace and prepare yourself for the market of the future.

Learning Outcomes

Whether you are an aspiring professional or a complete beginner, this course will improve your expertise and boost your CV with key skills and an accredited certification attesting to your knowledge.

Entry Requirement

    • This course is available to all learners of all academic backgrounds.
    • Learners should be aged 16 or over to undertake the qualification.
    • Some basic understanding of the English language and numeracy.

Why choose us?

    • Affordable, engaging & high-quality e-learning study materials.
    • Tutorial videos/materials from the industry-leading experts.
    • Study in a user-friendly, advanced online learning platform.
    • Efficient exam systems for the assessment and instant result.
    • The UK & internationally recognized accredited qualification.
    • Access to course content on mobile, tablet, or desktop from anywhere, anytime.
    • The benefit of career advancement opportunities.
    • 24/7 student support via email.


After you have successfully completed the course, you will be able to obtain an Accredited Certificate of Achievement. You can, however also obtain a Course Completion Certificate following the course completion without sitting for the test. Certificates can be obtained either in hardcopy at the cost of £29 or in PDF format at the cost of £19.

    • PDF certificate’s turnaround time is 24 hours, and for the hardcopy certificate, it is 3-9 working days.

Career path

The Full Front-End Web Development Course! will provide you with the practical and theoretical knowledge of Web Development and help you seek a career in the relevant industry.

Course Curriculum

Welcome to the course!
Introduction to the course 00:02:00
Atom setup 00:05:00
Web Development Basics - HTML
HTML document structure 00:04:00
HTML elements – div, span 00:07:00
HTML elements – i-b-p-a 00:06:00
HTML elements – ul, li, ol 00:05:00
HTML elements – header, footer 00:05:00
HTML elements – section, main, article 00:08:00
HTML elements – h1-h6, aside 00:03:00
HTML tables 00:10:00
Advanced HTML Concepts
Images 00:04:00
Forms 00:05:00
Checkboxes 00:05:00
Radio buttons 00:05:00
Select, option, buttons 00:06:00
HTML5 videos 00:07:00
HTML5 audio 00:05:00
Doctypes 00:03:00
Meta tags 00:07:00
Introduction to Cascading Style Sheets (CSS)
Targeting, color, background 00:16:00
Element specificity 00:04:00
Padding, margin, float 00:08:00
Max-width, background-image 00:17:00
Switching over to an IDE 00:02:00
Font weight, style, and family 00:14:00
Text decorations 00:04:00
Text spacing 00:04:00
Text decoration modification 00:04:00
Text shadow 00:08:00
Advanced CSS
Psuedo states 00:09:00
Border radius 00:08:00
Positions 00:09:00
Psuedo-elements 00:07:00
Z-index 00:06:00
Viewpoint width and height, overflowing content 00:07:00
Transition property 00:06:00
JavaScript for Beginner's
Intro to Javascript 00:04:00
Alerts and console logging 00:06:00
Integers, strings, and variables 00:07:00
Undefined variables and modifying values of variables 00:05:00
Boolean operators 00:03:00
Comparing values 00:05:00
If statements 00:11:00
For loops 00:03:00
Defining functions 00:06:00
Event handling 00:09:00
Setting an elements inner HTML 00:03:00
More JavaScript Concepts
Arrays pt1 00:06:00
Arrays pt2 00:07:00
Arrays pt3 00:06:00
Textareas and getting the values of inputs 00:14:00
Functions – parameters and return values 00:08:00
Multiple parameters in functions 00:05:00
Flexible function parameters 00:12:00
Project – find the missing number 00:08:00
Project solution 00:08:00
Classes intro 00:05:00
Class constructor, instance variables, and static variables 00:09:00
Extending classes 00:14:00
Getting Started with jQuery
jQuery setup 00:06:00
Targeting elements 00:04:00
Event handling 00:09:00
Dropdown menus 00:22:00
Making our dropdown disappear 00:05:00
Multiple targets, events, attr method 00:09:00
Prepend, append, html 00:05:00
Prevent default 00:06:00
eventwhich, switch 00:09:00
Custom context menu, pageY, pageX 00:13:00
is method 00:08:00
More jQuery
Writing our own version of jQuery 00:17:00
Find method 00:05:00
First and last 00:02:00
Focusin and focusout 00:11:00
Contains, is, hasClass 00:07:00
Each method 00:03:00
Callbacks 00:07:00
CSS 00:05:00
Bootstrap Basics
Bootstrap intro 00:07:00
Navbar pt1 00:07:00
Navbar pt2 00:11:00
Bootstrap forms pt1 00:14:00
Bootstrap forms pt2 00:05:00
Bootstrap buttons 00:06:00
Project #2 - Pipboy from Fallout 4
Pipboy navbar 00:08:00
Pipboy main page 00:07:00
Pipboy image and footer 00:13:00
Pipboy colors 00:05:00
Pipboy font and styling the main nav 00:13:00
Scanlines 00:06:00
Navigation styling 00:10:00
Tabs 00:09:00
Progress bars 00:10:00
Stat bars 00:14:00
Footer fixes 00:02:00
Damage and resistance 00:05:00
Icons 00:11:00
Inventory template 00:04:00
Item list 00:13:00
Weapon stat container 00:11:00
Finishing touches with JavaScript 00:18:00
Project #3 - Google Chrome Extension
Problem Solving 00:09:00
Manifest files 00:06:00
Basic setup 00:03:00
Getting video urls 00:02:00
Injecting JS 00:06:00
Getting pretty objects for each url 00:05:00
Creating download options list 00:17:00
Communicating between the page and extension 00:09:00
Chrome downloads api and background scripts 00:08:00
Receiving messages and downloading files 00:06:00
Styling our extension and publishing 00:09:00
BONUS - Coding Another Google Chrome Extension
Introduction and Manifest 00:22:00
Content Scripts 00:16:00
Messaging Different Parts of Our Extension 00:10:00
Creating Share Popup 00:08:00
Icons 00:13:00
Building an Image Downloader 00:14:00
Interacting with the DOM 00:29:00
Uploading to the Chrome Web Store 00:07:00

Course Ratings


  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Ratings found for this course.

How Do Our Courses Work?

Purchase and payment

Add your chosen course to your basket. Once you’ve added all the courses you need.

Course access

Add your chosen course to your basket. Once you’ve added all the courses you need.


Add your chosen course to your basket. Once you’ve added all the courses you need.

Continued support

Add your chosen course to your basket. Once you’ve added all the courses you need.

Dive into an enriching online learning journey with Alpha Academy. We pride ourselves on offering a diverse range of courses tailored to your needs. Elevate your expertise or discover a new passion. With Alpha Academy, your pursuit of knowledge has no bounds.


For Business

Certificate validator

Payment methods possible


    Your Cart
    Your cart is emptyReturn to Shop

    WINTER SALE :: ALL COURSES for $64.09 / year


    No more than 50 active courses at any one time. Membership renews after 12 months. Cancel anytime from your account. Certain courses are not included. Can't be used in conjunction with any other offer.

      Apply Coupon