Learn JavaScript Through Microsoft Visual Studio 2013 Web
4.7 (25 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.
681 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn JavaScript Through Microsoft Visual Studio 2013 Web to your Wishlist.

Add to Wishlist

Learn JavaScript Through Microsoft Visual Studio 2013 Web

Triple Your Development Skills: JavaScript+.Net+Visual Studio 2013!
4.7 (25 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.
681 students enrolled
Created by E Learning Lab
Last updated 11/2015
English
Price: $170
30-Day Money-Back Guarantee
Includes:
  • 7.5 hours on-demand video
  • 2 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Creating a page in Visual Studio
  • Adding Interactivity with JavaScript
  • Understanding the Fundamentals of HTML
  • Working with Various Kinds of Loops
  • Reading Textboxes
  • Creating Functions and Objects
  • Much, Much More
  • Create and Run a Simple Animation App.
  • Create and Run Simple JQuery Animations
  • Learn how to debug JavaScript step by step for extra insight
View Curriculum
Description

In this course, you'll learn the fundamentals of JavaScript and Visual Studio 2013 For Web. You're doubling your skills. Please note that this is a course for beginners, or those who want a Visual Studio approach to JavaScript.

1) This course shows you how to use JavaScript

2) This course shows you how to use Microsoft Visual Studio

3) This course shows you the basics of HTML

4) This course is 6.5 hours long, so there is a huge amount of information

5) The course follows a simple outline of code examples, and quizzes

6) You also learn how to use the debugging features of Visual Studio and IE so you can execute your code with very fine control and truly understand it

7) There are several hundred questions so you can check your understanding

8) Given the hours of content, and number of questions, this is by FAR the best deal for a paid JavaScript course on this site.

Who is the target audience?
  • Programming Novices
Students Who Viewed This Course Also Viewed
Curriculum For This Course
60 Lectures
07:38:54
+
Introduction: Why JavaScript and Visual Studio and Find, Download and Install
1 Lecture 02:22

1) Find Visual Studio 2013 Express for Web

2) Download and Install

3) Be sure to create an account with MicroSoft and register your copy so it doesn't expire

4) This package is 100% free

5) How knowing Visual Studio, HTML and JavaScript helps you

6) You should download and install Firebug, and Firefox. These two put together can be launched from Visual Studio and they are very powerful because we can see JavaScript code execute line by line.

Preview 02:22
+
Getting Started with JavaScript and Visual Studio 2013 Express for Web
6 Lectures 33:15

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.

Preview 03:01

Check your understanding of this lecture.

Run Your First JavaScript Script
9 questions

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.

Preview 04:22

Check your comprehension of this lecture.

Write a Script to Access HTML Elements
6 questions

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

Preview 04:03

Check your comprehension of this lecture

External JavaScript Files, and How to Use Them
9 questions

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.

Declare and Initialize Variables, and Display Their Type
09:57

Check your understanding of the material in this lecture.

Working with Variables
8 questions

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.

Create a Function and Pass Arguments into the Function
05:06

Check your comprehension of this lecture

Creating and Using Functions
6 questions

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.

Understand Variable Scope
06:46

Check your comprehension of this lecture.

Variable Scope
5 questions

Check your understanding of this section.

Section 1 Test
8 questions
+
Performing Operations
6 Lectures 52:55

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.

Performing Basic Arithmetic
08:04

Check your comprehension of this lecture

Performing Basic Arithmetic
6 questions

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.

Assigning Values to Variables
08:47

Check your comprehension of this lecture.

Assigning Values to Variables
6 questions

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.

Comparing Values
05:32

Check your comprehension of this lecture.

Comparing Values
3 questions

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.

Checking Various Kinds of Conditions
09:16

Check your comprehension of this lecture.

Checking Various Kinds of Conditions
5 questions

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.

Precedence of Operations
12:46

Check your comprehension of this lecture.

Precedence of Operations
4 questions

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 !

Logical "and", "or" and "negation" operators
08:30

Check your comprehension of this lecture

Understand Basic Logical Operators
4 questions

Check your knowledge of this section

Section 2 Test
10 questions
+
Program Flow
6 Lectures 43:10

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.

Coding IF/Else Blocks
03:07

Check your comprehension of this lecture.

Coding IF/Else Blocks
3 questions

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.

Switch Statements
04:42

Check your comprehension of this lecture.

Coding Switch Blocks
1 question

Learning Outcomes:

1) Understand how to code a break statement

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

Break Statements
09:54

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.

For Loops
05:48

Check your comprehension of this lecture.

Coding For Loops
1 question

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.

Coding While Loops
09:51

Check your comprehension of this lecture.

Coding While Loops
1 question

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.

Coding Do While Loops
09:48

Check your comprehension of this lecture.

Coding Do While Loops
1 question

Check your understanding of this section.

Section 3 Test
10 questions
+
Using the Power of Objects
8 Lectures 01:14:57

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

Creating Objects
10:20

Check your comprehension of this lecture.

Creating Objects
1 question

Learning Results

