Building Websites Create a fully functional Web contact form (Udemy.com)
Step by step guide on how to create a submit-able web form scratch using HTML CSS jQuery Bootstrap and PHP
Created by: Laurence Svekis
Last updated November 2024
What you will 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
How it compares
Against the other 815 rated Udemy courses in Web Development on CourseDuck:
- Rating4.0 out of 5higher than 4% of them
- Reviews95#664 of 816 by number of reviews
- Length1.5 hoursshorter than 92% of them
- Last updatedNovember 2024earlier than 48% of them
Course 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.
Instructor Details
- 4.0 Rating
95 Reviews
Laurence Svekis
Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.
I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.
My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.
I’m especially known for:
Google Apps Script & Google Workspace automation
Building AI-powered assistants and learning tools
JavaScript for real-world applications
Using AI to improve learning, productivity, and workflows
More courses by Laurence Svekis
Complete Google Workspace (G Suite), Beginner - Advanced (2025)
4.6 (10,757 Reviews)
Provider: Udemy
Time: 23.2h
$84.99
Frontend web developer Modern HTML CSS JavaScript (2025)
4.5 (6,723 Reviews)
Provider: Udemy
Time: 12.2h
$64.99
Web Developer Course HTML CSS JavaScript Learn Web Design (2024)
4.5 (5,865 Reviews)
Provider: Udemy
Time: 5.9h
Free
Google Apps Script Complete Course Beginner to Advanced (2025)
4.7 (3,971 Reviews)
Provider: Udemy
Time: 27.7h
$14.99
Modern Web Design HTML5 CSS3 beginners guide to Websites (2023)
4.4 (1,915 Reviews)
Provider: Udemy
Time: 3h
$11.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
By Andy Ward on 6/10/2020
Not bad, I was looking for a contact form that was seperate to the index.php form but have modified my code to suit. Just hope it works, it remains to be seen.
By Giuseppe Luise on 7/21/2019
L'istruttore dà per scontato molte cose: installazione ambiente di sviluppo, come creare file e non mette i link degli strumenti, me li devo cercare io.
By Rob Benenato on 2/18/2019
Very helpful! I now have a much better understanding of how to add PHP into a web form, which was the one area I struggled with before taking this course.
By Trevor Willems on 11/24/2018
I'm not understanding how you got localhost to interact with Brackets - how you started building your code and how it refreshes as localhost... if that makes sense...
By Martin Antonetty on 7/30/2018
I Thank you very much for sharing your Knowledge, Professor Laurence Svekis Thumbs up to you I recommend your course to anyone :)
By Hieu Nguyen on 1/25/2018
Great course got many of errors had to rewatch them many times, but great teacher I tend to get errors need to stop and rewatch until its errorless
By Diana Kado on 1/12/2018
The course is broken down in to 15+ steps, but sometimes the onscreen visuals of the coding editor are not up long enough to really follow along without having to rewind. The code is given in a document at the end, but without knowing php, it is hard to understand what each line of code is doing or how to customize the php code.
By Keith Austin on 10/6/2017
Very Clear instruction - Easy to follow Even if you are not familiar with PHP, this course is easy to understand. The final product works well in the real world. While testing on my own site and inserting the PHP and the form content to my existing page, changing it to an extension of PHP (From HTML) it just works. Far better and easier than the included files in the templates I use. It would be great if we can send the emails formatted as HTML rather than plain text.
By U. Jonathan on 9/22/2017
Really enjoyed the course although I'm new to php. Would have appreciated if other input types were included such as checkbox or radio buttons or selection box
By Henry Dennis on 5/18/2017
This course is great. It helps me solve my website contact form problem. Thanks in a milloin.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 80 / 100












