Learn JavaScript Through Microsoft Visual Studio 2013 Web

Learning Outcomes:

1) Load Visual Studio

2) Create an empty page

3) Write some JavaScript in the header portion of the HTML file

4) Run the page, and view it in the browser of your choice

5) In this course, where you seen "===", also try typing "==" to see whether the results are the same.

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Load Visual Studio

2) Create an empty page

3) Use id's to identify two HTML div elements

3) Write JavaScript to access those HTML elements

4) Run the page, and view it in the browser of your choice

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Load Visual Studio

2) Create an empty page

3) Create an external JavaScript file

4) Connect the external file to the page

5) Access HTML elements by id from within JavaScript

6) View the page in the browser

More:

Create a blank web site, and recreate the code in as much detail as you can.

Watch the attached video to learn how to make a template

Learning Outcomes:

1) Learn how to declare a variable

2) Learn how to initialize a variable

3) Learn how to check the type of a variable

4) Use an external JavaScript file

5) Display information about variables to a simple web page

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Create a function that returns a value

2) Call the function from client code

3) Get a value back, and display it in a web page

4) Understand the meaning of the keyword return

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Create a global variable

2) Access the global variable inside a function

3) Add a global variable and a local variable and return their value

4) Review of how to ensure text prints on two separate lines

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Learn how to perform basic arithmetic operations in JavaScript

2) Learn how to differentiate between division, and finding the remainder from division

3) Learn how to add variables

4) Learn how to subtract variables

5) Learn how to multiply variables

6) Learn how to divide variables in two different ways

7) Review outputting to the page using the getElementById function

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Learn how to declare variables

2) Learn how to initialize variables

3) Learn how to both evaluate and assign variable values with one operator

4) Learn how to evaluate and assign values back into the same variable

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Learn how to compare values

2) Learn how to use the "===" operator to compare values

3) Learn how to compare strings

4) Learn how to compare numbers

5) Learn how to use the ternary operator

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Results:

Note: In subsequent videos you learn how to keep the output from the code on the page so it doesn't vanish so quickly.

1) Drag and drop new HTML elements into the page

2) Use JavaScript to read multiple elements from HTML

3) Use JavaScript to compare values

4) Use the "Submit" button

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Results:

1) Understand the concept of precedence

2) Understand how precedence can be controlled by using parenthesis

3) Review of connecting JavaScript files to aspx files

4) Review of concatenation in order to build up a string of HTML to be sent into an HTML Div

More:

Create a blank web site, and recreate the code in as much detail as you can.

Learning Outcomes:

1) Learn how to understand the basic && logical and

2) Learn how to understand the basic logical || symbol

3) Learn how to negate the truth value of an expression using !

Learning Outcomes:

1) Understand the structure of if/else blocks

2) Understand how to use a flag variable that evaluates to true or false

More:

Create a new blank web site and reproduce the code in as much detail as you can.

Learning Outcomes:

1) Understand how to add a textbox and a button into HTML

2) Understand how to convert textbox text into a number for processing

3) Understand how to use a switch block to look at various possibilities entered into a textbox

4) Understand how to output to a web page

More:

Close Visual Studio and reproduce the code in as much detail as possible.

Learning Outcomes:

1) Understand how to code a break statement

2) Understand how a break statement functions in a switch block

Learning Outcomes:

1) Code a for loop

2) Understand how the for loop executes

3) Understand the purpose of a for loop

More:

Close Visual Studio, and recreate the code line by line.

Learning Outcomes:

1) Code a while loop

2) Understand that a while loop might not run if the condition is violated right away

3) Understand how to create a simple user interface in HTML, and how to connect the interface to JavaScript

4) Understand how to clear output by using a submit button

More:

Recreate the code in this lecture on your own to practice.

Learning Outcomes:

1) Create a do while loop

2) Understand that a do while loop executes at least once

3) Understand that a do while loop checks the condition on the bottom

More:

Close Visual Studio, and then recreate the code in this lecture to be sure you can do it.

Learning Outcomes:

1) Understand the concept of an "object"

2) Understand how to create an object in code

3) Understand how to set the properties of an object

4) Understand how to use the "new" keyword

5) Understand how to read textboxes

Learning Results

1) Learn how to create an object

2) Learn how to read the properties of an object

Learning Outcomes:

1) Learn how to create an object

2) Learn how to define a new property of an object

3) Learn how to read values from text boxes

4) Learn how to use values from boxes as arguments to set the properties of an object

5) Learn how to use a new kind of for loop to access the properties of the object

6) Understand how to access the properties of an object by writing objectname[property]

Learning Outcomes:

1) Learn how to create an array using square brackets

2) Learn how to create an array using the new keyword

3) Learn how to use the array[index] notation to access the entries inside an array

4) Learn how to use a for loop to print the values stored inside an array

Learning Outcomes:

1) Write code to create an array

2) Write code to loop through an array using a for loop with array[property]

