Learn how to build a HTML 5 Login Framework Web Application
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
14 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn how to build a HTML 5 Login Framework Web Application to your Wishlist.

Add to Wishlist

Learn how to build a HTML 5 Login Framework Web Application

This HTML 5 login framework uses JavaScript, Ajax, JQuery, PHP & MySQL with MD5 encrypted passwords for added security.
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
14 students enrolled
Created by Maurice Price
Last updated 5/2017
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 3 Articles
  • 17 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build and tailor the login framework to secure content on a website
  • Use and understand hoe to create encrypted passwords
  • Update and retrieve data from the database via JavaScript Ajax functions
View Curriculum
Requirements
  • Have access to a Windows, Mac or Linux computer connected to the internet
  • Have access to a code editor or be able to download a code editor. (I recommend Adobe Dreamweaver)
  • Have access to a web-server or be able to install one locally (I recommend XAMPP)
Description

This course will show you how to build a HTML Login Framework. 

If you are wanting to learn how to build a html 5 based web application like this login framework perhaps to keep parts of a website secure, this login framework project will teach you how to do it.

With a HTML 5 front-end (HTML, JavaScript, JQuery, Ajax & CSS) and a PHP / MySQL back-end.

The course will take you step by step through building the JavaScript functions and Ajax functions that talk to the back end database via PHP.

I show you step by step how to code the PHP files for the server side of the application.

The project has fully documented downloadable source code so if you get stuck you can just look through the source code to see if you have missed something.

The source code has comments almost at each line and function to explain what each piece of code is doing.

When you have completed this course you should understand how all the components like HTML, JavaScript, JQuery, PHP and MySQL all work together to form the completed project.

If you need help while building the project please feel free to ask questions along the way using the udemy contact section in the course. i will respond to your questions as promptly as possible as I understand how important your learning experience is to you.

Who is the target audience?
  • Anyone who wants learn to build their own HTML5 Login system / framework
Students Who Viewed This Course Also Viewed
Curriculum For This Course
23 Lectures
03:01:40
+
Introduction
3 Lectures 09:23

HTML5 Login Framework project introduction.

Preview 06:03


Local Development Server

After viewing the video on XAMPP you will be able to install a local XAMPP development server on your Windows, Apple or Linux computer. 

Be sure to visit the Apache Friends website https://www.apachefriends.org/index.html


Setting up a local development server - XAMPP
00:12
+
Front End Development
9 Lectures 01:38:54

In this lecture you will learn how to add JavaScript Libraries and CSS files to your HTML project.
We also discuss using a CDN (Content Delivery Network ) for remotely hosting your JavaScript libraries.

Getting the CSS and JavaScript libraries
11:42

In the HTML login framework project you are required to use the JQuery JavaScript Library.

Hosting JavaScript Libraries
1 question

Download the resource files for this lecture and read through the creating the project PDF file and follow the instructions to create the project folders on your server.

Creating the project folders and getting the necessary libraries
00:03

After completing this lecture you will be able to layout a html page.

Creating the HTML framework layout page
10:55

After creating the JavaScript Function you will understand how to read a JSON array and iterate through the array to populate forms and lists. You will also learn how HTML forms send and receive data to a database via PHP scrips.

Preview 12:45

Questions relating to JavaScript  and JQuery

JavaScript and JQuery Questions
2 questions

Creating the JavaScript functions part 2

Creating the JavaScript functions (Part 2 of 5)
14:05

Creating the JavaScript functions part 3

Creating the JavaScript functions (Part 3 of 5)
15:54

Creating the JavaScript functions part 4

Creating the JavaScript functions (Part 4 of 5)
16:42

Creating the JavaScript functions part 5

Creating the JavaScript functions (Part 5 of 5)
01:31

In this lecture I take you through the CSS file and show you how the HTML pages are styled and formatted using CSS.

Styling the Login Page using CSS
15:17

Is CSS important to have in your HTML document?

What does CSS have to do with HTML?
2 questions
+
MySQL Database
1 Lecture 03:31

In this lecture I show you how to create a MySQL database and then create the tables and populate the database with data from an SQL file. The program I will be using is phpmyadmin which comes as part of XAMPP local server which we discussed in the beginning of the course.

Creating the MySQL Database and tables for the login framework
03:31
+
Back End PHP Development
6 Lectures 34:51

This lecture shows you how to connect the project to the MySQL database using PHP

Connecting to the database
02:16

In this lecture we build the PHP file that handles the authentication. It receives the request from the HTML page via an Ajax request. It converts the password to an md5 hash and runs a database select query to see if the login credentials are a match. If they match it returns true and if not it returns false by returning a JSON array.

Preview 11:48

This lecture is all about creating the menu.php file. This file is what pulls the menu items from the database table and packages the data into a JSON array which is then sent back to the front end HTML page to be displayed as the menu at the top of the login framework. 

Creating the Menu PHP file
04:47

In this lecture I show you how the PHP file gets the data via a select query using prepared statements and PDO (PHP Data Objects).

Creating the users.php file
07:36

In this lecture like the previous one, I show you how the PHP file gets the data via a select query using prepared statements and PDO (PHP Data Objects). This time it's  for the administration user.

Creating the admin user list php file
03:35

In this lecture I show you how the PHP file gets the data via a select query using prepared statements and PDO (PHP Data Objects).

Creating the admin users php file
04:49
+
Creating the login framework HTML pages
3 Lectures 34:02

In this lecture I show you how to make the HTML pages that load into the main body of the framework after login. These pages are loaded when a menu item is selected.

Creating the Login Framework HTML Pages (Part 1 of 3)
05:24

In this lecture I show you how to make the HTML pages that load into the main body of the framework after login. These pages are loaded when a menu item is selected.

Creating the Login Framework HTML Pages (Part 2 of 3)
14:19

In this lecture I show you how to make the HTML pages that load into the main body of the framework after login. These pages are loaded when a menu item is selected.

Creating the Login Framework HTML Pages (Part 3 of 3)
14:19
+
Completed Project Resources
1 Lecture 00:58

In this section you can download the entire completed project source and database files.

Getting the completed project source code and database files
00:58
About the Instructor
Maurice Price
4.2 Average rating
13 Reviews
1,445 Students
3 Courses
Web Application Programmer

I've have been programming and creating business applications for over 20 years. during this time I've built projects from large complex business enterprise applications through to simple mobile applications.

I'm excited about developing applications and have built mobile applications for government and for private enterprise.

I enjoy sharing my knowledge and help teach others that are interested in mobile application development.