Assignment - JavaScript
Your completed assignment MUST be on the server before 9:00 pm on Thursday, March 30.
(5 pts) Within your courses/mis370 folder, create a new folder called finalproject. Within that folder create an html file called landing.html and a folder called includes. Any scripts, css files, data files, and images you will be using for your project (including this landing page) should be kept in the includes folder. You can organize these files as you like (for instance, have folders in includes called images, scripts, styles, etc, or just keep everything together).
(15 pts) Add your own html and css to landing.html to create a countdown landing page for your final project. There must be an active countdown on the screen that updates automatically. The countdown should include, at a minimum, days, hours, and minutes. The time remaining should change by itself, without having to refresh the page. The clock should count down to the due date of the project, May 4. The style of the page should complement the theme/intention of your final project. You do not need to reveal your final project idea, but the countdown page should be attractive to potential "customers" of your site.
(10 pts) Some feature of the page should make use of an external library, other than jQuery or a framework (Bootstrap, Foundation, etc). This library can be linked to or saved in your includes folder (recommended). Keep in mind that many libraries will require jQuery to be included, so you'll need to import the jQuery library as well if this applies. The feature of your site using this library does not have to be overly complicated. This component of the assignment is simply to check that you are comfortable accessing and using a library before you work further on your final project. You are free to use the simpleweather.js library, but do NOT simply copy the code from the class example. For more libraries, go to JavaScripting.com.
(10 pts) Up to 10 points will be awarded based on the overall effort you put into the assignment. Additional challenges, such as including seconds in the countdown, configuring the countdown to target the start of class (11 am) on May 4 rather than midnight, or making significant use of external libraries is appreciated!
Notes
Your use of a library does NOT have to involve data or graphics. As an example, here's the definition of the first derivative of a function f(x)f(x), courtesy of the MathJax.js library, which allows you to insert LaTeX code on your page:
Assignment Your completed assignment MUST be on the server before 9:00 pm on Thursday, March 30 1. (5 pts) Within your courses/mis370 folder, create a new folder called finalproject. Within that folder create an html file called landing.html and a folder called includes. Any scripts, css files, data files, and images you will be using for your project (including this landing page) should be kept in the includes folder. You can organize these files as you like (for instance, have folders in includes called images, scripts, styles, etc, or just keep everything together). 2. (15 pts) Add your own html and css to landing.html to create a countdown landing page for your final project. There must be an active countdown on the screen that updates automatically. The countdown should include, at a minimum, days, hours, and minutes. The time remaining should change by itself, without having to refresh the page. The clock should count down to the due date of the project, May 4. The style of the page should complement the theme/intention of your final project. You do not need to reveal your final project idea, but the countdown page should be attractive to potential customers" of your site 3. (10 pts) Some feature of the page should make use of an external library, other than jQuery or a framework (Bootstrap, Foundation, etc). This library can be linked to or saved in your includes folder (recommended). Keep in mind that many libraries will require jQuery to be included, so you need to import the jQuery library as well if this applies. The feature of your site using this library does not have to be overly complicated. This component of the assignment is simply to check that you are comfortable accessing and using a library before work you further on your final project. You are free to use the simple library, but do NOT simply copy the code from the class example. For more libraries, go to JavaScripting.com. (10 pts) Up to 10 points will be awarded based on the overall effort you put into the assignment. Additional challenges, such as including seconds in the countdown, configuring the countdown to target the start of class (11 am) on May 4 rather than midnight, or making significant use of external libraries is appreciated! Notes Your use of a library does NOT have to involve data or graphics. As an example, here's the definition of the first derivative of a functionfC), courtesy of the Mathjaxjs library, which allows you to insert LaTex code on your page: f(x+ h) f(x) Assignment Your completed assignment MUST be on the server before 9:00 pm on Thursday, March 30 1. (5 pts) Within your courses/mis370 folder, create a new folder called finalproject. Within that folder create an html file called landing.html and a folder called includes. Any scripts, css files, data files, and images you will be using for your project (including this landing page) should be kept in the includes folder. You can organize these files as you like (for instance, have folders in includes called images, scripts, styles, etc, or just keep everything together). 2. (15 pts) Add your own html and css to landing.html to create a countdown landing page for your final project. There must be an active countdown on the screen that updates automatically. The countdown should include, at a minimum, days, hours, and minutes. The time remaining should change by itself, without having to refresh the page. The clock should count down to the due date of the project, May 4. The style of the page should complement the theme/intention of your final project. You do not need to reveal your final project idea, but the countdown page should be attractive to potential customers" of your site 3. (10 pts) Some feature of the page should make use of an external library, other than jQuery or a framework (Bootstrap, Foundation, etc). This library can be linked to or saved in your includes folder (recommended). Keep in mind that many libraries will require jQuery to be included, so you need to import the jQuery library as well if this applies. The feature of your site using this library does not have to be overly complicated. This component of the assignment is simply to check that you are comfortable accessing and using a library before work you further on your final project. You are free to use the simple library, but do NOT simply copy the code from the class example. For more libraries, go to JavaScripting.com. (10 pts) Up to 10 points will be awarded based on the overall effort you put into the assignment. Additional challenges, such as including seconds in the countdown, configuring the countdown to target the start of class (11 am) on May 4 rather than midnight, or making significant use of external libraries is appreciated! Notes Your use of a library does NOT have to involve data or graphics. As an example, here's the definition of the first derivative of a functionfC), courtesy of the Mathjaxjs library, which allows you to insert LaTex code on your page: f(x+ h) f(x)
