Learn JavaScript Through Microsoft Visual Studio 2013 Web

Triple Your Development Skills: JavaScript+.Net+Visual Studio 2013!
4.5 (22 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.
584 students enrolled
$170
Take This Course
  • Lectures 60
  • Length 7.5 hours
  • Skill Level All Levels
  • 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/2013 English

Course 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.

What am I going to get from this course?

  • 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

What is the target audience?

  • Programming Novices

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

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.

Section 1: Getting Started with JavaScript and Visual Studio 2013 Express for Web
03:01

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.

9 questions

Check your understanding of this lecture.

04:22

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.

6 questions

Check your comprehension of this lecture.

04:03

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

9 questions

Check your comprehension of this lecture

09:57

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.

8 questions

Check your understanding of the material in this lecture.

05:06

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.

6 questions

Check your comprehension of this lecture

06:46

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.

5 questions

Check your comprehension of this lecture.

8 questions

Check your understanding of this section.

Section 2: Performing Operations
08:04

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.

6 questions

Check your comprehension of this lecture

08:47

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.

6 questions

Check your comprehension of this lecture.

05:32

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.

3 questions

Check your comprehension of this lecture.

09:16

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.

5 questions

Check your comprehension of this lecture.

12:46

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.

4 questions

Check your comprehension of this lecture.

08:30

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 !

4 questions

Check your comprehension of this lecture

10 questions

Check your knowledge of this section

Section 3: Program Flow
03:07

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.

3 questions

Check your comprehension of this lecture.

04:42

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.

1 question

Check your comprehension of this lecture.

09:54

Learning Outcomes:

1) Understand how to code a break statement

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

05:48

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.

1 question

Check your comprehension of this lecture.

09:51

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.

1 question

Check your comprehension of this lecture.

09:48

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.

1 question

Check your comprehension of this lecture.

10 questions

Check your understanding of this section.

Section 4: Using the Power of Objects
10:20

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

1 question

Check your comprehension of this lecture.

08:32

Learning Results

1) Learn how to create an object

2) Learn how to read the properties of an object

09:42

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]

1 question

Check your comprehension of this lecture.

09:37

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

5 questions

Check your comprehension of this lecture

08:02

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.

1 question

Check your comprehension of this lecture.

07:18

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

1 question

Check your comprehension of this lecture.

08:58

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

12:28

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

1 question

Check your comprehension of this lecture

11 questions

Check your comprehension of this section

Section 5: Essential Mathematical Functions
05:16

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.

1 question

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;

}

08:46

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.

1 question

Check your comprehension of this lecture

06:40

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

7 questions

Check your comprehension of this lecture

08:19

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

1 question

Check your comprehension of this lecture

9 questions

Check your knowledge of this entire section.

Section 6: The Document Object Model
06:44

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

5 questions

Check your knowledge of this section.

06:21

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

4 questions

Check your comprehension of this lecture

06:04

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.

4 questions

Check your understand of this lecture.

04:58

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.

1 question

Check your understanding of this lecture.

05:52

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

1 question

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__;
}

11:37

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.

1 question

Check your understanding of this lecture

6 questions

Check your understanding of this section.

Section 7: Getting to Know the Document Object in More Depth
08:29

Learning Outcomes:

1) Understand how to use the document object

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

1 question

Check your understanding of the basics of this lecture.

09:55

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

1 question

Check your understanding of this lecture.

05:36

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

1 question

Check your understanding of this lesson.

Project
Article
Section 8: Create a Game and Allow User to Choose Options
09:47

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

4 questions

Check your comprehension of this lecture.

12:07

Learning Outcomes:

1) Declare and define the global variables

2) Declare and define the run function

3 questions

Check your comprehension of this section.

08:42

Learning Outcomes:

1) Create the position function

2) Call the setInterval function

3) Create the paint function

1 question

Check your comprehension of this section.

05:18

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

08:01

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.

16 questions

Check your understanding of the details of this section.

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