Learn Basic Microsoft Razor with JQuery and Visual Studio

Learn the Fundamentals of Programming with Microsoft Razor, JQuery, SQL and Visual Studio 2013 for Web!
4.1 (11 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
319 students enrolled
$175
Take This Course
  • Lectures 47
  • Length 9.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

In this course, using Microsoft Visual Studio 2013 for Web, you learn the fundamentals of programming using Microsoft Razor. This course uses the very powerful "Step Into" feature of Microsoft Visual Studio 2013. This debugger approach ensures you can observe the code execute line by line, so it's behavior is very clear and predictable. Why should you learn this language? Because Razor is a simplified syntax version of Microsoft C#, and Razor is widely used in many modern web architectures like MVC. However, Razor is also less intimidating than C#, so you'll get cracking in no time. Along the way, you'll get exposure to technologies like HTML, CSS, JQuery and SQL. These are all essential technologies in the world of web development. And, of course,you learn to use Microsoft Visual Studio, which is one of the most powerful, and widely used programming environments in use today, and well into the future. Let's get coding!

What are the requirements?

  • All the instructions needed are given in the course.
  • You have to be able to download and install Microsoft Visual Studio 2013 for Web(100% free)

What am I going to get from this course?

  • Create Web Pages
  • Deploy Web Pages
  • Understand the Fundamentals of Programming
  • Understand How to Code in Razor
  • Understand how to add and use JQuery in Pages
  • Understand How to Control Program Flow
  • Understand How to Process Submitted Forms
  • Understand How to Manipulate HTML and CSS with JQuery
  • Understand How to Write SQL Queries
  • Understand How to use SQL Queries in Web Pages
  • Understand how to execute code in a detailed way using Microsoft Visual Studio
  • Learn how to create templates in Visual Studio
  • Learn how to attach databases to projects
  • Learn How to Code and Use Your Own Functions
  • Learn How To Code and Use Arrays
  • Learn How To Use Basic HTML Helpers
  • Learn How To Perform Basic Validation
  • Learn How To Code and Use Various HTML Controls
  • Learn How To Use The Visual Studio Debugger For Maximum Insight
  • Learn How To Use With System Functions
  • Learn How To Use Modern Function Notation like Func<,,,,>

What is the target audience?

  • Those who want a gentle introduction to web development concepts
  • Those who like to learn new things, and grow
  • This course does not cover MVC

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction: Get and understand the purpose of WebMatrix
04:33

Learning Results

1) Understand how to get Microsoft Webmatrix

2) Understand how to get Visual Studio

3) Please be sure you have both installed on your computer

4) Please be sure you have the latest update of Visual Studio, as shown under the Help menu

13:18

Learning Results

1) Understand how to create a reusable template so that future Razor projects can be easily made in Visual Studio

Section 2: Learning the Basics
08:36

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?

Running a First Page
4 questions
11:00

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.

Multiple Variables Quiz
3 questions
09:10

Learning Results

1) Understand the fundamentals of variable scope

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

11:11

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?

14:02

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.

Operands, Operators, and Comments
4 questions
11:09

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.

Order of Ops.
2 questions
14:22

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

Comparison Operators
5 questions
Section 3: Make a Small Project 1
09:29

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)

Adding a Field and Reading It
3 questions
12:10

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.

Adding Formatting
6 questions
01:54

Learning Results

1) Understand how to update VS with SQL Server Tools

13:39

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?

If Blocks and Saving Tables
6 questions
11:14

Learning Results

1) Make a page that saves space

2) Make a page that is JQuery enabled

JQuery
5 questions
Section 4: Small Projects with JQuery, Razor, CSS and HTML and SQL
15:27

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

Using Additional Features of JQuery
5 questions
20:08

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()

Section 5: Branching and Repeating Code
07:09

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

14:04

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?

If/Else Blocks
3 questions
07:59

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

18:30

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

For Loops Quiz
3 questions
10:09

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

17:01

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

Database Project Quiz
5 questions
15:07

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

09:53

Learning Results

1) Understand how to use the logical and operator

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

10:21

Learning Results

1) Understand how to code the logical or operator

2) Understand how the logical or operator evaluates

16:47

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.

Logical And and Or
2 questions
10:25

Learning Results

1) Understand how to use Substring

2) Understand how to use ToUpper and ToLower

JavaScript Basics, and And Operator
5 questions
11:00

Learning Results

1) Understand how to code a switch block

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

Basic Switch Blocks
2 questions
13:23

Learning Results

1) Understand how to bring the project into Visual Studio

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

09:30

Learning Results

1) Understand how to bring a table into a webpage

10:44

Learning Results

1) Understand the execution process of a simple while loop

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

While Loops
2 questions
17:19

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)

10:00

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

10:58

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

Section 6: Another Project with Switch Blocks, JQuery and More
19:30

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

Section 7: Project with JQuery, JavaScript, Razor and CSS
11:34

Learning Results

1)Understand how to code JavaScript

2) Understand how to add JQuery

11:36

Learning Results

1) Understand how to add CSS

2) Understand how to code a simple logic game

Section 8: Calculator Project with Functions
18:15

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.

Functions Quiz
6 questions
15:15

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

Functions Quiz 2
4 questions
15:11

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

11:59

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>

Section 9: Small Project with JQuery Tabs, Text Areas, and Tables with Razor
10:42

Learning Results

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

2) Understand how to control max width using percents

16:26

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

Section 10: HTML Helpers
08:00

Learning Results

1) Understand how to generate HTML checkbox helpers

2) Understand how to check which checkbox is checked

11:56

Learning Resources

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

2) Understand how to create textboxes using foreach loops

Section 11: Validation
10:11

Learning Results

1) Understand how to perform basic validation

2) Understand how validation controls render on the browser side

18:01

Learning Results

1) Understand the concept of relative paths

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Mike Harrison, Software Developer

Thirty years Information System veteran.

Mike Harrison is a well known author of ebooks teaching Java, Microsoft Razor, iPad Teaching, Javascript and web design. Mike Harrison has run two start ups in Silicon Valley before being bought over by bigger enterprises. Now, Mike Harrison is focusing on imparting his skills and expertise to the younger generation by providing accurate and informative ebooks on Udemy. Collaborating with international companies have always been top priority. Mike is also the head coach and the main representative for several companies and education institutions around the world too. 

Ready to start learning?
Take This Course