Title: Final Project
Course: Fall 2023 - WEBD 164 (41934) > Section: Week 12 (Nov 6) Using jQuery Effects

JavaScript and jQuery Course Webd164

Final Project

For your final project, you'll be asked to produce a JavaScript/jQuery application. This is an important portfolio piece as the world of development is evolving into JavaScript as a "one language to rule them all" environment.

You are free to choose anything from the bottom list or something outside. Feel free to contact me with questions.

Here are some ideas:

1. Mobile Login
2. Image Gallery
3. Storage app (Store anything)
4. Utilizing Apis (Any Data Source)
5. Integration of jQuery Plugin
5a. Store Locator
5b. Tipue Search
5c. Tooltipping
5d. Portfolio Plugin: http://www.bestjquery.com/demo/jquery-portfolio-gallery-plugin/

How to Submit

You will submit a zipped folder that includes your project. Your JavaScript must be external

URL (optional): If you place your project on the web, all you need to do is to submit the correct URL.

You must include an HTML comment in the file immediately after the <!DOCTYPE html> statement. The comment must include your name and a description of the project.

Grading

This assignment is worth 80 points.

Item | Points | Description
File: name and identification
1. File name is correct or File name is part of existing website or Place the application on the web and submit the URL | 10 | The name of the HTML file must be index.html. You JavaScript file should be appropriately named. Main,js for the primary. If you are using borrowed js, you can use the default. For example if you are referencing jQuery, it can be named jQuery.js. The same goes for Bootstrap. You can use either the CDN or their default nomenclature.
2. File includes an HTML comment with your name | 10 | You must include an HTML comment with your full name immediately after the <!DOCTYPE html> statement. This is so that I can quickly identify who created the file.
3. All variables are defined | 10 | Choose the appropriate variable declaration, let, var, or const
4. All variable names are meaningful names and accurately reflect their usage | 10 | Creating meaningful variable names is one of the most important parts of coding. In addition to a meaningful name, the variable name should accurately reflect the purpose of the variable. For example, a variable name of "sanDiego" is meaningful, but it is not accurate if it is used to represent the price per gallon.
5. Statements and comments are clearly written and can be easily understood | (10) | There are many ways to write statements in JavaScript. The goal is to have statements that are correct and that can be easily understood.
a. Statements are clearly written and can be easily understood | 5 | You can organize the code any way that you want to, the sections in the starter file are only suggestions.
b. Comments are used to describe the code | 5 | You must include comments in this assignment. You should put a comment before each function and each major section of the code. Each comment that is used to describe code must be meaningful and accurate. Comments do not necessarily need to be lengthy. A comment should not just repeat what is being done in the code, the purpose of a comment is to describe what and why something is being done.

3

Item | Points | Description
6. The needed references to frameworks, JavaScript files, and CSS files are placed in the correct order. | 10 | The CSS files should always be placed in the <head> section and come before any JavaScript code. The jQuery framework must come before any JavaScript files that require that framework. The jQuery mobile framework requires the jQuery framework.
7. The JavaScript is properly implemented. | 10 | The application should work properly in the context of the HTML web page in an obvious and useful manner.
8. Code is well-formatted
10
Indent your JavaScript statements under the

<script> tag. Usually, you will indent statements by 2 to 4 spaces.

In this assignment, you will have several functions, and within the functions, you may have if blocks or other types of blocks. You must use correct indentation techniques for each block — statements that are inside the block must be indented.

You must align the opening brace { and closing } characters, to clearly indicate the beginning and ending of each block. There are several examples of correct alignment and formatting in the handout and slides for this session, and also in the sample files.

You should include a blank line as a separator between sections of code. For example, you can put a blank line after the variable initializations and before you start the calculations. Do not "mechanically" put a blank line after each statement unless it makes sense to do so.

The idea of using "whitespace" (blank lines) in code is to provide visual separation of important sections of code.

Be sure you are using a consistent formatting style for opening and closing brace ( { } ) characters.