Building Websites Create a fully functional Web contact form
4.0 (33 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.
4,178 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Building Websites Create a fully functional Web contact form to your Wishlist.

Add to Wishlist

Building Websites Create a fully functional Web contact form

Step by step guide on how to create a submit-able web form scratch using HTML CSS jQuery Bootstrap and PHP
4.0 (33 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.
4,178 students enrolled
Created by Laurence Svekis
Last updated 4/2017
English
English [Auto-generated]
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 5 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • create a web contact form
  • understand how to add security checks to forms
  • be able to send emails from a form to an address
  • use jQuery to check fields in form
  • validate form content on submission with PHP and jQuery
View Curriculum
Requirements
  • basics of HTML CSS jQuery and PHP
  • computer access
Description

Web forms are a crucial communication format between your website visitors and you.  This course will show you how to build one from scratch!   Create a fully functional dynamic web contact form that can be used on any website to collect messages from visitors.  Lets your web visitors send you email messages.   This form comes complete with several layers of security checks to ensure spam and unwanted emails are not valid.   

Form is HTML5 so depending on the input type HTML5 will check for validity.

Security question that get dynamically generated and needs to be filled out correctly before the form contents get sent to your email address

jQuery layer of form field input checks, to ensure all fields have values

PHP back end form Post checks, to ensure all fields have correct content and data can be sent to a selected email address.   Also stores values on error so that the visitors don't have to re-enter the values.

Step by step training introducing all the core concepts and development steps to produce a web contact form.   Source code is included so that you can follow along and try it out for yourself.

The course covers multiple approaches to form development, and the code is flexible enough to be updated and used for a more specific projects.  

  • HTML - used to setup the form structure 
  • CSS - used at a basic level to create limited styling
  • Bootstrap - used to help style the form container
  • jQuery - selecting elements, and looping values 
  • PHP - used to collect posted values, set variables, and send mail function.

See how all these languages can work together to create a complete project

This course is perfect for anyone who wants to learn about setting up a contact form on a website.  Everything is included, from an instructor with over 18 years of web development experience.  

I'm ready to answer any questions you may have, and here to help you learn about web development.

Who is the target audience?
  • web developers and designers
  • anyone who wants to create dynamic content online
  • anyone who needs to add a web form to their website
Compare to Other Web Forms Courses
Curriculum For This Course
19 Lectures
01:29:17
+
Introduction to creating a Fully functional web form
19 Lectures 01:30:08

Developer Resources
04:01


Create form structure
08:57

Add PHP session holder
09:18

Source Code Contact Form
00:48

PHP Get Post Data
11:28

AnitSpam Check using PHP
05:21

PHP send Email
07:03

Upload file and send email to email address
04:31

PHP form Fixes
02:04

Source Code PHP mail
01:36

jQuery Form Check setup
04:17

jQuery Toggle Error messages
10:01

Web Contact Form live Test
02:49

Web Contact Form Tweaks and Adjustments
05:42

Source Code Complete Project
01:40

Course Resources
00:02

Check to ensure sendmail is functioning
00:22
About the Instructor
Laurence Svekis
4.2 Average rating
14,395 Reviews
315,880 Students
188 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"