More jQuery with Datepicker

Objectives

After this lesson, students will be able to:

  • Build a deceptively simple single-input form and calendar interface
  • Conceptualize the process of coding a ui element to meet specific design requirements

Preparation

Before this lesson, students should already be able to:

  • Write basic HTML/CSS
  • Read and write basic vanilla Javascript
  • Read and write basic jQuery

Instructions:

This lab will take you through a series of exercises intended to illustrate the thought process about how to develop code based on a complex technical requirement. You will be provided a series of challenges, each of which builds on what you did in the last one. The files are located on separate branches of this project.

Please fork and clone this repo in your local dev environment. (Note: Do not send pull requests when code is designed to live on separate branches.)

Open index.html in your browser and follow the instructions in script.js. From the terminal, type git checkout step-1. Each version of the script file contains detailed instructions about how to proceed through the exercises.

If you get stuck, ask for help, or move on to the next step. The focus is on understanding what is happening at each step, not on trying to understand everything at first glance.

Additional Resources:

Licensing

All content is licensed under a CC­BY­NC­SA 4.0 license. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact legal@ga.co.