The Complete Web Development Training Course

4.9( 9 REVIEWS )
879 STUDENTS

Course Overview

Become an accomplished, confident, full-stack web developer or front end web developer, with a specific focus on creating the site’s layout and integrating graphics, applications and writing web design programs in a variety of computer languages, such as JavaScript or HTML with this The Complete Web Development Training Course.

Expertly designed and taught by professional instructors with years of experience, you will learn everything from the basic skills to the most advanced web site development techniques and successfully build powerful, best-looking and responsive websites to a highly professional degree.

By completing the web development training successfully, you will be able to use the most advanced and up to date web technologies to build and maintain amazing, ridiculously cool websites that end-users find no difficulty while navigating.

Who is this Course for?

This course is intended for people who wish to make a fulfilling career as web designers and developers. However, people who want to be efficient in HTML, JavaScript, CSS or build and manage their own websites can highly be benefitted from the course. It is also suitable for amateurs or absolute beginners who want to give a new turn to their career to establish a beneficial web presence.

Entry Requirement:

  • This course is available to all learners, of all academic backgrounds.
  • Learners should be aged 16 or over to undertake the qualification.
  • Good understanding of English language, numeracy and ICT are required to attend this course.

Method of Assessment:

Upon completion of the course, you will be required to sit for an online multiple-choice quiz based assessment, which will determine whether you have passed the course (60% pass mark). The test will be marked immediately and results will be published instantly.

Certification

After successfully completing the course, you will be able to obtain the certificates. You can claim a PDF certificate by paying a little processing fee of £2. There is an additional fee to obtain a hardcopy certificate which is £9.

Career path

The successful completion of the course will add impressive credentials to your CV, and you will earn a recognised qualification that supports you to get employed by companies specialised in software development, IT, or computer consulting. Besides, you will gain a competitive edge in the web development market and also be able to boost your income as a freelance web developer.

Course Curriculum