3) Write code to loop through an array using a for loop with array[i] form

More:

Close the current solution,and recreate the code until you can do it quickly.

Learning Outcomes:

1) How to resize an array at run time

2) How to use the length property to resize an array dynamically

3) How to copy entries from one array into another using the body of a for loop

Learning Outcomes:

1) Learn how to read textbox entries into arrays

2) Learn how to sort an array

3) Learn how to reverse an array

4) Review how to step through arrays with two different kinds of for loops

Learning Outcomes:

1) Learn how to define a try/catch construct

2) Learn how to throw errors when conditions fail

3) Learn how to catch errors when conditions fail

4) Learn how to get messages from errors to display to users

Learning Outcomes:

1) Read input from a box

2) Use Math.Pi as a number in a calculation

3) Display area and circumference of a circle

More: Close this project, and recreate it step by step as quickly as you can.

Learning Outcomes:

1) Learn how to use the floor and ceiling functions from the Math library

2) Learn how to round numbers

3) Learn how to use the power function from the Math library

4) Read input from boxes, process, and display back to user

More: Recreate the code as quickly as you can.

Learning Outcomes:

1) Learn how to use the Math.random() function to generate random numbers

2) Learn how to multiply the output from Math.random() to get a bigger number

3) Learn how to use Math.ceil to convert the output into a whole number

4) Learn how to simulate a simple game of chance

Learning Outcomes:

1) Learn how to read a string from a box

2) Learn how to extract characters from the string

3) Understand that a string is like an array of characters

4) Use the substr function, understand that the first entry is 0 for the first character in a string

5) Use the split function to divide a string with commas

Learning Outcomes:

1) Understand that "The Document Object Model" is a tree structure with the "window" object on top

2) Understand how to use a for loop to view all the properties, objects, and events or action we can perform

Learning Outcomes:

1) Get the screen resolution

2) Get the available screen size

3) Understand the difference between 1) and 2) above

4) See how making the task bar in windows affects the available screen size

Learning Outcomes:

1) Use the window.prompt box

2) Use the window.alert box

3) Understand how to launch these boxes in code

4) Understand that the prompt box has a default value you can set

5) Different boxes have different icons

More:

Recreate the code without assistance.

Learning Outcomes:

1) Code a for loop to open windows

2) Open several windows quickly using a for loop

3) Use the window.open function

4) Understand how to use toString() on a numeric variable

More:

Recreate the code without assistance.

Learning Outcomes:

1) Learn how to get the name of the browser

2) Learn how to get the code name of the browser

3) Learn how to get the operation system info

4) Learn how to use the navigator object

More:

Recreate the code without assistance

Learning Outcomes:

1) Create three web pages

2) Connect them to one JavaScript page

3) Create JavaScript code to generate links in the pages

4) Create JavaScript code to generate buttons in the pages

5) Use the history object

More:

Recreate the code without assistance.

Learning Outcomes:

1) Understand how to use the document object

2) Understand how to access a few different properties of the document object

Learning Outcomes:

1) Understand that the document object has child objects that are arrays

2) Understand how to use array notation to reach the elements array of the document object

Learning Outcomes:

1) Learn how to create an ordered list

2) Learn how to use Visual Studio to speed up the process of creating an ordered list

3) Learn how to copy the inner HTML of one element into the inner HTML of another element

Learning Outcomes:

1) Create the aspx page

2) Create the HTML page

3) Preview the page in a browser

4) Understand the purpose of the controls in the interface

5) Learn about the HTML 5 Canvas element

Learning Outcomes:

1) Declare and define the global variables

2) Declare and define the run function

Learning Outcomes:

1) Create the position function

2) Call the setInterval function

3) Create the paint function

Learning Outcomes:

1) Use the floor function from the Math library

2) Use the random function from the Math library

3) Make the starting point of the ball a random quantity

Learning Outcomes:

1) Add a box for the user to specify the color

2) Add a panel so the HTML of the panel can take the canvas

3) Combine reading the value from the box with the dynamic creation of a canvas object after a button press

4) Run the code and see how the results differ from the previous version

5) Below are two images you can use to see the complete code. I've provided images rather than code you can copy because you have to type it by hand to get true value from it.

Learning Outcomes:

1) Understand the concept of an event

2) Understand the concept of an event handler

3) Understand that some events are visible

4) Understand that some events fire when something not necessarily visible happens

Learning Outcomes:

1) Understand the purpose of the application

2) Add a page

3) Configure the interface

4) Add some inline CSS code for styling purposes

Learning Outcomes:

1) Learn what a scale factor is

2) Learn what an event is

3) Learn how to code event handlers

Learning Outcomes:

1) Learn how to export project templates

2) Learn how to create a drop down list

3) Learn how to use the onchange event

Learning Outcomes:

1) Understand how to handle errors

2) Understand how to use the onerror global variable

3) Understand how to pass messages into an error handler so they can be used