Advanced PHP Ajax Registration & Login Form

Ajax Signup & Login Form With Real Time Validations & Complete User Profile with Ajax & PHP, Learn Regular Expressions

Created byShakil Khan

Last updated 5/2019

English

What you'll learn

You will learn Ajax Technique
You will learn PDO (PHP Data Object) Concept
Bootstrap 4 framework components
Google Place API
Submit form with Bootstrap Modal
Professional jQuery Validations
Session flash messages
Password hashing with full security
Build complete user profile
Upload image with extensions validation
JavaScript complex regular expressions validate URL and all form fields using regular expression

Course content

6 sections • 78 lectures • 11h 8m total length

Section Introduction0:37
In this video i will give you the brief overview of the section
Download Editor & Server3:30
In this video we will download sublime text 3 editor and also we will download the local server for PHP
Download Bootstrap framework and jQuery library7:37
In this video we will donwload the bootstrap 4 framework and also we will download the jQuery library

Section Introduction1:40
In this video i will give you the brief overview about the section actually what we will build in this section.
Create Index Page9:05
In this video we will create simple index.php page and inside the index page will create html document and we will link all the css files in index page.
Create Navigation Bar8:57
In this video we will create navigation bar using html5 css3 & bootstrap framewrok.
Custom Navigation Style Using CSS36:35
In this video we will add some css3 styles to bootstrap navigation bar
Create Signup Form10:25
In this video we will create the signup form & we will add css transitions to form and we will use the bootstrap 4 framework
Style The Signup Form With CSS35:08
In this video we will add CSS3 styles to our signup
Style The Signup Form With CSS3 Part25:30
In this second part of the video we will add some css3 transitions to signup form.
Create Login Form6:02
In this video we will create the login form we will just modify the signup form.
Apply jQuery Effects On Singup & Login Form3:58
In this video we will add jQuery effects to form we will add hide and show effect to signup & login from.
Apply CSS3 Animations To Form10:02
In this video we will add css3 animations to login and signup form for more details watch the video.
Form Input Design5:55
In this part of the video we will modify the bootstrap input fields and we will add some custom styles to input fields.

Section Introduction0:34
In this video i will give you the brief overview of the section what we will learn the this section.
What Is Regular Expression9:20
In this video we will learn with details what is JavaScript?
Regular Expression Part22:29
In this part of the video we will learn more about JavaScript regular expression.
Regular Expression Validate Email Address7:46
In this part of the video we will validate an email address using JavaScript regular expression.
Regular Expression Validate Password7:55
In this video we will validate the password using JavaScript regular expression.

Section Intro2:16
In this video i will give you the brief overview of this section what we will build in this section.
Create Variables For Input Fields5:51
In this video we will start the form validations and form submission. so first we will create the variables for all input fields.
Name Field Validation12:31
In this video we will validate the name input field using jQuery and JavaScript regular expression.
Name Field Validation Part213:12
Name Field Validation Part31:54
In this part of the video we will validate name field
Email Validation11:53
In this video we will validate the email input field.
What Is Ajax?2:52
In this video we will discus what is ajax? and why are using ajax technique.
Send The Ajax Request8:26
In this video we will send the ajax request to server.
Return Data In JSON Format5:32
In this video we will return ajax request in JSON format.
Create Database Connection15:46
In this video we will create the database connection and also we will do some PHP code.
Already Exist Email Success & Error Message8:50
In this video we will display the success and error message of already exist email.
Display Success Icon3:31
In this video we will display the success font awesome icon if you get the success response from server then we will display the success icon otherwise we will display the error icon.
Password Validations11:31
In this video we will validate the Password field.
Modify The Password Success & Error Message2:30
In this video we will modify the success and error message of password field.
Confirm Password Validations9:16
In this video we will validate the confirm password field.
Submit The Form5:30
In this video we will submit the from i mean we will send the ajax request but before sending the ajax request again we need to check the validations.
Submit The Form Part29:41
This is the second part of the submit signup form.
Submit The Form Part312:50
This is the third part of the signup form submission.
Create & Design Waiting Bar8:02
In this video we will create and design the waiting bar.
Display The Signup Success Message14:29
In this video we will display the signup success message, if user signup successfully then we will display the success message to user.
Login Form Validations13:38
In this video we will validate the login form if the email and password fields are empty then we will display the error message.
Login Ajax Request12:16
In this video we will send the ajax request for login form.
Login Form Ajax Request Response14:35
In this video we will return the login ajax request feedback in JSON format.
Create Login Waiting Bar7:06
In this video we will create login waiting bar using CSS3
Solve The Problem3:53
In this video we will solve the previous video problem.

