Web Development Masterclass

Learn to Develop Dynamic Database Driven Websites like a Pro!
Enroll Now $199 $19.99

Why Enroll?

Check out just a few key highlights for:
Web Development Masterclass.

147,391 Students

Join a community of other students taking this course.

Duration

Each lecture is recorded in HD 1920x1080p with clear audio.

4.8/5 Stars

All courses are rated by fellow community members.

More Benefits

Learning with YouAccel has several exciting benefits.

Clear HD Video

All YouAccel courses are recorded and produced in 1920x1080p HD Quality.

Live Support

Have a question? Contact our support team at any time using our chat feature, or built-in messaging console.

Certification

All YouAccel courses come with a Certificate of Completion. This helps Showcase your proficiency in a subject to prospective employers.

Lifetime Access

All YouAccel courses include lifetime on-demand access. Class lecture are also available for offline viewing.

Community

Join a community of over 600,000 learners. Connect & Communicate through YouAccel's networking tools.

Job Pool

YouAccel's integration with Indeed makes it easy to search through thousands of jobs and apply with just a click.

Course Outline

A comprehensive list of all sections & lectures for this course can be found below.

Section 1: Introduction

Web Development Masterclass - Introduction - 03:05 [Play]

Course Learning Objectives - 02:48

Locating Assessments and Course Files - 01:12

Web Development Process Overview - 02:46 [Play]

Introduction to CSS - 03:31 [Play]

Parts of a CSS Rule - 06:31

Types of CSS Rules - 02:55

CSS - Color Names and Codes - 02:17

CSS Classes and Spans - 05:44

CSS Divisions - DIVs - 02:53

CSS IDs - 05:54

CSS Margins - 03:53

CSS Padding - 02:12

CSS Text Properties - 08:29

CSS Font Properties - 03:00

CSS Borders - 02:19

CSS Backgrounds - 06:25

CSS Transparency - 02:53

CSS Text on Top of Images - 05:10

CSS Width and Height Properties - 06:04

CSS Display Properties - 02:10

CSS Static Positioning - 01:54

CSS Relative Positioning - 04:03

CSS Absolute Positioning - 02:12

CSS Fixed Positioning - 02:08

CSS Float Property - 02:23

CSS Clear Property - 01:09

CSS Z-Index - 01:40

CSS Styling Links - 02:01

CSS Tables - 02:16

CSS Project - Introduction - 01:23

CSS Project - CSS Rules - 05:36

CSS Project - Navigation Rules - 02:16

CSS Project - Responsive CSS - 02:37

CSS Project - Page Elements - 02:34

Introduction to Bootstrap - 02:12 [Play]

Embedding Bootstrap - 00:50

Bootstrap - Basic Page Structure - 05:29

Bootstrap Grid System - 05:32

Bootstrap Three Column Layouts - 02:24

Bootstrap Typography - 06:50

Bootstrap Tables - 03:00

Bootstrap Styling Images - 02:17

Bootstrap Jumbotron - 02:28

Bootstrap Wells - 00:59

Bootstrap Alerts - 02:25

Bootstrap Buttons - 07:12

Bootstrap Button Groups - 01:57

Bootstrap Justified Button Groups - 02:33

Bootstrap Glyphicons - 02:52

Bootstrap Badges and Labels - 03:13

Bootstrap Progress Bars - 02:54

Bootstrap Pagination - 02:24

Bootstrap Pager Pagination - 01:18

Bootstrap List Groups - 05:10

Bootstrap Panels - 02:33

Bootstrap Dropdown Menus - 04:37

Bootstrap Collapsibles - 03:24

Bootstrap Collapse Panel - 01:54

Bootstrap Collapse List Group - 00:57

Bootstrap Accordian - 05:01

Bootstrap Tab Menus - 04:47

Bootstrap Pill Menus - 03:13

Bootstrap Dynamic Tabs and Pills - 04:03

Bootstrap Navigation Bar - 06:24

Bootstrap Collapsible Navigation Bar - 03:31

Bootstrap Forms - Vertical and Inline - 03:36

Bootstrap Inputs - 04:28

