Building Websites Create a fully functional Web contact form

Learn to create a dynamic web contact form from scratch using HTML, CSS, jQuery, Bootstrap, and PHP. Perfect for beginners!

Profile photo of
By
via Udemy
  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course is your go-to guide for creating a web contact form from scratch. Super easy and beginner-friendly! You’ll learn all essential web technologies without any fuss.

Key Points

  • Build a web contact form from scratch
  • Learn HTML, CSS, jQuery, Bootstrap, and PHP
  • Add layers of security to your forms
  • Gain email handling skills
  • Wrap up with source code and support

Learning Outcomes

  • Create a fully functional web contact form
  • Implement security checks to prevent spam
  • Send and handle emails with PHP

About This Course

Step by step guide on how to create a submit-able web form scratch using HTML CSS jQuery Bootstrap and PHP

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.

  • create a web contact form

  • understand how to add security checks to forms

  • be able to send emails from a form to an address

Instructor

Profile photo of

Review
4.9 course rating
4K ratings
ui-avatar of Christopher Button
Christopher B.
3.0
1 year ago

I wanted to have a more up to date example

  • Helpful
  • Not helpful
ui-avatar of Igor Kalin
Igor K.
4.5
1 year ago

In 90 minutes of the course, a lot was learned!!!

  • Helpful
  • Not helpful
ui-avatar of Barrie Evans
Barrie E.
5.0
4 years ago

Excellent up to this point. Will add more later

  • Helpful
  • Not helpful
ui-avatar of Andy Ward
Andy W.
4.0
5 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Nadia Sifferath
Nadia S.
4.0
5 years ago

I wish the screen would zoom out more to make it easier to read.

  • Helpful
  • Not helpful
ui-avatar of Giuseppe Luise
Giuseppe L.
1.0
5 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Rob Benenato
Rob B.
4.5
6 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Trevor Willems
Trevor W.
4.0
6 years ago

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...

  • Helpful
  • Not helpful
ui-avatar of Martin Antonetty
Martin A.
5.0
6 years ago

I Thank you very much for sharing your Knowledge, Professor Laurence Svekis Thumbs up to you I recommend your course to anyone :)

  • Helpful
  • Not helpful
ui-avatar of Mark Davis
Mark D.
4.0
6 years ago

Overall very good. Occasionally, it feels like there's a disconnect between what you're saying, and what you're doing on the screen.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses