Exercises
Each week, we walk through exercises with examples of new Javascript concepts. See for yourself at any of the links below!
Module 1:
- Count Down
- This exercise uses Javascript Strings and Date Objects to make a simple app. Users can enter any date and give it a name, then the app calculates how much time until (or since) the user's date.
- Pig Dice-Game
- This exercises uses Javascript random number generators to make an interactive game for two players! The script generates random dice rolls, then tally's the rolls and calculates when a player wins.
Module 2:
- Tabs
- This exercise uses Javascript and jQuery to make openable and closable tabs containing additional information.
- Photo Swap
- This exercise uses Javascript and jQuery to create a photo gallery with one display photo that can be changed by clicking on different thumbnail images.
Module 3:
- Slide Show
- This exercise uses Javascript and jQuery to run a photo slideshow that can be paused by clicking on the picture.
- Motion Page
- This exercise uses Javascript and jQuery add motion and animation to different parts of a basic page.
Module 4:
- Membership Form
- This exercise uses Javascript and jQuery to validate form-input of multiple types, and display messages if incorrect input is used.
- Jquery Plugins
- This exercise uses Javascript and jQuery with plugins to create a visually appealing parallax/scroll effect with background images. It also includes a custom jQuery theme that styles a date-picker widget.
Module 5:
- Node.js Scripting
- This exercise uses Node.js to run some basic Javascript without having to code any html.
Module 6:
- Location/History Objects
- This exercise uses Javascript and jQuery history-objects and location-objects to load different pages and even manipulate the browser history without the use of typical hyperlinks.
- Arguments/Modules
- This exercise uses Node.js to run a script with arguments submitted by the user.
Module 7:
- Web Storage
- This app uses local storage to update the contents of a web page Click the link to try it out.
- HTTP Server
- In this exercise, we used the Node.js HTTP module to set up a local server for hosting a basic web page.
Module 8:
- Packages
- We learned how to use npm packages with modules that can add simplicity or functionality to our code.
- Express Framework
- In this exercise, we set up a local server to host a basic web page by using the Express Framework.
Module 9:
- Ajax Exercise
- In this exercise, we learned how use Ajax requests and fetch API.
Module 10:
Module 11:
- Tasklist: Maps & Arrays
- In this exercise we learned how to use Javascript maps alongside arrays.
- API Queries & Parameters
- In this exercise we learned how to use queries, parameters, and maps to filter various info from an API.
Module 12:
- Mid to Route
- In this exercise we learned how to use Middleware and Routes while working with an API.
Module 13:
- POST Exercise
- In this exercise we createed a simple app that takes an order and passes it onto the next page.