• No products in the basket.

Watch this class and thousands more

Get unlimited access to every class

Taught by industry leaders & working professionals

Topics include illustration, design, photography, and more

Lessons in This Class

    • Course Learning Objectives 00:03:00
    • 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
    • Web Development Process Overview 00:03:00
    • Web Application Planning Overview 00:05:00
    • 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
    • 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
    • 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
    • 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:14: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
    • FTP Client Installation 00:02:00
    • FileZilla Overview 00:04:00
    • FileZilla Uploading 00:03:00
    • FileZilla Interface Basics 00:02:00
    • 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
    • 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
    • DOM Introduction 00:03:00
    • DOM Manipulation 00:01:00
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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

Duration:

19 hours, 39 minutes

Students:

25
4.7
4.7
25

Students

10

Reviews

About This Class

Overview

The Web Development Masterclass is a comprehensive course designed to equip learners with the essential skills required to build dynamic, responsive, and professional websites from scratch. Covering both front-end and back-end development, this course includes HTML, CSS, JavaScript, React, Node.js, databases, and deployment strategies. Whether you're a beginner or looking to enhance your skills, this course provides hands-on experience with real-world projects and coding challenges.

By following a structured curriculum, students will gain proficiency in creating user-friendly websites, developing interactive web applications, and understanding server-side programming. The course also emphasizes modern frameworks, industry best practices, and problem-solving techniques to help learners stay ahead in the tech industry. Through step-by-step guidance and expert mentorship, participants will be able to develop a strong portfolio that showcases their capabilities to potential employers or clients.

Learning Outcomes

By the end of this course, you will be able to:

  • Build responsive websites using HTML, CSS, and JavaScript.
  • Develop interactive front-end applications with React.js.
  • Work with back-end technologies like Node.js and Express.
  • Manage databases using MySQL and MongoDB.
  • Implement authentication and security best practices.
  • Deploy and host websites on cloud platforms.
  • Use version control tools like Git and GitHub.
  • Develop a portfolio with real-world web development projects.

Description

This course provides in-depth training in web development, covering both front-end and back-end technologies. Learners will work on real-world projects to build fully functional websites and web applications. The curriculum includes HTML, CSS, JavaScript, React, Node.js, Express, MongoDB, and deployment strategies. Students will gain hands-on experience, coding best practices, and problem-solving techniques. By the end of the course, participants will have a solid foundation to pursue careers in web development, freelance opportunities, or entrepreneurial ventures.

Who is this Course for?

This course is ideal for beginners who want to start a career in web development, professionals looking to upskill, entrepreneurs wanting to build their own websites, and students interested in learning modern web technologies. No prior coding experience is required, making it suitable for anyone eager to learn.

Career Path

Graduates of this course can pursue careers as front-end developers, back-end developers, full-stack developers, web designers, or freelance developers. With the demand for web development skills growing globally, this course opens doors to remote job opportunities, tech startups, and software development firms.

Related Skills