Learn Basic Microsoft Razor with JQuery and Visual Studio

Learning Results

1) Understand how to create a page

2) Understand how to run a page

3) Understand the purpose of the locals window

4) Understand how to use the debugger

5) Understand how to use breakpoints

6) You can get Window On Top at the link below. This is a great program that allows you to keep a window on top always, even when the windows under it are given focus.

Assignment: Recreate the project. Be sure you use the debugger window. Try placing breakpoints in several locations on the left, and study the effect on the execution of the program. Especially pay attention to the point at which the browser window actually shows text. Can you tell exactly when this happens?

Learning Results

1) Understand how to write several different types of variables

2) Understand how these variables appear in the locals window

3) Understand how to increment different variables

4) Understand what happens when a string and 1 are added

5) Understand how to display information in a page over several different lines

Assignment: Close the app, and recreate it step by step, as quickly as you can, until you can do it with absolute confidence, and the meaning and purpose of each symbol you type is 100% clear.

Assignment: Create an app that find the sum, difference, quotient, and product of two variables of type decimal and double. Remember, you can type var, but the variables have to be set correctly on the right sides in order to be recognized as double and decimal types.

Learning Results

1) Understand the fundamentals of variable scope

2) Understand the difference between "parent" and child scope

Learning Results

1) Understand how to create multiple blocks of code

2) Understand how to place blocks of Razor code inside HTML

3) Understand how the process of execution of code runs sequentially, with HTML as the simple and final output.

Assignment: Create a page with several variables. Instead of placing the variables above the HTML, place them in a block of Razor inside the HTML. Does this still work?

Learning Results

1) Understand how operators and operands are related

2) Understand the three different types of comments

3) Understand that an operator can produce different results, depending on the data types of the operands

4) Understand the basic fact that operations are done, in this example, from the inside to the outside

Assignment: Recreate the program int the video, but use a different data type, like a decimal. Go through the basic operations, and observe the results.

Learning Results

1) Understand how to simplify expressions from the inside to the outside

2) Understand the importance of sequential reasoning so the results at each step are 100% clear

Assignment: Create your own expression, and write variables to represent the sequential execution of the expression. At the end, write an expression that executes all at once, and be sure the values generated are the same.

Assignment: Imagine you're writing an app for a gym. There is a feature that tells a user how many calories on average he's burned over some number of days. Write and evaluate an expression to represent this for the case of 5 days. You choose the number of calories burned each day.

Learning Results

1) Understand how to use the <, <=, >, or >= operators

2) Understand how the results of using these can be returned to web pages as true and false

3) Understand how to construct a simple table

4) Understand how to apply simple styling to tables

Learning Results

1) Understand how to insert a textbox into a page

2) Understand how to create a form for processing on the server

3) Understand how to extract values from a box, and operate on them

Assignment:

1) Create a page with five boxes. Have the user enter a phrase in each box. Extract the phrases from the box, and display them as a list. You can do this by using the <ul>...</ul> element in HTML. Place this element within the blocks that follow if(ispost)

Learning Results

1) Understand how to create a style sheet

2) Understand the purpose of a style sheet

3) Understand how to apply a style sheet

4) Understand how to view the results

5) Understand the purpose of a selector

Programming Assignment:

1) Create a page

2) Add a style sheet

3) Add several different HTML elements to the page

4) Add a form, a submit button, extract values from the boxes, and display the results

4) Format the elements using the style sheet.

Learning Results

1) Understand how to update VS with SQL Server Tools

Learning Results

1) Understand how to create a database and a table

2) Understand how to write code to save values to a table

3) Understand how to confirm that the values have been saved

Programming Assignment:

1) Recreate the app as developed in the video.

2) Create additional columns in the table

3) Create additional text boxes, and save the values to the table upon submission of the page

Programming Assignment 2:

1) Create a program

2) Create a table that does not allow nulls

3) In the program, write SQL that does not insert a value into one of the cell. What error message do you get on the web page?

Learning Results

1) Make a page that saves space

2) Make a page that is JQuery enabled

Learning Results

1) Understand how to add and remove class selectors in JQuery

2) Understand how to enlarge and shrink divs while page is running

3) Understand the purpose of line height and font size

Assignment:

1) Rewrite the code a few times, changing the line height value. Observe the result in the browser window.

2) Rewrite the code, adding one more div, and applying the same dynamic styling at run time.

3) Vary the value inside the transform line to see the impact on the size of the divs when moused over

4) Run the code using the debugger step by step

Learning Results

1) Understand how to log internet user variables into tables

2) Understand what a text area is

3) Understand the concept of a simple function like ToString()

Learning Results

1) Understand how to code an if/else block to make a decision

2) Understand how to step through an if else block using the debugger

3) Understand how to turn the contents of a box into a number using AsInt

Learning Results

1) Understand how to nest if/else blocks inside outer if/else blocks

2) Understand how to code if/else if/else blocks

3) Understand the purpose of meta tags in the head section

Assignments:

1) Right click somewhere in the current window in your browser. Choose something like "view source", and examine the head section of the file. How many different meta tags do you see?

Learning Results

1) Understand how to construct a for loop

2) Understand how a for loop executes

3) Understand how to view information about page components in Chrome

Learning Results

1) Understand how to code a for loop

2) Understand how to generate HTML elements repeatedly with for loops

3) Understand that HTML elements generated with loops can be used like all other HTML elements.

4) Understand how to incorporate JQuery into the code

Learning Results

1) Understand how to construct a foreach loop

2) Understand how to execute a foreach loop one step at a time

3) Understand how to use Request.ServerVariables to gather information about a computer

Learning Results

1) Understand how to code a project with database saving and reading

2) Understand how to use a foreach loop with database tables

3) Understand how to display information from a table

Learning Results

1) Understand how to use column names to map to element attributes in HTML

2) Understand the concept of a check box

Assignment:

Add code to make the app draw prices from the table

Learning Results

1) Understand how to use the logical and operator

2) Understand how to execute this operator very carefully using the debugger

Learning Results

1) Understand how to code the logical or operator

2) Understand how the logical or operator evaluates

Learning Results

1) Understand how to apply the double ampersand logical and operator

2) Understand how to apply a linear gradient

3) Understand how to generate different divs depending on the value provided by a user

4) Understand how to add JavaScript files, and how to call JavaScript functions using events

Assignment:

Can you write an app that applies a different discount to a purchase based on a combination of two items? For example, if somebody buys a sweatshirt, and a pair of pants, one discount applies. Or if somebody buys a pair of pants, and a hat, another discount applies.

Learning Results

1) Understand how to use Substring

2) Understand how to use ToUpper and ToLower

Learning Results

1) Understand how to code a switch block

2) Understand how to make elements into submit types by using JQuery

Learning Results

1) Understand how to bring the project into Visual Studio

2) Understand how to use a while loop to generate column values

Learning Results

1) Understand how to bring a table into a webpage

Learning Results

1) Understand the execution process of a simple while loop

2) Understand when the check of the condition in the loop occurs

Learning Results

1) Understand how to create an entire project in Visual Studio

2) Understand how to create a table in VS

3) Understand the purpose of identity(1,1)

Learning Results

1) Understand how to construct an array

2) Understand how to fill the array

3) Understand how to retrieve values from the array

4) Understand the length of an array, and indexes

Learning Results

1) Understand how to use the Substring Function

2) Understand how to use the keys inside a form

3) Understand how to size an array using the keys

Learning Results

1) Understand how to code a switch block

2) Understand how to create a dropdown

3) Understand how to use JQuery to make divs show and disappear

Learning Results

1)Understand how to code JavaScript

2) Understand how to add JQuery

Learning Results

1) Understand how to add CSS

2) Understand how to code a simple logic game

Learning Results

1) Understand how functions are made

2) Understand the purpose of return types, and parameter lists

3) Understand what arguments are

4) Understand how to call functions

5) Understand how to use a system function like Round()

Assignment:

Write code to save the values entered into the boxes in a table.

Learning Results

1) Write values to a table created in Visual Studio

2) Learn how to control the order of records displayed, and how to choose only a certain number of records to be displayed

3) Learn how to apply functions to values retrieved from tables

4) Understand how to parameters exist as local variables in functions

5) Understand the purpose of the call stack

Learning Results

1) Understand how to call functions on arrays

2) Understand how to pass arrays into functions

3) Understand how to use for and foreach loops with arrays

Learning Results

1) Understand how to code a block of functions using Func

2) Understand that Func notation is to be interpreted as Func<input, input, input, output>

Learning Results

1) Learn how to make a tabbed document in a web page

2) Understand how to control max width using percents

Learning Results

1) Write HTML

2) Write Razor

3) Replace HTML textareas with HTML Helper generated text areas

4) Write code to connect to table, and display different kinds of messages

Learning Results

1) Understand how to generate HTML checkbox helpers

2) Understand how to check which checkbox is checked

Learning Resources

1) Understand how to create checkboxes using helpers and database tables

2) Understand how to create textboxes using foreach loops