Bootstrap Form Control States - 03:42

Bootstrap Input Sizing - 03:12

Bootstrap Carousel - 09:23

Bootstrap Modal - 04:02

Bootstrap Tooltip - 02:12

Bootstrap Popover - 02:52

Bootstrap Scrollspy - 05:41

Bootstrap Project - Themes Intro - 03:32

Bootstrap Project - File Overview - 02:15

Bootstrap Project - Script Overview - 08:47

Bootstrap Project - Script Overview Continued - 07:50

JavaScript - Introduction - 05:42 [Play]

JavaScript Placement - 02:10

External JavaScript - 01:50

JavaScript Output - 01:41

JavaScript InnerHTML - 01:03

JavaScript Commenting - 01:49

JavaScript Constants - 01:34

JavaScript Variables Introduction - 04:31

JavaScript Assignment Operator - 01:06

JavaScript Arithmetic Operations - 03:44

JavaScript Arithmetic Operations Continued - 03:46

JavaScript Operator Precedence - 00:58

JavaScript Data Types - 01:13

JavaScript Objects - 01:43

JavaScript Object Output - 01:23

JavaScript Strings - 03:12

JavaScript String Length - 00:41

JavaScript Special Characters - 01:19

JavaScript Random Numbers - 00:55

JavaScript Min and Max Function - 01:05

JavaScript Math Round Function - 01:38

JavaScript Arrays - 02:15

JavaScript Array Attributes - 01:28

JavaScript Arrays - Pop - Push - Shift - Unshift - 02:05

JavaScript Changing and Deleting Elements - 01:59

JavaScript Splicing an Array - 01:35

JavaScript Sorting an Array - 01:24

JavaScript Joining Arrays - 01:04

JavaScript Conditional Statements - 06:18

JavaScript Comparisons - 02:26

JavaScript Booleans - 01:21

JavaScript For Loops - 02:40

JavaScript For-In Loop - 00:47

JavaScript While Loops - 02:08

JavaScript Do-While Loop - 01:58

JavaScript Break and Continue - 01:14

JavaScript Functions - 01:54

JavaScript Events - 01:19

JavaScript Project 1 - BG Color Changer - 02:14

JavaScript Project 2 - Photo Gallery - 02:24

JavaScript Project 2 - Completion - 02:38

Introduction to jQuery - 01:31 [Play]

Embedding jQuery - 00:52

jQuery Syntax and Selector Intro - 03:32

jQuery ID Selector - 01:36

jQuery Class Selector - 01:08

jQuery Other Selectors - 01:54

External jQuery File - 01:43

jQuery Events Intro - 02:05

jQuery Events - mouseenter and mouseleave - 02:07

jQuery Events - mousedown and mouseup - 01:14

jQuery Multiple Event Handlers - 01:31

jQuery Hiding-Showing - 02:09

jQuery Toggle - 01:24

jQuery Fade In-Out - 04:09

jQuery Fade Toggle - 01:27

jQuery Fade To - 01:19

jQuery Slide Down - 03:06

jQuery Slide Up - 00:58

jQuery Slide Toggle - 00:47

jQuery Animate - 03:30

jQuery Animate - Multiple Params - 00:58

jQuery Animate - Relative Values - 00:42

jQuery Animate - Queue Functionality - 01:59

jQuery Stop Method - 01:52

jQuery Callback Functions - 02:10

jQuery Chaining - 02:39

jQuery Draggables - 02:23

jQuery Accordian Menu - 03:18

jQuery Get Content - text and html - 02:42

jQuery Get Content - Val - 01:07

jQuery Get Content - attr - 01:08

jQuery Set Content - text - html - val - 02:49

jQuery Set Attributes - attr - 01:48

jQuery Append and Preprend - 02:33

jQuery - After and Before - 01:19

jQuery Remove and Empty - 01:32

jQuery Filter Remove - 01:47

jQuery Add Class - 02:17

jQuery Remove Class - 01:53

jQuery Toggle Class - 00:44

PHP Introduction - 03:03 [Play]

PHP Preparation - 02:56

PHP File Test - 02:21