Introduction - Get your free Unlimited Web Hosting - HTML
Introduction 00:06:00
HTML Chapter: Roadmap and Full Source Code 00:21:00
Set up FTP (Cyberduck Version) 00:13:00
Set up FTP (FileZilla Version) 00:18:00
Structure of a website 00:09:00
Your first website 00:06:00
Get your free unlimited web hosting 00:09:00
Headings 00:05:00
Paragraphs 00:02:00
Links 00:07:00
Images 00:04:00
Inline vs Block Elements 00:06:00
Iframes – Activity: Embed a nice relaxing YouTube video to your website 00:06:00
Unordered Lists 00:03:00
Ordered Lists 00:02:00
Description Lists 00:02:00
Tables 00:04:00
Entities 00:05:00
Forms (1) – Activity: Create a simple Login Form 00:08:00
Forms (2) – Activity: Create a Marketplace Checkout Form 00:20:00
Text Decoration 00:04:00
Comments 00:02:00
CSS
Introduction 00:01:00
Inline CSS 00:02:00
Internal CSS 00:02:00
External CSS 00:03:00
Classes and IDs 00:03:00
Div and Span 00:07:00
Box Model 00:03:00
Box Model: Padding 00:04:00
Box Model: Border 00:06:00
Box Model: Outline 00:02:00
Box Model: Margin 00:02:00
Background 00:08:00
Floating 00:05:00
Positioning 00:06:00
Display 00:03:00
Text Decoration 00:05:00
Text Align 00:02:00
Text Font 00:04:00
Text Effects 00:08:00
Image Sprites 00:03:00
Image Opacity 00:03:00
Styling Lists 00:08:00
Styling Links 00:07:00
Gradients 00:10:00
2D Transforms 00:06:00
3D Transforms 00:05:00
Transitions 00:05:00
Animations 00:09:00
Animations 00:09:00
Professional Project: Mathematics Tutorials Website (HTML5 & CSS3)
mathswebsite1-introduction 00:02:00
Header (1) 00:18:00
Header (2) 00:17:00
Menu 00:18:00
Introduction Box 00:07:00
Sidebars (1) 00:20:00
Sidebars (2) 00:09:00
Footer & Congratulations 00:10:00
Javascript
Introduction 00:09:00
Buttons 00:07:00
Change HTML Content 00:07:00
Change HTML Style 00:06:00
Variables and Data Types 00:12:00
Change HTML Using Variables – Activity: Random Color Generator 00:11:00
Functions: Activity: Swap the content of two divs 00:14:00
Objects 00:09:00
Create Objects using the “new” keyword 00:05:00
Arrays 00:18:00
If and Switch Statements – Activity: Motorway Speed Control 00:17:00
For Loops 00:09:00
While Loops – Activity: Spend $1000 Randomly in a marketplace 00:11:00
Regular Expressions 00:16:00
Errors (1) 00:04:00
Errors (2) – Activity: Password Validation 00:13:00
Set Interval & SeTimeout – Activity: Create a simple counter 00:10:00
Window and Screen 00:13:00
Alert Boxes 00:08:00
Cookies 00:06:00
Professional Project: Maths Game (HTML, CSS & JavaScript)
Project Introduction: Maths Game (HTML, CSS & JavaScript) 00:02:00
Page Structure & Styling (1) 00:20:00
Page Structure & Styling (2) 00:18:00
Page Structure & Styling (3) 00:15:00
Page Structure & Styling (4) 00:07:00
Game Logic using an illustrative flowchart 00:03:00
JavaScript Code (1) 00:17:00
JavaScript Code (2) 00:19:00
JavaScript Code (3) 00:18:00
JavaScript Code (4) & Congratulations 00:18:00
JQuery
Introduction and Loading JQuery 00:09:00
Select HTML Elements (1) 00:13:00
Select HTML Elements (2) 00:11:00
Respond to Events 00:12:00
Change HTML Content and Attributes (1) 00:12:00
Change HTML Content and Attributes (2) 00:07:00
Change Styling (1) 00:12:00
Change Styling (2) – Activity: Random Position and Color Generator 00:14:00
JQuery Effects 00:15:00
Ajax 00:13:00
JQuery UI Introduction 00:08:00
Draggable and Droppable (1) – Activity: Leave me alone! Please drop me! 00:19:00
Draggable and Droppable (2) – Activity: Drag Items to your basket 00:10:00
Resizable 00:09:00
Selectable – Activity: Append selected Car Makes to a Box 00:10:00
Sortable – Activity: Sort and exchange Car Makes between two groups 00:09:00
Accordion – Activity: Create a resizable accordion with collapsible sections 00:10:00
Autocomplete – Activity: City Input with prepopulated options 00:07:00
Button 00:13:00
Date Picker – Activity: Outbound and return Flight Date Picker just like Expedia 00:14:00
Dialog – Activity: Are you sure you want to go to the previous page? 00:14:00
Menu 00:06:00
Progress Bar – Activity: Animated progress bar filled from 0% to 100% 00:11:00
Select Menu 00:08:00
Slider – Activity: Car Mileage Range using a Slider 00:18:00
More Widgets: Spinners, Tabs and Tooltips 00:12:00
Professional Project: Fruits Slice Game (HTML, CSS & JQuery)
Project Introduction: Fruits Slice Game (HTML, CSS & JQuery) 00:02:00
Page Structure and Styling 00:13:00
Game Logic using an illustrative flowchart 00:03:00
jQuery Code 1 00:18:00
jQuery Code 2 00:21:00
jQuery Code 3 00:20:00
jQuery Code 4 00:18:00
Twitter Bootstrap
Introduction 00:08:00
Grid System 00:10:00
Typography 00:12:00
Tables 00:06:00
Forms (1) – Activity: Inline and Horizontal Responsive Login Forms 00:12:00
Forms (2) 00:11:00
Forms (3) 00:19:00
Buttons 00:13:00
Images 00:02:00
Navs – Activity: Website Design using Nav Tabs and Nav Pills 00:09:00
Navbars – Activity: Website Design using a responsive/collapsible navigation bar 00:20:00
Pagination – Activity: Pagination and Pager Examples like Google/Ebay 00:09:00
Jumbotron 00:03:00
Thumbnails 00:10:00
Dropdown menus 00:07:00
Modals (1) – Activity: I have an inquiry about my order 00:16:00
Modals (2) – Activity: I have an inquiry about my order 00:07:00
Scrollspy 00:09:00
Tabs 00:14:00
Tooltips 00:07:00
Popovers – Activity: Create a popover just like the one you see on an IPAD 00:07:00
Alerts – Activity: Create an alert Box to show a warning or success message 00:08:00
Button plugin – Activity: Loading … Download Complete 00:09:00
Collapse plugin 00:17:00
Carousels – Activity: Create an interactive carousel slider 00:17:00
Affix plugin – Activity: Interactive Website with Content Affixed to a Menu 00:13:00
Professional Project: App Landing Page (HTML, CSS & Bootstrap)
Project Introduction: App Landing Page (HTML, CSS & Bootstrap) 00:03:00
Header and Featured Content (1) 00:15:00
Header and Featured Content (2) 00:16:00
Header and Featured Content (3) 00:09:00
Trial Section, Footer & Congratulations 00:14:00
Professional Project: Company Website (HTML, CSS & Bootstrap)
Project Introduction: Company Website (HTML, CSS & Bootstrap) 00:02:00
Structure of our work 00:09:00
Background 00:07:00
Navbar 00:18:00
Header & icons section 00:14:00
Contact Button & Footer 00:14:00
Professional Project: Our Lovely Course (HTML, CSS, jQuery & Bootstrap)
Project Introduction: Our Lovely Course (HTML, CSS, jQuery & Bootstrap) 00:03:00
Structure of our work 00:14:00
Add a background video 00:08:00
Navigation bar with advanced styling 00:17:00
Home Section 00:08:00
About Section 00:11:00
Carousel Slider (1) 00:17:00
Carousel Slider (2) 00:07:00
Adapt for Small Devices 00:09:00
Add ScrollSpy feature to navbar & Congratulations 00:07:00
Professional Project: Stopwatch App (HTML, CSS, jQuery & Bootstrap)
Project Introduction: Stopwatch App (HTML, CSS, jQuery & Bootstrap) 00:02:00
App Skeleton and Decoration (1) 00:11:00
App Skeleton and Decoration (2) 00:12:00
App Logic using an illustrative flowchart 00:06:00
jQuery Code 1 00:14:00
jQuery Code 2 00:09:00
jQuery Code 3 00:20:00
Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)
Project Introduction: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage) 00:02:00
App Skeleton and Decoration (1) 00:18:00
App Skeleton and Decoration (2) 00:10:00
App Skeleton and Decoration (3) 00:15:00
Learn HTML5 Canvas 00:10:00
App Logic using an illustrative flowchart 00:03:00
jQuery Code Structure 00:05:00
jQuery Code (1) 00:08:00
jQuery Code (2) 00:17:00
jQuery Code (3) 00:18:00
ES6 - Modern JavaScript (A must in 2019)
Introduction to Modern JavaScript (ES6) 00:04:00
Variables & Scoping: Review of “var” 00:04:00
Variables & Scoping: Let Scope and Temporal Dead Zone 00:05:00
Block Scoping in ES6 00:08:00
Functions and Block Scoping 00:11:00
Functions and Block Scoping – use let 00:03:00
Let Scope vs Closures 00:07:00
Closures Challenge 00:05:00
Read only variables – const 00:03:00
New Features that make your life easier: Template Literals 00:05:00
New Features that make your life easier: Arrow functions – ‘this’ lexical scope 00:19:00
Destructuring – Arrays 00:10:00
Destructuring – Objects 00:08:00
Destructuring – Functions 00:04:00
Functions – Default Parameter Values 00:09:00
Functions – Rest Parameters 00:16:00
Spread Operator 00:04:00
Objects New Features 00:09:00
Iteration: For of loop 00:06:00
Iterators – next() – Generators 00:19:00
Maps – Iteration 00:20:00
Sets – Iteration 00:10:00
Sets – Challenge: Intersection and Difference 00:10:00
Symbols 00:17:00
Symbol.iterator 00:12:00
Array.from: collections, strings, arguments 00:10:00
Array.from: optional map, length property, Maps & Sets 00:08:00
Array.of 00:02:00
More Array Methods 00:11:00
ES6 Classes: Back to ES5 Constructors 00:09:00
ES6 Classes: Syntax 00:03:00
ES6 Classes: Static Methods 00:03:00
ES6 Classes: Getters & Setters 00:06:00
Class Inheritance – extends – super 00:06:00
"Front End" vs "Back End"
Understand the Back End (1) 00:18:00
Understand the Back End (2) 00:07:00
Node.js - Introduction & Installation
Introduction to Node.js 00:05:00
Node.js Installation + REPL (Read-Eval-Print-Loop) 00:09:00
The "super" Command Line Crash Course
Command Line Crash Course (1) 00:18:00
Command Line Crash Course (2) 00:20:00
Command Line Crash Course (3) 00:19:00
Command Line Crash Course (4) 00:19:00
Node.js - Let's Dive in (using ES6 + ES7)
Your First Node Application 00:18:00
File Exports 00:13:00
HTTP Built-in Module (1) 00:19:00
HTTP Built-in Module (2) 00:10:00
Fs Built-in Module – Blocking Mode 00:16:00
Fs Built-in Module – Non Blocking Mode 00:19:00
Fs Built-in Module – Use ES6 Promises 00:15:00
Fs Built-in Module – Use ES7 Async Await 00:05:00
Fs Built-in Module – More Features 00:09:00
Professional Project: Online File Explorer App (Pure Node.js , Bootstrap 4)
Project Introduction: Online File Explorer App (Pure Node.js , Bootstrap 4) 00:08:00
Skeleton and Decoration 00:09:00
App Logic 00:10:00
Create the Server 00:19:00
Decode the path name and convert it to a full static path 00:20:00
Display folder content and print the title 00:16:00
Show the path inside a “Breadcrumb” 00:20:00
Loop through folder elements 00:18:00
Print Icons – Get introduced to the child_process module 00:19:00
Calculate folders’ size using the child_process module 00:16:00
Convert folders’ size to Bytes – Retrieve items’ last modified time 00:19:00
Calculate the size of files 00:19:00
Get the mime type of files 00:17:00
Serve files to the Client 00:19:00
Serve PDF files on the browser – Serve Media content in chunks using a stream 00:19:00
Re-order folder elements by name 00:18:00
Re-order folder elements by name (2) 00:19:00
Add the up and down arrows after sorting elements by name 00:07:00
Sort elements by size and last modified 00:09:00
Fix projects bugs 00:11:00
Git & Github
Introduction to Version Control using Git 00:12:00
Git using the Command Line 00:17:00
Git Branching & Merging 00:11:00
Github – Introduction 00:12:00
Github – Cloning, Forking & Pull Requests (1) 00:10:00
Github – Cloning, Forking & Pull Requests (2) 00:13:00
Github – Cloning, Forking & Pull Requests (3) 00:02:00
Deploy your App to Heroku
Deploy your App to Heroku 00:16:00
PHP
Introduction 00:16:00
Embed PHP in HTML 00:08:00
PHP Variables 00:10:00
Data Types: Strings 00:06:00
Data Types: Integers and Floats 00:07:00
Data Types: Booleans 00:05:00
Data Types: Arrays 00:18:00
Data Types: Objects 00:11:00
Data Types: NULL 00:02:00
Data Types: Resources 00:06:00
String Functions 00:09:00
If and Switch Statements 00:12:00
For Loops 00:10:00
While Loops 00:06:00
Functions 00:08:00
GET & POST 00:20:00
Array Functions (1) 00:14:00
Array Functions (2) 00:13:00
Send Emails – Activity: Send a styled email in HTML format 00:10:00
Filter User Inputs (1) – Protect Yourself from Hackers 00:08:00
Filter User Inputs (2) – User Input Validation 00:07:00
Activity: Create a responsive Contact Form using PHP & Bootstrap (1) 00:17:00
Activity: Create a responsive Contact Form using PHP & Bootstrap (2) 00:19:00
Activity: Create a responsive Contact Form using PHP & Bootstrap (3) 00:14:00
Date and Time (1) 00:13:00
Date and Time (2) – Activity: Day of the week you were born? Date in 1000 days? 00:16:00
Include PHP files 00:13:00
File Handling (1): Open – Read – Write – Close 00:18:00
11:25 00:11:00
Upload Files Using PHP (1) – Activity: Upload PDF & Text Files Less than 3Mo. 00:20:00
Upload Files Using PHP (2) – Activity: Upload PDF & Text Files Less than 3Mo. 00:17:00
Cookies 00:06:00
Error Handling (1) 00:08:00
Error Handling (2) – Activity: Log PHP errors in a file / Trigger error emails 00:16:00
Sessions 00:07:00
MySQL
Introduction 00:04:00
Create a database using PHP MYADMIN 00:11:00
Remote MySQL (1) 00:13:00
Remote MySQL (2) 00:07:00
Create a database using PHP & MySQL 00:09:00
Add a table to a database 00:10:00
Populate a database table 00:07:00
Activity: Populate Database once the user submits a form 00:20:00
Activity: Populate Database once the user submits a form (2) 00:19:00
Activity: Populate an HTML table using Database Data (1) 00:12:00
Activity: Populate an HTML table using Database Data (2) 00:15:00
Update Database Data 00:09:00
Delete Database Data 00:05:00
Professional Project: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX)
Project Introduction: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX) 00:07:00
App Skeleton and Decoration (1) – Landing Page 00:20:00
App Skeleton and Decoration (2) – Landing Page 00:18:00
App Skeleton and Decoration (3) – Landing Page 00:18:00
App Skeleton and Decoration (4) – Landing Page 00:12:00
App Skeleton and Decoration (5) – My Notes Page 00:20:00
App Skeleton and Decoration (6) – Profile Page 00:20:00
App Logic – Signup, Login, Remember Me, Forgot Password 00:17:00
Signup/Login Code Structure (1) 00:14:00
Signup/Login Code Structure (2) 00:07:00
Signup Code (1) 00:18:00
Signup Code (2) 00:20:00
Signup Code (3) 00:16:00
Signup Code (4) 00:20:00
Signup Code (5) 00:19:00
Login Code 00:20:00
“Remember me” Code (1) 00:20:00
“Remember me” Code (2) 00:20:00
“Remember me” Code (3) and Logout Code 00:20:00
“Forgot Password” Code (1) 00:18:00
“Forgot Password” Code (2) 00:16:00
“Forgot Password” Code (3) 00:16:00
“Forgot Password” Code (4) 00:17:00
Notes Management: Logic 00:06:00
Notes Management: Code Structure 00:16:00
Load Notes: Code (1) 00:19:00
Load Notes: Code (2) 00:16:00
Create Notes: Code (1) 00:17:00
Create Notes: Code (2) 00:12:00
Edit Notes: Code (1) 00:17:00
Edit Notes: Code (2) 00:15:00
Delete Notes: Code (1) 00:17:00
Delete Notes: Code (2) 00:11:00
Update Username Code (1) 00:19:00
Update Username Code (2) 00:13:00
Update Password Code (1) 00:20:00
Update Password Code (2) 00:10:00
Update Email Code (1) 00:20:00
Update Email Code (2) 00:16:00
WordPress (3 Professional Webpages: Blog + About Page + Contact Page)
Introduction 00:04:00
Installation – Activity: Create your first Blog 00:05:00
Blog Posts and Comments 00:05:00
Themes 00:03:00
Pages and Menus 00:07:00
Customise pages (1) 00:09:00
Customise pages (2) 00:07:00
Custom CSS 00:04:00
Plugins 00:04:00
Activity: Beautiful About Page (Add Content to a WordPress Page) 00:14:00
Activity: Beautiful About Page (Typography) 00:10:00
Activity: Beautiful About Page (Logos) 00:14:00
Activity: Beautiful About Page (Buttons) 00:08:00
Activity: Create an Awesome Contact Page with a Google Map and Contact Form 00:13:00
Google Maps API's
Introduction & Embed Google Map to your Website 00:20:00
Markers and InfoWindows 00:14:00
Show, Hide or Delete Markers 00:16:00
Animated drop of Markers 00:08:00
Direction Service – Activity: Driving distance & time between New York & Toronto 00:19:00
Geocoding using the Javascript API – Activity: Get Geocoordinates of an address, 00:11:00
Geocoding using the geocoding API (1) – Activity: format Address & get postcode. 00:13:00
Geocoding using the geocoding API (2) – Activity: format Address & get postcode. 00:18:00
Nearby Search 00:17:00
Autocomplete 00:09:00
Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps)
Project Introduction: Distance Between Cities (HTML. CSS, jQuery, Google Maps) 00:02:00
Skeleton and decoration 00:20:00
App Logic using an illustrative flowchart 00:03:00
Javascript Code 00:17:00
Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter)
Project Introduction: Website with Social Widgets (Facebook, Google+ & Twitter) 00:02:00
Skeleton and decoration 00:16:00
Facebook Widgets 00:04:00
Google plus Widgets 00:04:00
Tweet Button 00:05:00
Twitter Timeline 00:05:00
IOS and Android Mobile Applications using jQuery Mobile
Introduction 00:06:00
Pages, Dialogs and Transitions 00:14:00
Navbars 00:08:00
Grid System 00:05:00
List Views 00:07:00
Form Inputs 00:02:00
Events 00:08:00
Professional Project: Speed Reader for IOS and Android
Project Introduction: Speed Reader for IOS and Android 00:02:00
App Skeleton and Decoration (1) 00:16:00
App Skeleton and Decoration (2) 00:19:00
Logic of the App using an illustrative flowchart 00:12:00
Start Reading (1) 00:09:00
Start Reading (2) 00:20:00
Pause, Resume, Restart 00:05:00
Change the font size 00:05:00
Change the reading speed 00:05:00
Control Reading Progress: Go backwards and forward 00:06:00
Publish your app to Google Play 00:23:00
Publish your app to the IOS App Store (1) 00:13:00
Publish your app to the IOS App Store (2) 00:10:00
Professional Project: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON)
Project Introduction: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON) 00:05:00
Signup/Login Code (1) 00:11:00
Signup/Login Code (2) 00:11:00
Signup/Login Code (3) 00:17:00
Search Page Skeleton & Decoration (1) 00:11:00
Search Page Skeleton & Decoration (2) 00:14:00
Search Page Skeleton & Decoration (3) 00:16:00
Search Page Skeleton & Decoration (4) 00:12:00
Search Page Skeleton & Decoration (5) 00:15:00
Profile Picture Code (1) 00:11:00
Profile Picture Code (2) 00:19:00
Profile Picture Code (3) 00:12:00
Profile Picture Code (4) 00:18:00
Trips Page Skeleton & Decoration (1) 00:18:00
Trips Page Skeleton & Decoration (2) 00:18:00
Trips Page Skeleton & Decoration (3) 00:17:00
Website Logic 00:15:00
“Create a Trip” Code (1) 00:20:00
“Create a Trip” Code (2) 00:07:00
“Create a Trip” Code (3) 00:19:00
“Create a Trip” Code (4) 00:20:00
“Load Trips” Code (1) 00:17:00
“Load Trips” Code (2) 00:20:00
“Edit/Delete Trips” Code (1) 00:19:00
“Edit/Delete Trips” Code (2) 00:13:00
“Edit/Delete Trips” Code (3) 00:17:00
“Edit/Delete Trips” Code (4) 00:09:00
“Search Trips” Code (1) 00:14:00
“Search Trips” Code (2) 00:14:00
“Search Trips” Code (3) 00:09:00
“Search Trips” Code (4) 00:13:00
“Search Trips” Code (5) 00:20:00
“Search Trips” Code (6) 00:09:00
“Search Trips” Code (7) 00:20:00
“Search Trips” Code (8) 00:20:00
“Spinner” Code (1) 00:19:00
“Spinner” Code (2) 00:12:00
Finishing Touches & Congratulations 00:08:00

Course Reviews

4.9

4.9
9 ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

TAKE THIS COURSE

Instructors

879 STUDENTS ENROLLED

© Course Gate Edukite Ltd, Reg no: 11378092