Overview:
Welcome to our dynamic online course, “Web Development Masterclass,” designed to equip you with the essential skills to become a proficient web developer. Throughout this comprehensive journey, you’ll learn the fundamental technologies and best practices needed to create stunning and functional websites. With a focus on hands-on learning, you’ll gain practical experience in HTML, CSS, JavaScript, and more, enabling you to build responsive and interactive web applications. Whether you’re a beginner or looking to enhance your existing skills, this course provides the perfect platform to embark on your web development journey.
- Interactive video lectures by industry experts
- Instant e-certificate and hard copy dispatch by next working day
- Fully online, interactive course with Professional voice-over
- Developed by qualified first aid professionals
- Self paced learning and laptop, tablet, smartphone friendly
- 24/7 Learning Assistance
- Discounts on bulk purchases
Main Course Features:
- Comprehensive coverage of HTML, CSS, and JavaScript
- Hands-on projects to reinforce learning
- Responsive web design principles
- Introduction to front-end frameworks like Bootstrap and React.js
- Back-end development using Node.js and Express.js
- Database management with MongoDB
- Deployment strategies for web applications
- Best practices for web development and version control with Git
Who Should Take This Course:
- Aspiring web developers seeking a solid foundation in both front-end and back-end technologies
- Beginners interested in starting a career in web development
- Professionals looking to enhance their web development skills for personal or professional growth
Learning Outcomes:
- Master HTML, CSS, and JavaScript for web development
- Build responsive and visually appealing websites
- Utilize front-end frameworks for efficient development
- Develop server-side applications with Node.js and Express.js
- Implement database solutions using MongoDB
- Deploy web applications to production environments
- Apply best practices for web development projects
- Collaborate effectively using version control with Git
Certification
Once you’ve successfully completed your course, you will immediately be sent a digital certificate. Also, you can have your printed certificate delivered by post (shipping cost £3.99). All of our courses are fully accredited, providing you with up-to-date skills and knowledge and helping you to become more competent and effective in your chosen field. Our certifications have no expiry dates, although we do recommend that you renew them every 12 months.
Assessment
At the end of the Course, there will be an online assessment, which you will need to pass to complete the course. Answers are marked instantly and automatically, allowing you to know straight away whether you have passed. If you haven’t, there’s no limit on the number of times you can take the final exam. All this is included in the one-time fee you paid for the course itself.
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 | ||
Food Hygiene
Health & Safety
Safeguarding
First Aid
Business Skills
Personal Development