PHP Syntax - 05:37

PHP Variables - 03:46

PHP Variable Scope - 03:15

PHP Global Keyword - 02:04

PHP Static Keyword - 01:45

PHP Echo vs Print - 04:02

PHP Data Types - 05:47

PHP Objects - 02:59

PHP Strings - 01:51

PHP Constants - 03:05

PHP Operators - 08:53

PHP Conditional Statements - 02:32

PHP ElseIf Statement - 03:11

PHP Switch Statement - 01:45

PHP While Loops - 04:35

PHP For Loops - 01:40

PHP Functions - 03:29

PHP Functions Continued - 01:50

PHP Arrays - 04:51

PHP Multidimensional Arrays - 01:59

PHP Sorting Arrays - 02:51

PHP Superglobal Variables - 02:10

PHP Forms Introduction - 04:06

PHP POST vs GET Basics - 05:25

PHP Form Output and Validation - 09:36

PHP Form Required Fields - 04:40

PHP Validation Continued - 01:46

Introduction to MySQL Databases - 02:40 [Play]

Introduction PhpMyAdmin - 02:36

PhpMyAdmin Interface Overview - 01:13

MySQL Security and Root Superuser - 05:03

MySQL Creating a Database and Table - 05:24

MySQL Creating a New User - 05:34

MySQL Database and Table Specific Privileges - 03:05

MySQL Modifying and Deleting a Table - 04:31

MySQL Modifying and Deleting a Database - 04:08

Introduction to SQL - 01:35

SQL Statements in PhpMyAdmin - 04:05

Connect to MySQL Database using PHP - 05:03

MySQL Database - Import Data - 01:43

SQL Select - 02:27

SQL Distinct Keyword - 01:45

SQL Where Clause - 01:40

SQL And Operator - 01:43

SQL Or Operator - 01:01

SQL Order By - 01:37

MySQL Insert Into - 06:29

MySQL Get Last ID - 01:27

MySQL Insert Multiple Records - 01:44

MySQL Prepared Statements - 02:45

MySQL Delete Records - 07:49

PHP Header Function - 01:17

PHP Isset - 02:35

MySQL Update Records - 07:07

Development Overview - 06:47 [Play]

Project Setup - 03:20

Index Page Overview - 03:06

Home Page Mods - 04:36

About Page Mods - 07:33

Blog Page Mods - 08:05

MySQL Database Creation - 02:51

Creating a Registration Form - 07:48

Registration Status using JavaScript and AJAX - 07:55

PHP Validation - Encryption - Session - 10:43

Login Authentication - Part 1 - 01:40

Login Authentication - Part 2 - 05:41

Login Authentication - Part 3 - 02:53

Login Authentication - Part 4 - 03:18

Logout - Terminate Session - 03:07

Contact Page - Google Maps API - 05:35

Contact Form - AJAX Integration - 04:33

PHPMailer Installation - 02:46

PHP Form Validation and Email Transmission - 07:06

Production Server Migration - 10:42

Web Application Planning Overview - 04:37 [Play]

Introduction to HTML - 01:46 [Play]

Basic Structure of a Web Page - 03:36

HTML Head Tags - 07:59

HTML Body Tag - 03:18

HTML Paragraph Spacing - 02:57

HTML Line Breaks - 02:04

HTML Non-Breaking Space - 02:38

HTML Header Tags - 01:58

HTML Text Formatting and Decoration - 05:15

HTML Inline Text Formatting - 02:05

HTML Unordered Lists - 02:36

HTML Ordered Lists - 02:40

HTML Image Insertion - 03:57

HTML Embedding Videos - 02:51

HTML Absolute vs. Relative File Referencing - 02:01

HTML Link Creation - 06:35

HTML Anchor Tags - 06:17

HTML Tables - 11:29

HTML Nested Tables - 06:27

HTML Merging Cells - 01:00

HTML Text Wrapping - 01:17

HTML Table Background Image - 01:12

HTML Table Cell Alignment - 00:40

HTML - Introduction to Forms - 03:30

HTML Form Tags and Attributes - 04:00

