Web Development Masterclass
Web Development Masterclass
Original price was: £425.£29Current price is: £29. ex Vat
Save 93.18 % - ENDS SOON
OR
Or
Take All
courses for
£49 
1 Year Access 
Intermediate
7 Students -
19 hours, 28 minutes
Get access to 5000+ courses including this for
Overview
Take steps to become a successful Web Developer with the Web Development Masterclass.
This complete certificate in web development will teach you everything you need to know to set up virtual cloud servers and develop database-driven websites using the most up-to-date web technologies. Broken down into 20 in-depth modules, it covers core topics such as the web development process, web application planning, web hosting and system requirements, HTML development, CSS, and JavaScript.
You will also familiarise with the Bootstrap framework, jQuery library, MySql, and Ajax, equipping you with the in-demand skills required to take your first steps into the world of web development. Enrol in this video-guided course today and boost your CV with an industry-recognised qualification.
Course design
The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace.
You are taught through a combination of
- Video lessons
- Online study materials
Will I receive a certificate of completion?
Upon successful completion, you will qualify for the UK and internationally-recognised CPD accredited certification. You can choose to make your achievement formal by obtaining your PDF Certificate at the cost of £9 and Hard Copy Certificate for £15.
Why study this course
It doesn’t matter if you are an aspiring professional or absolute beginner; this course will enhance your expertise and boost your CV with critical skills and an accredited certification attesting to your knowledge.
The Web Development Masterclass is fully available to anyone, and no previous qualifications are needed to enrol. All One Education needs to know is that you are eager to learn and are over 16.
Course Curriculum
| Section 01: Introduction | |||
| Course Learning Objectives | 00:03:00 | ||
| Section 02: How the Internet Works | |||
| The Internet Overview | 00:05:00 | ||
| The HTTP Protocol | 00:04:00 | ||
| The HTTPS Protocol | 00:03:00 | ||
| The SMTP Protocol and Local Mail Delivery | 00:05:00 | ||
| Outbound Mail Delivery | 00:02:00 | ||
| Network Basics – LAN and WAN | 00:06:00 | ||
| Network Ports and Firewalls | 00:05:00 | ||
| Section 03: The Web Development Process | |||
| Web Development Process Overview | 00:03:00 | ||
| Section 04: Planning a Website | |||
| Web Application Planning Overview | 00:05:00 | ||
| Section 05: Web Hosting and System Requirements | |||
| Web Hosting Packages Overview | 00:05:00 | ||
| Shared Hosting | 00:05:00 | ||
| Dedicated Hosting | 00:02:00 | ||
| VPS Hosting | 00:01:00 | ||
| Cloud Hosting and Case Study | 00:13:00 | ||
| Section 06: Domain Names | |||
| Introduction to Domain Names | 00:03:00 | ||
| Domain Name Registrars | 00:03:00 | ||
| Domain Registration | 00:03:00 | ||
| Registration and Privacy Protection | 00:07:00 | ||
| Control Panel Sign-In | 00:02:00 | ||
| Auto-Renewal and Domain Lock | 00:02:00 | ||
| Domain Forwarding | 00:02:00 | ||
| Nameservers | 00:01:00 | ||
| Update Registration Information | 00:01:00 | ||
| Section 07: Testing Environment | |||
| Introduction to Testing Servers | 00:03:00 | ||
| Installing WampServer – WAMP | 00:05:00 | ||
| Installing MampServer – MAMP | 00:11:00 | ||
| WampServer Menu | 00:05:00 | ||
| Localhost File Test | 00:02:00 | ||
| Section 08: Production Environment | |||
| Overview | 00:02:00 | ||
| Cloud Hosting Registration | 00:04:00 | ||
| Creating a Virtual Server | 00:03:00 | ||
| Linode Settings and Configuration | 00:01:00 | ||
| Deploying an Image – Ubuntu 14.04 LTS | 00:04:00 | ||
| Linode Dashboard | 00:02:00 | ||
| Remote Access | 00:03:00 | ||
| Download PuTTY and PuTTYgen – Windows | 00:01:00 | ||
| Launch Terminal – MAC | 00:01:00 | ||
| Intro to Command Console | 00:02:00 | ||
| Connecting with PuTTY – Windows | 00:02:00 | ||
| Connecting with Terminal – MAC | 00:01:00 | ||
| Maintenance Commands | 00:02:00 | ||
| File and Directory Commands | 00:03:00 | ||
| Installing LAMP Stack | 00:04:00 | ||
| Server Host Name and Date | 00:03:00 | ||
| Creating a User – Ubuntu | 00:03:00 | ||
| Ubuntu SSH Authentication – Windows | 00:08:00 | ||
| Ubuntu SSH Authentication – MAC | 00:08:00 | ||
| Web Root Permissions | 00:04:00 | ||
| Remote Dekstop Connection | 00:11:00 | ||
| Installing Tight VNC Viewer – Windows | 00:03:00 | ||
| Installing RealVNC Viewer – MAC | 00:03:00 | ||
| Ubuntu Desktop Basics | 00:04:00 | ||
| Disable Root and Password Access | 00:04:00 | ||
| Re-sizing a Linode Server | 00:02:00 | ||
| Creating Backups on Linode | 00:04:00 | ||
| Changing Root Password through Linode | 00:01:00 | ||
| Linode DNS Manager | 00:10:00 | ||
| Amending GoDaddy Name Servers | 00:04:00 | ||
| Section 09: FTP Setup | |||
| FTP Client Installation | 00:02:00 | ||
| FileZilla Overview | 00:04:00 | ||
| FileZilla Uploading | 00:03:00 | ||
| FileZilla Interface Basics | 00:02:00 | ||
| Section 10: HTML Development | |||
| Introduction to HTML | 00:02:00 | ||
| Basic Structure of a Web Page | 00:04:00 | ||
| HTML Head Tags | 00:08:00 | ||
| HTML Body Tag | 00:03:00 | ||
| HTML Paragraph Spacing | 00:03:00 | ||
| HTML Line Breaks | 00:02:00 | ||
| HTML Non-Breaking Space | 00:03:00 | ||
| HTML Header Tags | 00:02:00 | ||
| HTML Text Formatting and Decoration | 00:05:00 | ||
| HTML Inline Text Formatting | 00:02:00 | ||
| HTML Unordered Lists | 00:03:00 | ||
| HTML Ordered Lists | 00:03:00 | ||
| HTML Image Insertion | 00:04:00 | ||
| HTML Embedding Videos | 00:03:00 | ||
| HTML Absolute vs. Relative File Referencing | 00:02:00 | ||
| HTML Link Creation | 00:07:00 | ||
| HTML Anchor Tags | 00:06:00 | ||
| HTML Tables | 00:11:00 | ||
| HTML Nested Tables | 00:06:00 | ||
| HTML Merging Cells | 00:01:00 | ||
| HTML Text Wrapping | 00:01:00 | ||
| HTML Table Background Image | 00:01:00 | ||
| HTML Table Cell Alignment | 00:01:00 | ||
| HTML – Introduction to Forms | 00:04:00 | ||
| HTML Form Tags and Attributes | 00:04:00 | ||
| HTML Forms – Post vs. Get | 00:02:00 | ||
| HTML Forms – Input Text Fields | 00:04:00 | ||
| HTML Forms – Select Menus | 00:06:00 | ||
| HTML Forms – Check Boxes and Radio Buttons | 00:06:00 | ||
| HTML Forms – Text Areas and Buttons | 00:06:00 | ||
| HTML Iframes | 00:04:00 | ||
| HTML Project – Introduction | 00:02:00 | ||
| HTML Project – Header | 00:04:00 | ||
| HTML Project – Callout | 00:03:00 | ||
| HTML Project – Image Insertion | 00:02:00 | ||
| HTML Project – Text Insertion | 00:01:00 | ||
| HTML Project – Links and Form | 00:03:00 | ||
| HTML Project – Tabular Data | 00:02:00 | ||
| HTML Project – Footer | 00:01:00 | ||
| Section 11: CSS Development | |||
| Introduction to CSS | 00:04:00 | ||
| Parts of a CSS Rule | 00:07:00 | ||
| Types of CSS Rules | 00:03:00 | ||
| CSS – Color Names and Codes | 00:02:00 | ||
| CSS Classes and Spans | 00:06:00 | ||
| CSS Divisions – DIVs | 00:03:00 | ||
| CSS IDs | 00:06:00 | ||
| CSS Margins | 00:04:00 | ||
| CSS Padding | 00:02:00 | ||
| CSS Text Properties | 00:08:00 | ||
| CSS Font Properties | 00:03:00 | ||
| CSS Borders | 00:02:00 | ||
| CSS Backgrounds | 00:06:00 | ||
| CSS Transparency | 00:03:00 | ||
| CSS Width and Height Properties | 00:05:00 | ||
| CSS Text on Top of Images | 00:06:00 | ||
| CSS Display Properties | 00:02:00 | ||
| CSS Static Positioning | 00:02:00 | ||
| CSS Relative Positioning | 00:04:00 | ||
| CSS Absolute Positioning | 00:02:00 | ||
| CSS Fixed Positioning | 00:02:00 | ||
| CSS Float Property | 00:02:00 | ||
| CSS Clear Property | 00:01:00 | ||
| CSS Z-Index | 00:02:00 | ||
| CSS Styling Links | 00:02:00 | ||
| CSS Tables | 00:02:00 | ||
| CSS Project – Introduction | 00:01:00 | ||
| CSS Project – CSS Rules | 00:06:00 | ||
| CSS Project – Navigation Rules | 00:02:00 | ||
| CSS Project – Responsive CSS | 00:03:00 | ||
| CSS Project – Page Elements | 00:03:00 | ||
| Section 12: Document Object Model (DOM) | |||
| DOM Introduction | 00:03:00 | ||
| DOM Manipulation | 00:01:00 | ||
| Section 13: JavaScript Development | |||
| JavaScript – Introduction | 00:06:00 | ||
| JavaScript Placement | 00:02:00 | ||
| External JavaScript | 00:02:00 | ||
| JavaScript Output | 00:02:00 | ||
| JavaScript InnerHTML | 00:01:00 | ||
| JavaScript Commenting | 00:02:00 | ||
| JavaScript Constants | 00:02:00 | ||
| JavaScript Variables Introduction | 00:05:00 | ||
| JavaScript Assignment Operator | 00:01:00 | ||
| JavaScript Arithmetic Operations | 00:04:00 | ||
| JavaScript Arithmetic Operations Continued | 00:04:00 | ||
| JavaScript Operator Precedence | 00:01:00 | ||
| JavaScript Data Types | 00:01:00 | ||
| JavaScript Objects | 00:02:00 | ||
| JavaScript Object Output | 00:01:00 | ||
| JavaScript Strings | 00:03:00 | ||
| JavaScript String Length | 00:01:00 | ||
| JavaScript Special Characters | 00:01:00 | ||
| JavaScript Random Numbers | 00:01:00 | ||
| JavaScript Min and Max Function | 00:01:00 | ||
| JavaScript Math Round Function | 00:02:00 | ||
| JavaScript Arrays | 00:02:00 | ||
| JavaScript Array Attributes | 00:01:00 | ||
| JavaScript Arrays – Pop – Push – Shift – Unshift | 00:02:00 | ||
| JavaScript Changing and Deleting Elements | 00:02:00 | ||
| JavaScript Splicing an Array | 00:02:00 | ||
| JavaScript Sorting an Array | 00:01:00 | ||
| JavaScript Joining Arrays | 00:01:00 | ||
| JavaScript Conditional Statements | 00:06:00 | ||
| JavaScript Comparisons | 00:02:00 | ||
| JavaScript Booleans | 00:01:00 | ||
| JavaScript For Loops | 00:03:00 | ||
| JavaScript For-In Loop | 00:01:00 | ||
| JavaScript While Loops | 00:02:00 | ||
| JavaScript Do-While Loop | 00:02:00 | ||
| JavaScript Break and Continue | 00:01:00 | ||
| JavaScript Functions | 00:02:00 | ||
| JavaScript Events | 00:01:00 | ||
| JavaScript Project 1 – BG Color Changer | 00:02:00 | ||
| JavaScript Project 2 – Photo Gallery | 00:02:00 | ||
| JavaScript Project 2 – Completion | 00:03:00 | ||
| Section 14: jQuery Library | |||
| Introduction to jQuery | 00:02:00 | ||
| Embedding jQuery | 00:01:00 | ||
| jQuery Syntax and Selector Intro | 00:04:00 | ||
| jQuery ID Selector | 00:02:00 | ||
| jQuery Class Selector | 00:01:00 | ||
| jQuery Other Selectors | 00:02:00 | ||
| External jQuery File | 00:02:00 | ||
| jQuery Events Intro | 00:02:00 | ||
| jQuery Events – mouseenter and mouseleave | 00:02:00 | ||
| jQuery Events – mousedown and mouseup | 00:01:00 | ||
| jQuery Multiple Event Handlers | 00:02:00 | ||
| jQuery Hiding-Showing | 00:02:00 | ||
| jQuery Toggle | 00:01:00 | ||
| jQuery Fade In-Out | 00:04:00 | ||
| jQuery Fade Toggle | 00:01:00 | ||
| jQuery Fade To | 00:01:00 | ||
| jQuery Slide Down | 00:03:00 | ||
| jQuery Slide Up | 00:01:00 | ||
| jQuery Slide Toggle | 00:01:00 | ||
| jQuery Animate | 00:04:00 | ||
| jQuery Animate – Multiple Params | 00:01:00 | ||
| jQuery Animate – Relative Values | 00:01:00 | ||
| jQuery Animate – Queue Functionality | 00:02:00 | ||
| jQuery Stop Method | 00:02:00 | ||
| jQuery Callback Functions | 00:02:00 | ||
| jQuery Chaining | 00:03:00 | ||
| jQuery Draggables | 00:02:00 | ||
| jQuery Accordian Menu | 00:03:00 | ||
| jQuery Get Content – text and html | 00:03:00 | ||
| jQuery Get Content – Val | 00:01:00 | ||
| jQuery Get Content – attr | 00:01:00 | ||
| jQuery Set Content – text – html – val | 00:03:00 | ||
| jQuery Set Attributes – attr | 00:02:00 | ||
| jQuery Append and Preprend | 00:03:00 | ||
| jQuery – After and Before | 00:01:00 | ||
| jQuery Remove and Empty | 00:02:00 | ||
| jQuery Filter Remove | 00:02:00 | ||
| jQuery Add Class | 00:02:00 | ||
| jQuery Remove Class | 00:02:00 | ||
| jQuery Toggle Class | 00:01:00 | ||
| Section 15: Bootstrap Framework | |||
| Introduction to Bootstrap | 00:02:00 | ||
| Embedding Bootstrap | 00:01:00 | ||
| Bootstrap – Basic Page Structure | 00:05:00 | ||
| Bootstrap Grid System | 00:06:00 | ||
| Bootstrap Three Column Layouts | 00:02:00 | ||
| Bootstrap Typography | 00:07:00 | ||
| Bootstrap Tables | 00:03:00 | ||
| Bootstrap Styling Images | 00:02:00 | ||
| Bootstrap Jumbotron | 00:02:00 | ||
| Bootstrap Wells | 00:01:00 | ||
| Bootstrap Alerts | 00:02:00 | ||
| Bootstrap Buttons | 00:07:00 | ||
| Bootstrap Button Groups | 00:02:00 | ||
| Bootstrap Justified Button Groups | 00:03:00 | ||
| Bootstrap Glyphicons | 00:03:00 | ||
| Bootstrap Badges and Labels | 00:03:00 | ||
| Bootstrap Progress Bars | 00:03:00 | ||
| Bootstrap Pagination | 00:02:00 | ||
| Bootstrap Pager Pagination | 00:01:00 | ||
| Bootstrap List Groups | 00:05:00 | ||
| Bootstrap Panels | 00:03:00 | ||
| Bootstrap Dropdown Menus | 00:05:00 | ||
| Bootstrap Collapsibles | 00:03:00 | ||
| Bootstrap Collapse Panel | 00:02:00 | ||
| Bootstrap Collapse List Group | 00:01:00 | ||
| Bootstrap Accordian | 00:05:00 | ||
| Bootstrap Tab Menus | 00:05:00 | ||
| Bootstrap Pill Menus | 00:03:00 | ||
| Bootstrap Dynamic Tabs and Pills | 00:04:00 | ||
| Bootstrap Navigation Bar | 00:06:00 | ||
| Bootstrap Collapsible Navigation Bar | 00:04:00 | ||
| Bootstrap Forms – Vertical and Inline | 00:04:00 | ||
| Bootstrap Inputs | 00:04:00 | ||
| Bootstrap Form Control States | 00:04:00 | ||
| Bootstrap Input Sizing | 00:03:00 | ||
| Bootstrap Carousel | 00:09:00 | ||
| Bootstrap Modal | 00:04:00 | ||
| Bootstrap Tooltip | 00:02:00 | ||
| Bootstrap Popover | 00:03:00 | ||
| Bootstrap Scrollspy | 00:06:00 | ||
| Bootstrap Project – Themes Intro | 00:04:00 | ||
| Bootstrap Project – File Overview | 00:02:00 | ||
| Bootstrap Project – Script Overview | 00:09:00 | ||
| Bootstrap Project – Script Overview Continued | 00:08:00 | ||
| Section 16: PHP Development | |||
| PHP Introduction | 00:03:00 | ||
| PHP Preparation | 00:03:00 | ||
| PHP File Test | 00:02:00 | ||
| PHP Syntax | 00:06:00 | ||
| PHP Variables | 00:04:00 | ||
| PHP Variable Scope | 00:03:00 | ||
| PHP Global Keyword | 00:02:00 | ||
| PHP Static Keyword | 00:02:00 | ||
| PHP Echo vs Print | 00:04:00 | ||
| PHP Data Types | 00:06:00 | ||
| PHP Objects | 00:03:00 | ||
| PHP Strings | 00:02:00 | ||
| PHP Constants | 00:03:00 | ||
| PHP Operators | 00:09:00 | ||
| PHP Conditional Statements | 00:03:00 | ||
| PHP ElseIf Statement | 00:03:00 | ||
| PHP Switch Statement | 00:02:00 | ||
| PHP While Loops | 00:05:00 | ||
| PHP for Loops | 00:02:00 | ||
| PHP Functions | 00:03:00 | ||
| PHP Functions Continued | 00:02:00 | ||
| PHP Arrays | 00:05:00 | ||
| PHP Multidimensional Arrays | 00:02:00 | ||
| PHP Sorting Arrays | 00:03:00 | ||
| PHP Superglobal Variables | 00:02:00 | ||
| PHP Forms Introduction | 00:04:00 | ||
| PHP POST vs GET Basics | 00:05:00 | ||
| PHP Form Output and Validation | 00:10:00 | ||
| PHP Form Required Fields | 00:05:00 | ||
| PHP Validation Continued | 00:02:00 | ||
| Section 17: MySQL Database Integration | |||
| Introduction to MySQL Databases | 00:03:00 | ||
| Introduction PhpMyAdmin | 00:03:00 | ||
| PhpMyAdmin Interface Overview | 00:01:00 | ||
| MySQL Security and Root Superuser | 00:05:00 | ||
| MySQL Creating a Database and Table | 00:05:00 | ||
| MySQL Creating a New User | 00:06:00 | ||
| MySQL Database and Table Specific Privileges | 00:03:00 | ||
| MySQL Modifying and Deleting a Table | 00:05:00 | ||
| MySQL Modifying and Deleting a Database | 00:04:00 | ||
| Introduction to SQL | 00:02:00 | ||
| SQL Statements in PhpMyAdmin | 00:04:00 | ||
| Connect to MySQL Database using PHP | 00:05:00 | ||
| MySQL Database – Import Data | 00:02:00 | ||
| SQL Select | 00:02:00 | ||
| SQL Distinct Keyword | 00:02:00 | ||
| SQL Where Clause | 00:02:00 | ||
| SQL And Operator | 00:02:00 | ||
| SQL Or Operator | 00:01:00 | ||
| SQL Order By | 00:02:00 | ||
| MySQL Insert Into | 00:06:00 | ||
| MySQL Get Last ID | 00:01:00 | ||
| MySQL Insert Multiple Records | 00:02:00 | ||
| MySQL Prepared Statements | 00:03:00 | ||
| MySQL Delete Records | 00:08:00 | ||
| PHP Header Function | 00:01:00 | ||
| PHP Isset | 00:03:00 | ||
| MySQL Update Records | 00:07:00 | ||
| Section 18: XML l AJAX | |||
| Introduction to XML | 00:05:00 | ||
| XML Basics | 00:04:00 | ||
| XML Schema | 00:02:00 | ||
| XML Parsing | 00:02:00 | ||
| XML Parsing Continued | 00:04:00 | ||
| Introduction to AJAX | 00:02:00 | ||
| AJAX – Search Suggest Tutorial | 00:05:00 | ||
| AJAX – Database Select Menu Tutorial | 00:09:00 | ||
| Section 19: Development Project | |||
| Development Overview | 00:07:00 | ||
| Project Setup | 00:03:00 | ||
| Index Page Overview | 00:03:00 | ||
| Home Page Mods | 00:05:00 | ||
| About Page Mods | 00:08:00 | ||
| Blog Page Mods | 00:08:00 | ||
| MySQL Database Creation | 00:03:00 | ||
| Creating a Registration Form | 00:08:00 | ||
| Registration Status using JavaScript and AJAX | 00:08:00 | ||
| PHP Validation – Encryption – Session | 00:11:00 | ||
| Login Authentication – Part 1 | 00:02:00 | ||
| Login Authentication – Part 2 | 00:06:00 | ||
| Login Authentication – Part 3 | 00:03:00 | ||
| Login Authentication – Part 4 | 00:03:00 | ||
| Logout – Terminate Session | 00:03:00 | ||
| Contact Page – Google Maps API | 00:06:00 | ||
| Contact Form – AJAX Integration | 00:05:00 | ||
| PHPMailer Installation | 00:03:00 | ||
| PHP Form Validation and Email Transmission | 00:07:00 | ||
| Production Server Migration | 00:11:00 | ||
| Section 20: Google Apps for Work | |||
| Google Apps for Work – Introduction | 00:02:00 | ||
| Google Apps for Work – Registration | 00:07:00 | ||
| Google Apps for Work – Admin Console | 00:04:00 | ||
| Assignment | |||
| Assignment – Web Development Masterclass | 00:00:00 | ||
Important Links
With a team of industry professionals producing and delivering our course content, you can be sure the skills and knowledge you learn are applicable to your career aspirations, whether that’s in management, administration or beyond.
