Lessons: 9Length: 1.1 hours
- Overview
- Transcript
1.1 Introduction
Hi, I'm Jeremy McPeak, and I invite you to join me in creating a contact form with JavaScript. We'll build a modern contact form that uses events, DOM manipulation, HTML5 form validation, AJAX, and object-oriented JavaScript. You don't have to have watched the other Practice JavaScript and Learn courses to follow this course.
1.Introduction
1.1Introduction02:30
1.2Getting Started06:29
2.Building the Form
2.1Writing the Markup08:45
2.2Setting Up Unobtrusive Event Listeners08:44
2.3Organizing Functionality With Objects07:32
2.4Validating Form Fields10:40
2.5Displaying Validation Messages09:42
2.6Submitting the Form11:03
3.Conclusion
3.1Conclusion02:34
1.1 Introduction
Any piece of software no matter how big or small is made up by combining multiple little components. And these components are really nothing more than the combination of applying multiple concepts and practices into a single functional entity. For example, let's take a look at Amazon's front page. At the top is a navigation bar. And whenever we hover our mouse over some of these items, we can see something pop up. In this particular case, it's a menu. In other cases, it's an advertisement. But what the developers have done is taken just basic fundamental ideas of handling events, DOM manipulation, and enhanced the user experience. And we can see the same thing if we scroll on down. There's some carousels here that, once again, the developers have used events to manipulate the DOM in order to enhance the user experience. And there might be some HTTP requests going on behind the scenes to fetch more information. So if you have an understanding of the basic fundamentals of web development, but you're struggling to put it all together to create something, then this is the course for you. Hi, my name is Jeremy McPeak and I invite you to examine this idea of taking fundamental concepts and combining them into something that enhances the user experience. We are going to create a contact form. Now, I know that that doesn't sound very exciting, but this is a course that is going to take some of the concepts from the other Practice JavaScript and Learn courses and combine them all together. So while this is still a simple form, we're going to be performing form validation. We are going to be manipulating the DOM. We'll have some object-oriented JavaScript. And we will also issue HTTP requests, so that we can build just a small little component that we could use to build a larger application. Now, if you haven't taken those other courses, don't worry. By the end of this course, you'll have an idea how everything works. We're just not going to go into the detail that we would have in those other Practice JavaScript and Learn courses. So regardless of if you've viewed any of the other courses, at the end of this course you will have a very thorough understanding of how to combine all of these ideas and concepts to create something useful. So when you're ready queue up the next video and we will get started.