HTML Forms - Post vs. Get - 02:09

HTML Forms - Input Text Fields - 03:52

HTML Forms - Select Menus - 05:32

HTML Forms - Check Boxes and Radio Buttons - 05:44

HTML Forms - Text Areas and Buttons - 05:49

HTML Iframes - 04:04

HTML Project - Introduction - 01:41

HTML Project - Header - 03:33

HTML Project - Callout - 03:19

HTML Project - Image Insertion - 01:34

HTML Project - Text Insertion - 01:23

HTML Project - Links and Form - 03:28

HTML Project - Tabular Data - 02:24

HTML Project - Footer - 01:22

Web Hosting Packages Overview - 05:19 [Play]

Shared Hosting - 04:37

Dedicated Hosting - 02:03

VPS Hosting - 01:24

Cloud Hosting and Case Study - 12:50

The Internet Overview - 05:26 [Play]

The HTTP Protocol - 03:34

The HTTPS Protocol - 03:12

The SMTP Protocol and Local Mail Delivery - 04:43

Outbound Mail Delivery - 02:08

Network Basics - LAN and WAN - 05:56

Network Ports and Firewalls - 05:01

Introduction to Domain Names - 02:48 [Play]

Domain Name Registrars - 02:41

Domain Registration - 02:35

Registration and Privacy Protection - 07:06

Control Panel Sign-In - 01:43

Auto-Renewal and Domain Lock - 02:23

Domain Forwarding - 02:18

Nameservers - 01:23

Update Registration Information - 01:15

Introduction to Testing Servers - 02:48 [Play]

Installing WampServer - WAMP - 05:12

Installing MampServer - MAMP - 10:32

WampServer Menu - 05:19

Localhost File Test - 01:42

Overview - 02:24 [Play]

Cloud Hosting Registration - 03:54

Creating a Virtual Server - 03:10

Linode Settings and Configuration - 01:24

Deploying an Image - Ubuntu 14.04 LTS - 03:37

Linode Dashboard - 02:27

Remote Access - 02:30

Download PuTTY and PuTTYgen - Windows - 01:00

Launch Terminal - MAC - 00:29

Intro to Command Console - 02:09

Connecting with PuTTY - Windows - 02:01

Connecting with Terminal - MAC - 01:08

Maintenance Commands - 02:39

File and Directory Commands - 02:58

Installing LAMP Stack - 04:29

Server Host Name and Date - 03:08

Creating a User - Ubuntu - 02:56

Ubuntu SSH Authentication - Windows - 07:46

Ubuntu SSH Authentication - MAC - 07:57

Web Root Permissions - 04:06

Remote Dekstop Connection - 10:48

Installing Tight VNC Viewer - Windows - 03:28

Installing RealVNC Viewer - MAC - 02:44

Ubuntu Desktop Basics - 03:54

Disable Root and Password Access - 03:51

Re-sizing a Linode Server - 02:20

Creating Backups on Linode - 04:05

Changing Root Password through Linode - 00:34

Linode DNS Manager - 10:11

Amending GoDaddy Name Servers - 04:08

FTP Client Installation - 02:21 [Play]

FileZilla Overview - 04:09

FileZilla Uploading - 03:20

FileZilla Interface Basics - 01:40

Introduction to XML - 04:40 [Play]

XML Basics - 04:23

XML Schema - 02:03

XML Parsing - 02:00

XML Parsing Continued - 03:58

Introduction to AJAX - 01:50

AJAX - Search Suggest Tutorial - 05:28

AJAX - Database Select Menu Tutorial - 09:18

DOM Introduction - 03:12 [Play]

DOM Manipulation - 01:18

Google Apps for Work - Introduction - 02:07 [Play]

Google Apps for Work - Registration - 07:02

Google Apps for Work - Admin Console - 03:45

Course Description

This course offers a comprehensive look into the entire web development process - from local server configuration using WAMP and MAMP to production deployment using the latest web technologies including: LAMP Stack (Linux, Apache, PhpMyAdmin and MySQL) for Ubuntu, HTML 5, CSS, Bootstrap, JavaScript, jQuery, XML, and AJAX.

The content is ideal for those interested in working as a web developer or launching a web based presence for a new or existing product or service. The concepts explored in this course are suitable for individuals of all skill levels. Each module starts with the fundamental concepts and gradually transitions into more complex material.

The development style taught in this course is specifically intended to address the importance of creating scalable web infrastructures on cloud hosting platforms that can accommodate any type of project, while maintaining the lowest overhead cost possible. This includes small informational websites of only a few pages to advanced 'big data' style, dynamic web applications. We go through several live examples of web development and Linux based server configurations on popular Cloud hosting providers such as Linode.com.

Section 1 & 2 (Introduction, How the Internet Works)

The course begins with with an overview of learning objectives. We then explore how the internet works, including the composition and transmission of data packets over both LAN and WAN Networks. Next we take a look at the HTTP and HTTPs protocols as applicable to client and server side communications - including DNS Lookups. This section will also teach students how email exchange works over SMTP and IMAP. The role of Network Ports and Firewalls are also introduced.

Section 3, 4: (The Web Development Process, Planning a Website)

Students will gain an understanding of all the steps involved in the web development process.

Section 5: Web Hosting and System Requirements

We conduct an in-depth case analysis of web hosting solutions including: Shared, Virtual Private, Dedicated and Cloud Hosting.

We provide an overview of various packages offered by different web hosting companies and weigh the pros and cons of each one.

Students are also introduced to the importance of web server scalability and the advantages of cloud hosting over traditional hosting services. We also examine the infrastructure requirements of popular, resource intensive applications such as Netflix and Facebook to emphasize the importance of avoiding costly mistakes in the initial stages of development.

Section 6: Domain Names

We provide an overview of the domain name registration process. This includes the role of registrars and TLD (Top Level Domain) administration by ICANN. ccTLD's (Country Code Top Level Domains) are also explored.

Students will gain hands-on experience with the registration process using popular domain registrars. We will provide a comparison of different registrars and register a sample domain name using GoDaddy.com. Other topics of discussion will include: domain name privacy and administration, auto-renewal, domain forwarding, and name server assignment.

Section 7: Testing Environment

Students will be introduced to configuring a local testing server on a PC or MAC system using WAMP (Windows, Apache, MySQL, PhpMyAdmin) or MAMP (MAC, Apache, MySQL, PhpMyAdmin). The lessons will provide a detailed guide on installation of the packages and an overview of the interface menu.

Section 8: Production Environment

Students will acquire the skills needed to optimally configure a live production environment for securely hosting web applications on a cloud server (Linode). The section will start with an overview of different cloud hosting providers such as Amazon Web Services, Microsoft Azure, Linode and Digital Ocean.

We will then provide a live demonstration of server setup using Linode.com. This includes deployment of Ubuntu and installation of LAMP (Linux, Apache, MySQL, PhpMyAdmin) on the Linode Server using remote access consoles such as Terminal (MAC) and PuTTY for Windows.

Students will gain an in-depth knowledge of server maintenance, file and directory commands. We will also explore SSH Authentication for multiple users and file permissions to reduce security vulnerabilities. Remote Desktop connections for server administration will also be taught, using Tight VNC (Windows) and RealVNC (MAC).

A thorough overview of the Linode server management console will be conducted, to show students how to scale servers, change root passwords, manage the DNS Zone file and create back-ups.

Section 9: FTP Setup

Students will learn the role of an FTP (File Transfer Protocol) client to connect to a remote server, through a local machine. We will provide a live demonstration on file upload using FileZilla and explore the FileZilla Interface for connection management.

Section 10: HTML Development

Section 10 explores HTML (Hyper Text Markup Language). HTML is a key fundamental building block when learning to develop websites. Students will initially learn the basics of HTML page structure and gradually transition into working with spacing, text formatting, lists, images, videos, links, anchors, tables, forms and much more. We also include several projects, where students are shown first-hand, how to develop and code html web pages from scratch.

Section 11: CSS Development