Section Intro1:44
This is the intro video of this section.
Create The Layout7:03
In this video we will create the basic layout of profile page using CSS & Bootstrap4 Framework.
Create Cool Labels5:18
In this video we will create Cool Labels using CSS & CSS3.
Display Links18:53
In this part of the video we will display the links like update image link, change password, change name and so on.
Display Links Part27:30
This is the second part of the display links video.
User Authentication13:48
User Authentication Part24:48
This is the second part of user authentication video.
Update Picture18:07
In this video we will upload the image, when user create the account successfully then user will upload the picture.
Update Picture Success Message6:36
In this video we will display the success message on index page when user upload the image successfully then will display the message using session.
Create Modal For Add Biography12:31
In this video we will create Bootstrap 4 modal for biography.
Setup Modals13:43
In this video we will setup Bootstrap 4 Modals for add/update facebook, add/update linkedin, update password and update name
Add/Update Biography13:27
In this video we will add/update the user biography when user create then account then user can add/update the biography.
Add/Update Biography Part217:01
This is the second part of add/update biography
Add/Update Facebook Account URL25:51
Add/Update Facebook Account URL Part22:18
This is the second part of add/update facebook Account URL.
Add/Update LinkedIn Account URL14:09
In this video we will add/update the Linkedin URL , so will just modify the facebook url code because the code is already available.
Change Password10:31
In this video we will change the password, we will validate the password field and also again we will use the password_hash security method.
Change Password Part221:14
this is the second part of change password video, so in this video we will go ahead.
Update Name15:04
In this video we will update the logged In user name.
Add Address Column In Table6:23
In this video we will add one more column for address so basically we will use google place api for address location picking.
Use Google Place API10:08
Google Place API is the most important API, because it's need in every project, so in this video we will integrate google place api.
Send Ajax Request For Address7:57
In this video we will send the ajax request for add/update address and we will do simple validation.
PHP Code For Add/Update Address On Server8:20
In this video we will do server code i mean we will write the code for add/update address request.
Display User Information's16:45
In this video we will display the user information's for example user name, address, biography, facebook etc
Account Percentage Progress14:39
In this video we will show how much the user account is completed.
Account Percentage Progress Part25:36
This video is the second part of account percentage video
Cool Flash Message After Logout12:04
In this video we will display amazing and cool flash message when user logout
Fix Issues4:37
In this video we will fix the bug.

Section Intro0:54
In this video i will give you the brief overview of this section what we will build in this section.
Update Form Design8:19
In this video we will update the current signup and login form design
Add Background Video5:47
In this video we will add full screen video background using html5 and css. so after watching this video we will be able to add full screen background video.
Fix Bugs3:57
In this video we will fix some issues.
Link Profile JavaScript File In Other Pages1:30
In this video we will link profile.js file in other pages, just for to work modals in all pages
Final Words For Students0:44
This video is the final video of this course.

Requirements

A computer/laptop with any operating system mac OS, Windows or Linux
Basic knowledge of PHP & HTML
There is no need for any paid software

Description

PHP is a server-side language for building dynamic websites. PHP is a widely used language, there are many large frameworks and CMS which are using PHP WordPress is built on top the PHP language and Laravel is one the most popular PHP framework.

AJAX is used to create more interactive applications. AJAX stands for Asynchronous JavaScript and XML, AJAX is a technique for creating fast and dynamic web pages. If you want to learn the ajax technique with examples then this course is suitable for you, In this course, you will learn how to submit the signup && login form using the ajax technique with cool jQuery validations.

In this course, we will use.

PHP
PDO (PHP Data Object)
Ajax
jQuery
Bootstrap 4
MySQL
JavaScript Complex Regular Expressions
Google Place API
JSON

So after taking this course you will learn a lot of new concepts in web development. this course is fully project base course not a theoretical course.

Project Features:

signup & login system fully jQuery validated
JavaScript Complex Regular Expressions Validated forms
Complete user profile
Session base flash messages
Fetching address using Google Place API
Submitting forms with bootstrap modal

Why this course is different:

This course fully projects base course, it's a course with real-world examples. I'm an experienced teacher working on YouTube from 2015.

completing this course we will be able to create any type of ajax applications, and this course is give you a lot of extra features for-example PDO, JSON, Bootstrap 4, JavaScript regular expressions, google place API and much more.

Who this course is for:

Beginner students who want to learn ajax with examples
Intermediate level who want to improve the skills

Advanced PHP Ajax Registration & Login Form

What you'll learn

Explore related topics

Course content

Tools Section3 lectures • 12min

Design Signup & Login Form11 lectures • 1hr 13min

Learn JavaScript Regular Expression5 lectures • 28min

Signup Form Validations & Submission25 lectures • 3hr 38min

User Profile28 lectures • 5hr 16min

Add Background Video & Update Form Design6 lectures • 21min

Requirements

Description

Who this course is for: