Phase 1

Identify data provided by an Ajax service that you'd like to include in your personal website. You should choose a web service other than those used in the chapter and Hands-on Projects. If you have an idea for data youd like to access but are unsure which service might provide that data, perform a web search on a description of the data plus "API". For instance, if you were looking for a source of tide tables, you might search for tide tables API. Use the documentation for the web service to construct an Ajax request and to display selected data from the service on your website. Note that if you dont experience with writing PHP, you may need to examine a number of potential APIs to identify one that allows JSON-P or CORS requests, which dont require you to run a proxy.

It is probably best to add the script to your index.html page or clearly link to the page containing the script from index.html for ease of locating your work for your instructor and classmates to see it. Later you can move this feature to a different page if you wish. Test the page to ensure it works as planned.

Phase 2

In your individual website, revise a function to use jQuery selectors and methods. Identify a function that contains at least three selectors that you can replace with jQuery selectors, and that performs at least one DOM traversal or CSS change that you can replace with jQuery method. Comment out the code you replace rather than deleting it. Be sure to link to the jQuery library in all HTML documents that link to the .js file you've updated. When your revisions are done, test all pages that use the function to ensure they still perform as they did when the function was written in plain JavaScript.

It is probably best to add the script to your index.html page or clearly link to the page containing the script from index.html for ease of locating your work for your instructor and classmates to see it. Later you can move this feature to a different page if you wish. Test the page to ensure it works as planned.

Phase 3

Your final assignment is to turn the tables and teach others what you've learned about JavaScript. Pick a favorite JavaScript topic you learned from this course and present a lesson using a page or series of web pages that fully teaches someone who may be interested in learning about that topic, and create a mini website for your tutorial. You must make use of JavaScript code snippets to provide valid examples of proper syntax. Code examples with errors in them will not earn full credit. For your code snippets make use of this JavaScript-based syntax highlighter library: https://highlightjs.org/download

You must link to a page or provide working examples of what your tutorial is teaching. For example, if your tutorial is on jQuery, your tutorial should provide working in-browser examples of how to make use of jQuery.

If your tutorial needs multiple pages to teach the concept provide a menu system that makes it easy to navigate to each page of the tutorial.

Use this website as a baseline for good tutorial: Mozilla's JavaScript Basic Tutorial

Academic Honesty!
It is not our intention to break the school's academic policy. Posted solutions are meant to be used as a reference and should not be submitted as is. We are not held liable for any misuse of the solutions. Please see the frequently asked questions page for further questions and inquiries.
Kindly complete the form. Please provide a valid email address and we will get back to you within 24 hours. Payment is through PayPal, Buy me a Coffee or Cryptocurrency. We are a nonprofit organization however we need funds to keep this organization operating and to be able to complete our research and development projects.