1) Learn how to create an object

2) Learn how to read the properties of an object

Another Way of Creating Objects
08:32

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]

Changing an Object on the Fly
09:42

Check your comprehension of this lecture.

Changing an object on the Fly
1 question

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

Creating and Looping Through Arrays 1
09:37

Check your comprehension of this lecture

Arrays 1
5 questions

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.

Creating and Looping Through An Array 2
08:02

Check your comprehension of this lecture.

Creating an Array
1 question

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

Growing Arrays
07:18

Check your comprehension of this lecture.

Making Arrays Bigger
1 question

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

Sorting and Reversing Arrays
08:58

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

Handling Exceptional Situations
12:28

Check your comprehension of this lecture

Handling Exception Situations
1 question

Check your comprehension of this section

Section 4 Test
11 questions
+
Essential Mathematical Functions
4 Lectures 29:01

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.

Basic Circle Calculator
05:16

Fill the blanks with words or symbols that make sense given the context of this code.

function run()
{
var panel = document.getElementById("panel");
var radius = parseInt(document.getElementById("Text1").value);
var area = Math.PI * radius *radius;
var circum = 2 * Math.PI * radius;
panel.innerHTML = "The area is " + area + " and the circumference is " + circum;

}

Basic Math Functions
1 question

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.

Tricks for Rounding Numbers
08:46

Check your comprehension of this lecture

Rounding Numbers
1 question

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

Coding a Game of Chance with Random Numbers
06:40

Check your comprehension of this lecture

Coding a Game of Chance with Random Numbers
7 questions

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

Looking at Basic String Functions
08:19

Check your comprehension of this lecture

Looking at Basic String Functions
1 question

Check your knowledge of this entire section.

Section 5 Test
9 questions
+
The Document Object Model
6 Lectures 41:36

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

Seeing what's available in the Document Object Model
06:44

Check your knowledge of this section.

Document Object Model
5 questions

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

Window Resolution and Available Space
06:21

Check your comprehension of this lecture

Window Resolution and Available Space
4 questions

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.

Dialog Boxes
06:04

Check your understand of this lecture.

Dialog Boxes
4 questions

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.

Opening Multiple Windows in Sequence
04:58

Check your understanding of this lecture.

Creating Multiple Windows
1 question

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

Talking to the Browser
05:52

Fill the blanks with words or symbols that make sense in the context.

__function__ showinfo()
{
__var__ panel = document.getElementById("panel");
panel.innerHTML = "Browser: " + __navigator__.appName + "
";
panel.innerHTML __+=__ "Code name: " + __navigator.__appCodeName + "
";
panel.innerHTML += "System: " + navigator__.platform__;
}

Talking to the Browser
1 question

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.

View Page History, Add Links, and Forward and Back Buttons
11:37

Check your understanding of this lecture

Traveling Through History
1 question

Check your understanding of this section.

Section 6 Test
6 questions
+
Getting to Know the Document Object in More Depth
4 Lectures 24:13

Learning Outcomes:

1) Understand how to use the document object

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

Getting to Know the Document Object
08:29

Check your understanding of the basics of this lecture.

Getting to Know the Document Object
1 question

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

Getting Component Information From the Document
09:55

Check your understanding of this lecture.

Getting Components From the Document
1 question

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

Copy HTML by Directly Addressing Page Elements
05:36

Check your understanding of this lesson.

Copying HTML to another portion of a page
1 question

Project
00:13
+
Create a Game and Allow User to Choose Options
5 Lectures 43:55

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

Create the User Interface
09:47

Check your comprehension of this lecture.

Create the User Interface
4 questions

Learning Outcomes:

1) Declare and define the global variables

2) Declare and define the run function

Declare the Global Variables, and Create the Run Function
12:07

Check your comprehension of this section.

Declare the Global Variables, and Create the Run Function
3 questions

Learning Outcomes:

1) Create the position function

2) Call the setInterval function

3) Create the paint function

Create the Position Function, and the Paint Functions and Call Them
08:42

Check your comprehension of this section.

Create the Position Function, and the Paint Functions and Call Them
1 question

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

Add Randomness to the Game
05:18

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.

Allow User to Choose Color of Canvas
08:01

Check your understanding of the details of this section.

Section 8 Test
16 questions
+
Responding to events
5 Lectures 48:31

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

Create, Fire and Handle a Simple Event
10:07

Check your understanding of this lecture.

Create, Fire and Handle a Simple Event
3 questions

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

Making Things Dynamically Bigger
10:43

Learning Outcomes:

1) Learn what a scale factor is

2) Learn what an event is

3) Learn how to code event handlers

Add the JavaScript to Bring It to Life
10:04

Check your comprehension of this lecture.

JavaScript Events
4 questions

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

Export a Project Template and Understand HTML Options
09:50

Check your comprehension of this lecture.

Export a Project Template and Respond to Option Selections
5 questions

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

Handling Error Events
07:47
4 More Sections
About the Instructor
E Learning Lab
4.7 Average rating
107 Reviews
2,430 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.