DMS 383: Beginning Programming--JavaScript

Objectives

by the end of this module, you will be able to

• explain what a programming language is
• identify basic structures of programming languages like functions
• identify elements of programming languages like values, variables, and operators
• identify syntax features of JavaScript
• explain the relationship between JavaScript and web design

Tutorials

1. what is a programming language?
2. introduction to values, variables, and operators
3. introduction to functions
4. what is the relationship between JavaScript and web design?

complete playlist

Web Resources

• w3schools JavaScript Tutorial
• getting ready to code: recommendations for system settings (PC)
• getting ready to code: solutions for iOS (Mac)
• getting ready to code: recommendations for using an iPad to code (Mac)

Assessment

Module 1 is assessed through the Module 1 Quiz in Canvas

Evaluation Criteria

You must achieve an 80% or higher on the Module 1 Quiz to proceed to the rest of the course. You may take the Quiz more than once.

Objectives

by this end of this module, you will be able to

• understand the difference among different types of values
• understand the difference between literals and variables
• identify the syntax and purpose of different operators
• demonstrate declaring variables
• demonstrate assigning different values to variables
• demonstrate computing values using literals and variables

Tutorials

1. your first program
2. declaring variables and assigning them values
3. numeric variables
4. string handling

complete playlist

Web Resources

Templates for this Module

• Code Page Template for Video 2
• Code Page Template for Video 3
• Code Page Template for Video 4
• Code Page Template for Assignment 2.2

More information on available properties and methods

• w3schools JavaScript Tutorial
• Math object methods
• String handling Methods

Review: Getting Ready to Code

• getting ready to code: recommendations for system settings (PC)
• getting ready to code: solutions for iOS (Mac)
• getting ready to code: recommendations for using an iPad to code (Mac)

Assessment

this module will be assessed through the following coding exercises:

1. 2.1 first JavaScript program
2. 2.2 assigning values and calculating with different types of variables
3. 2.3 original program: using preset methods

Objectives

by the end of this module, you will be able to

• identify elements of a function
• explain when functions can (and should) be used
• demonstrate calling a function from an HTML page
• demonstrate using a function to generate an alert to the user

Tutorials

1. elements of a function
2. designing a function
3. coding functions
4. assignment 3.1 template explanation

complete playlist

Web Resources

• Tutorial Video 3 starter template
• Assignment 3.1 starter template
• getElementById method
• Math object methods
• String handling Methods

Assessment

this module will be assessed through the following coding exercises:

1. 3.1 coding functions
2. 3.2 original program: creating a functions with output

Objectives

by the end of this module, you will be able to

• identify basic logic structures
• identify correct syntax for basic logic structures
• identify the appropriate situations for using specific logic structures
• write a function that uses a conditional structure
• write a function that uses a looping structure

Tutorials

1. introduction to logical structures
2. using conditional structures*
3. using looping structures and data validation

*Note: see the starter template for assignment 4.1 to follow along with this tutorial.

complete playlist

Web Resources

relevant w3schools tutorial topics:

• comparisons - shows correct syntax for comparisons like equal to, not equal to, greater than, less than, etc.
• conditional logic with if
• conditional logic with switch
• looping logic with for
• looping logic with while

Assessment

This module will be assessed through the following coding exercises:

1. 4.1 coding a conditional structure
2. 4.2 coding looping structures
3. 4.3 original program: logic structures

Objectives

by the end of this module, you will be able to

• explain what an array is
• explain what an object is
• define arrays and objects in code
• use arrays and objects in functions

Tutorials

1. introduction to arrays and objects
2. conceptualizing and using arrays
3. using arrays in functions
4. coding arrays

complete playlist

Web Resources

relevant tutorial pages from w3schools:

• Objects
• Arrays
• Array Methods
• Array Sorting
• Array Iteration

Assessment

This module will be assessed by demonstration of the following:

1. 5.1 defining and storing values in arrays and objects
2. 5.2 original program: using an array and/or objects in a function

Objectives

by the end of this module, you will be able to

• demonstrate adding user input elements into an HTML page
• demonstrate passing user input to a function as a parameter
• demonstrate using user input in a function to alter the behavior of a function
• demonstrate returning a result to the user through an HTML page

Tutorials

1. collecting an using input from users
2. examples of user input elements and collecting data
3. integrating user input into a program

complete playlist

Web Resources

relevant tutorials from w3schools:

• HTML Forms
• HTML Form Input Types
• HTML <select> Tag
• HTML <textarea> Tag

Assessment

This module will be assessed through

1. 6.1 learning user input types
2. 6.2 integrating user input into a program
3. 6.3 final program design plan *submit during Week 13 at the latest
4. 6.4 final program

Objectives

by the end of this module, you will be able to

• read and understand code
• use the "stopped at" principle to detect errors
• use the browser inspector to step through script
• use alerts to watch function behavior

Tutorials

1. debugging tips

Web Resources

• Chrome DevTools page inspector
• Firefox Page Inspector
• Edge DevTools page inspector
• Safari/Apple Developer
• Enabling Web Inspector
• Debugging Your Webpage with Web Inspector

Assessment

This module will be assessed through

1. 7.1 submission of a debugging log
2. 7.2 successful completion of a quiz

Evaluation Criteria: Quiz

You must achieve 100% on the Module 7 Quiz to demonstrate mastery of the outcomes for this module. You may take the quiz at any point after Module 1 has been completed. You may take the Quiz more than once.