CSIS 525
Web
Development
Level 2

Assignments

Getting Started

NOTE: For best results complete the steps in the order listed.

  1. Read the Start Here page to learn how to successfully complete this class (you'll find a link to it in the Course menu).
  2. Read the Syllabus page to learn when assignments are due (you'll find a link to it in the Course menu).
  3. Download and extract the Data Files you will be using throughout this course (click on the How to Download & Extract Data Files link below).
  4. Textbook: Since CSIS 115A is a prerequisite for this class you should already have your textbook. If you do not have the textbook listed in the textbook box at the top of the Syllabus, order it immediately, you will need it to complete the Tutorial 8 Review Assignment.

Tutorial 8

Read and Complete Tutorial 8: Enhancing a Web Site with Multimedia: Working with Sound, Video, and Animation in your textbook using Visual Studio in Source view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment which you will publish for grading.

Note: On page HTML 603 of the eBook and page 604 of the printed textbook, at step 4, you are instructed to go to the mp_media.css file in your editor — there is no such file, that is a typo and should read cp_media.css file.

Note: In 8.2 the section titled "Making Tracks with WebVTT" In order to test the caption code you will need to publish your tutorial folder to the student Web server and call the page from there. It will not work locally, the page must be served from a Web server in order for it to work.

Note: In 8.2, ignore the section titled "Exploring the Flash Player" which covers adding Flash to a Web page. Flash is a dead technology and is no longer supported by any Web browser.

Complete and submit the Tutorial 8 Quiz several times as this will help you to prepare for the Final Exam. When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 8

Complete Review Assignment 8 (HTML 652 - 654).

Publish your RA8 folder to the Student Web server and verify it works.

Review RA8 Rubric

Submit your RA8 URL using the Tutorial 8 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 8 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

View this video for help completing Review Assignment 8 (RA8)

Introducing Brendan Eich the Creator of JavaScript

View this interview with Brendan Eich the creator of JavaScript.

Using Web Browser Development Tools to Troubleshoot JavaScript

In Web Dev Level 1 you learned to use your Web browser's developer tools F12 to help troubleshoot problems with your HTML and CSS code using the Elements tab. In Web Dev Level 2 you will want to use the Console and Source tabs to help you identify errors with your JavaScript code.

Click to view larger image.

The Console tab will show you any coding errors and identify which line in your code to find the error, click on that code line link to view it in the source code file.

Click to view larger image.

The Source tab will let you select any file used by the active Web page and show you any coding errors it finds.

Click to view larger image.

Helpful JavaScript Tips

If the error reads "can't set property of null" it is telling you that you either typed your document.getElementBy function name or the element name incorrectly.
A common error is to type document.getElementByClassName when it should be document.getElements ByClassName - Elements is plural whereas in the function document.getElementById, Element is singular. This is because Id names are always unique whereas class names can be used multiple times in the same HTML document.
Adding "use strict" as the first line in your JavaScript files enables the JavaScript debugger to catch more JavaScript errors in your IDE and on the Web Developer Tools F12 Console tab.
To help troubleshoot JavaScript code, you can add console.log(variableName); statements in your JavaScript code to see what the value of a variable is in the Console tab of your Web browser's developer tools window F12 where variableName is the name of a variable you have assigned a value to in your code.

Tutorial 9

Read and Complete Tutorial 9: Getting Started with JavaScript: Creating a Countdown Clock in your textbook using Visual Studio in Source view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment next week which you will publish for grading.

Complete and submit the Tutorial 9 Quiz several times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 9

Complete Review Assignment 9 (HTML 724 - 725).

Publish your RA9 folder to the Student Web server and verify it works.

Review RA9 Rubric.

Submit your RA9 URL using the Tutorial 9 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 9 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

View this video for help completing Review Assignment 9 (RA 9).

Tutorial 10

Read and Complete Tutorial 10: Exploring Arrays, Loops, and Conditional Statements: Creating a Monthly Calendar in your textbook using Visual Studio in Source view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment next week which you will publish for grading.

Complete and submit the Tutorial 10 Quiz several times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 10

View this video to assist you in completing Review Assignment 10.

Complete Review Assignment 10 (HTML 794 - 795).

Publish your RA10 folder to the Student Web server and verify it works.

Review RA10 Rubric.

Submit your RA10 URL using the Tutorial 10 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 10 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Tutorial 11

Read and complete Tutorial 11: Working with Events and Styles: Designing An Interactive Puzzle in your textbook using Visual Studio in Source view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment next week which you will publish for grading.

Complete and submit the Tutorial 11 Quiz several times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 11

View this video to assist you in completing Review Assignment 11.

Complete Review Assignment 11 (HTML 873 - 876).

Publish your RA11 folder to the Student Web server and verify it works.

Review RA11 Rubric.

Submit your RA11 URL using the Tutorial 11 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 11 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Tutorial 12

Read and Complete Tutorial 12: Working with Document Nodes and Style Sheets: Creating a Dynamic Document Outline in your textbook using Visual Studio in code view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment next week which you will publish for grading.

Complete and submit the Tutorial 12 Quiz several times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 12

View this video to assist you in completing Review Assignment 12.

Complete Review Assignment 12 (HTML 858 - 860).

Publish your RA12 folder to the Student Web server and verify it works.

Review RA12 Rubric.

Submit your RA12 URL using the Tutorial 12 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 12 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Tutorial 13

Read and Complete Tutorial 13: Programming for Web Forms: Creating Forms for Orders and Payments in your textbook using Visual Studio in Source view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment next week which you will publish for grading.

Part of what you are learning about this week is Regular Expressions. In the textbook where it refers to the Regular Expression demo being in your student data files - they are not. However, here is a link to the Regular Expressions Demo running on the CIS Web server.

Complete and submit the Tutorial 13 Quiz several times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 13

View this video to assist you in completing Review Assignment 13.

NOTE: The Reveiw Assignment 13 instructions and the video demo fail to instruct you about the the final step that is necessary to make the submission of the co_credit.html page work correctly. You can earn 10 extra credit points if you can make it work. Tip: add get="co_final.html" in the form element of co_credit.html.

Complete Review Assignment 13 (HTML 919 - 922).

Publish your RA13 folder to the Student Web server and verify it works.

Review RA13 Rubric.

Submit your RA13 URL using the Tutorial 13 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 13 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Tutorial 14

Read and Complete Tutorial 14: Exploring Object-Based Programming: Designing an Online Poker Game in your textbook using Visual Studio in Source view. You do not need to publish the completed tutorial, but the knowledge you learn from completing the tutorial will be very beneficial in helping you to complete the Review Assignment next week which you will publish for grading.

Complete and submit the Tutorial 14 Quiz several times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Review Assignment 14

Complete Review Assignment 14 (HTML 998 - 1000).

Publish your RA14 folder to the Student Web server and verify it works.

Review RA14 Rubric.

Submit your RA14 URL using the Tutorial 14 Review Assignment link in the course shell on Canvas.

Complete and submit the Tutorial 14 Quiz several more times as this will help you to prepare for the Final Exam (depending on the class format you are enrolled in). When making several attempts of the same quiz, Canvas will retain your highest score.

Download and Complete the Internet Authoring Apprentice Certificate Application

Remember, you are now eligible to receive your Apprentice Certificate from MSJC's Internet Authoring Program (IA). It only takes a couple of minutes to complete and submit your certificate request form.