Students learn to use CSS (Cascading Style Sheets) to create stylish, responsive web page layouts. We start by discussing the parts and types of CSS rules, followed by CSS classes, DIVS, and ID's. Students will gain significant exposure to various formatting options, including margins, padding, font properties, backgrounds, transparency, positioning, link styling and CSS tables. This section includes a hands-on web development project where students will utilize the concepts explored in the lesson.

Section 12: Document Object Model (DOM)

As a precursor to JavaScript, we explore the DOM (Document Object Model). We will explain its usage and application in manipulating HTML and CSS elements.

Section 13: JavaScript Development

We introduce students to JavaScript coding to add interactivity to static HTML and CSS pages. The section starts with discussing JavaScript placement, using both internal and external scripts. We then take a look at JavaScript output, variable declarations, arithmetic operators, objects, strings, math functions, arrays, conditional statements, loops, functions and events. Students also go through two hands-on projects that will further solidify their knowledge of the concepts explored in the lessons.

Section 14: JQuery Library

We explores the jQuery library and many of its unique features, used to create stunning, animated web pages. We start with the basics, from embedding jQuery into web pages to working with Selectors. Students then explore working with events, toggling, fading, sliding, and other forms of animation. The lessons also teach students how to work with callbacks, chaining, dragables, accordion menus and many other functions.

Section 15: Bootstrap Framework

Students are taught to use the Bootstrap framework for responsive, mobile-first - front-end development. As one of the leading open-source development libraries, Bootstrap is an essential part of the developers coding arsenal. The section begins with teaching students how to include essential Bootstrap files into web pages. It then explores the Bootstrap Grid system and popular layout strategies for optimal cross-device and cross-browser compatibility.

Students gain exposure to just about every Bootstrap component, from typography, tables and images, to jumbotrons, wells, alerts, buttons, glyphicons and progress bars. The section includes several hands-on exercises that will walk students through the process of creating stunning layouts, complete with modals, carousels, popovers, drop-down menus, forms and much more.

Section 16: PHP Development

Students gain exposure to creating dynamic web applications and functionality using PHP. We start with the basics, including variable declaration and data output. The lessons then transition into working with objects, conditional statements, loops, functions, arrays and form validation.

Section 17: MySQL Database Integration

Students learn to unleash the true power of web application development with MySQL database integration. We start with the basics from database and table creation, to user management. Next we explore the execution of commonly used SQL statements for database modification and administration. Students are also taught how to create database connections and execute SQL statements from PHP scripts.

Section 18, 19 (XML, AJAX, & Development)

We explore XML and AJAX integration to create dynamic content, without page refresh. The lessons will cover several hands-on training exercises that will encompass many of the exciting functions AJAX offers. Students will build a website complete with database integration, registration forms with server-side validation, user authentication, and a SMTP-based contact submit form.

Section 20: Google Apps for Work

Students learn to create a customized business email address using Google Apps for Work. Email administration is also explored, along with alias creation.

Web Development Masterclass

All course reviews are written by students who have completed the course or are currently enrolled.

Course Instructor - Youaccel

youaccel
Teaching 93 Courses

youaccel is currently teaching 93 courses. All courses are currently open for enrollment.

574,171 Enrollments

youaccel currently has 574,171 global enrollments across 93 courses that are active on the platform.

4.5 Star Rating

youaccel has an average rating of 4.5/5 stars, across 93 courses.

YouAccel is a leading provider in online training, offering courses across numerous industries from IT and Development to Business, Marketing, Design, and Productivity. The e-learning experience provided by YouAccel is Dynamic. Each course is streamed in High Definition with corresponding assignments, quizzes, and exams that are delivered and graded electronically. All YouAccel courses are taught by certified educators that have numerous years of work experience in the field for which they provide instruction. The courses can be taken at one's own pace and are offered at several levels including beginner, intermediate and advanced. Online courses are also compatible with any mobile device for the ultimate in convenience. Taking the experience to a new personalized level, live communication with instructors is available through an online messaging console. All courses come with a certificate of completion and no age restrictions apply.



All Courses include a 30-Day Satisfaction Guarantee.

You have nothing to lose. Give the course a try. If it's not what you expected, get a full refund within 30 days of purchase.