Learn Basic Microsoft Razor with JQuery and Visual Studio
4.1 (12 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.
349 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Basic Microsoft Razor with JQuery and Visual Studio to your Wishlist.

Add to Wishlist

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 (12 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.
349 students enrolled
Created by E Learning Lab
Last updated 9/2015
English
Price: $175
30-Day Money-Back Guarantee
Includes:
  • 9.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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<,,,,>
View Curriculum
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)
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!

Who 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 47 Lectures Collapse All 47 Lectures 09:40:17
+
Introduction: Get and understand the purpose of WebMatrix
2 Lectures 17:51

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

Preview 04:33

Learning Results

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

Preview 13:18
+
Learning the Basics
7 Lectures 01:19:30

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?

Create Your First Page and Run It
08:36

Running a First Page
4 questions

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.

Create and Display Several Different Variable Types
11:00

Multiple Variables Quiz
3 questions

Learning Results

1) Understand the fundamentals of variable scope

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

Variable Scope
09:10

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?

Blocks of Code and Combining Different Variables
11:11

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
14:02

Operands, Operators, and Comments
4 questions

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.

Detailed Order of Operations Example
11:09

Order of Ops.
2 questions

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
14:22

Comparison Operators
5 questions
+
Make a Small Project 1
5 Lectures 48:26

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)

Add Textboxes and Read Them
09:29

Adding a Field and Reading It
3 questions

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.

Add a Stylesheet for Formatting
12:10

Adding Formatting
6 questions

Learning Results

1) Understand how to update VS with SQL Server Tools

Update VS with SQL Server Tools
01:54

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 Data to Tables
13:39

If Blocks and Saving Tables
6 questions

Learning Results

1) Make a page that saves space

2) Make a page that is JQuery enabled

Add the Power of JQuery
11:14

JQuery
5 questions
+
Small Projects with JQuery, Razor, CSS and HTML and SQL
2 Lectures 35:35

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

Project with JQuery,CSS,HTML and Razor
15:27

Using Additional Features of JQuery
5 questions

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

Small Project on Saving User Variables
20:08
+
Branching and Repeating Code
18 Lectures 03:40:19

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

Using If/Else Blocks
07:09

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?

Create a Small Guessing Game with Nested If/Else Blocks
14:04

If/Else Blocks
3 questions

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

Simple For Loops
07:59

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

Small Project with For Loops, Tables, and JQuery
18:30

For Loops Quiz
3 questions

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

Simple Example of For Each Loops
10:09

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

Using For Each Loops and Reading Tables Project
17:01

Database Project Quiz
5 questions

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

Using For Each Loops and Generating Dynamic Element Names and Values
15:07

Learning Results

1) Understand how to use the logical and operator

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

Simple Example of Logical And Operator
09:53

Learning Results

1) Understand how to code the logical or operator

2) Understand how the logical or operator evaluates

Logical Or Operator
10:21

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.

Small Project on Logical And Operator, JavaScript and JQuery
16:47

Logical And and Or
2 questions

Learning Results

1) Understand how to use Substring

2) Understand how to use ToUpper and ToLower

And Operator and String Functions
10:25

JavaScript Basics, and And Operator
5 questions

Learning Results

1) Understand how to code a switch block

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

Basic Switch Block
11:00

Basic Switch Blocks
2 questions

Learning Results

1) Understand how to bring the project into Visual Studio

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

While Blocks, Database Generation, Step 1
13:23

Learning Results

1) Understand how to bring a table into a webpage

Table Reading into a Web Page, Step 2
09:30

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 with Sortable List Items
10:44

While Loops
2 questions

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)

Make a Database Connected Page that Shows a List of Items
17:19

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

For Loops and Arrays
10:00

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

For Loops, Arrays, and String Functions
10:58
+
Another Project with Switch Blocks, JQuery and More
1 Lecture 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

Project with Switch Blocks
19:30
+
Project with JQuery, JavaScript, Razor and CSS
2 Lectures 23:10

Learning Results

1)Understand how to code JavaScript

2) Understand how to add JQuery

Code the JQuery and JavaScript
11:34

Learning Results

1) Understand how to add CSS

2) Understand how to code a simple logic game

Code the CSS,and RAZOR
11:36
+
Calculator Project with Functions
4 Lectures 01:00:40

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
18:15

Functions Quiz
6 questions

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

Add Ability to Save and Retrieve Values Using Order By and Top 2
15:15

Functions Quiz 2
4 questions

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

Array Functions
15:11

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>

Modern Functions with Func
11:59
+
Small Project with JQuery Tabs, Text Areas, and Tables with Razor
2 Lectures 27:08

Learning Results

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

2) Understand how to control max width using percents

Write the JQuery and HTML to Generate Tabs
10:42

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

Add the HTML and Database Connection Code
16:26
+
HTML Helpers
2 Lectures 19:56

Learning Results

1) Understand how to generate HTML checkbox helpers

2) Understand how to check which checkbox is checked

Simple Checkbox Helpers Example
08:00

Learning Resources

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

2) Understand how to create textboxes using foreach loops

Database Generated Checkbox and TextBox Helpers
11:56
1 More Section
About the Instructor
E Learning Lab
4.7 Average rating
106 Reviews
2,418 Students
5 Courses
Software Developer

Thirty years Information System veteran.

E Learning Lab is a  of e learning company teaching Java, Microsoft Razor, iPad Teaching, Javascript and web design. E learning Lab is focus on imparting our skills and expertise to the younger generation by providing accurate and informative ebooks on Udemy. Collaborating with international companies have always been top priority. E learning lab is also the head training provider and the main representative for several companies and education institutions around the world too.