Build Sign Up and Login Forms With Bootstrap Modal
4.2 (19 ratings)
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.
1,899 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build Sign Up and Login Forms With Bootstrap Modal to your Wishlist.

Add to Wishlist

Build Sign Up and Login Forms With Bootstrap Modal

Learn to use bootstrap modal to display sign up and login form
4.2 (19 ratings)
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.
1,899 students enrolled
Last updated 11/2016
English
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • At the end of this course, you will be able to understand bootstrap modals
  • Create sign up form with bootstrap modal
  • Create login form with bootstrap modal
  • Create a single modal to display both sign up and login forms in tabs
  • Add simple form validations with jQuery
  • Use PHP/MYSQL to insert and fetch data from database
View Curriculum
Requirements
  • Basic HTML/CSS
  • MYSQL insert and select queries
  • Text editor
Description

Bootstrap modals are lightweight javascript popups that are used to display videos, images, alerts as well as forms for sign up, login and contact. The plugin for modals is part of bootstrap.js. 

In this course, we use bootstrap modals to display sign up and login forms to enrich users experience. We use html, css, bootstrap library, jquery plugin, php and mysql.

Features are:

  • Bootstrap modal with sign up form
  • Bootstrap modal with login form
  • Adding styles to the modals
  • Using bootstrap tabs in modal
  • Validate forms with jQuery
  • Insert and retrieve data with php
  • Save data in mysql database
Who is the target audience?
  • This course is for anyone who wants to learn how to use bootstrap modals
Students Who Viewed This Course Also Viewed
Curriculum For This Course
31 Lectures
03:49:25
+
Separate Modals for Forms
23 Lectures 02:48:55

Introduction to the course

Preview 01:26

Install xampp for local development environment

Preview 01:28

Create folder for our project

Preview 05:35

Create a database for our project and also create a connection between project and database

Preview 07:05

Add bootstrap navbar to index page

Add Navbar
09:08

Add css styles to navbar links

Add Styles To Navbar Links
04:11

Brief description about bootstrap modal

Modal Description
03:35

The form for sign up is added to the sign up modal

Add Sign Up Modal
11:29

Form fields validation for sign up form using jquery

Adding Sign Up Form To Modal
08:33

Displaying the validation errors on the modal using bootstrap alert

Sign Up Form Fields Validation
10:22

Use ajax method to send request to php script

Displaying Validation Errors
07:40

Add modal for sign up form

Send Data Via Ajax
08:34

Script to insert data into mysql database

PHP Insert Script
10:15

Sign up a new user and add data to database

Insert Data To Database With Modal
02:18

Add css styles to sign up modal

Style Sign Up Modal
08:49

Add login form modal

Add Login Form Modal
07:54

Validate login form fields with jquery

Login Form Fields Validation With JQuery
05:58

Php script to select user data from database

Login User PHP Script - Part 1
10:16

Login a user and redirect to homepage

Login User PHP Script - Part 2
11:30

In the lecture, we clear the validation errors when modal is closed

Clear Validation Errors
07:13

Display error message for failed login

Display Login Failed Error
09:19

Add font awesome user icon to modal

Add Font-Awesome user Icon
05:30

Display all user data in the database in a table on the index page

Add Table To Display All User Data
10:47
+
Single Modal For Forms
8 Lectures 01:00:30

Create single modal for sign up and login forms

Add Modal Link
08:07

Add bootstrap tabs to modal to show sign up and login forms

Add Bootstrap Tabs To Modal
11:08

Add css styles to modal

Style Modal Tabs
12:38

Add form validations with jquery

Add Form Validation
06:23

Add php script for sign up and login forms

PHP Script For Sign Up and Login
09:30

Add table on index page to display user data

Add Table To Display All User Data
05:32

Functionality to delete user from database

Delete Functionality
05:13

Conclusion
01:59
About the Instructor
Uzochukwu Eddie Odozi
4.1 Average rating
487 Reviews
33,447 Students
5 Courses
Software Developer

Hi, i am Uzochukwu Eddie Odozi. I am a software developer who has interest in web and game development. I have a bachelors in Mathematics and an M.Sc. in Computer Engineering from Tallinn University of Technology.

I enjoy working with php, mysql, Jquery, C# as well as nodejs. I enjoying coding a lot.

I have had many success and failures in web development and all those has contributed to where I am today.