Introductory JavaScript Made Easy Training Tutorial
3.7 (142 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.
9,380 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introductory JavaScript Made Easy Training Tutorial to your Wishlist.

Add to Wishlist

Introductory JavaScript Made Easy Training Tutorial

An easy-to-follow beginner's guide to the JavaScript programming language.
3.7 (142 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.
9,380 students enrolled
Created by TeachUcomp, Inc.
Last updated 5/2015
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand the Basic JavaScript Syntax
  • Incorporate JavaScript Into HTML Pages
  • Troubleshoot Problems wtih JavaScript Implementation
View Curriculum
Requirements
  • Basic Knowledge of HTML & CSS
Description

Learn Introductory JavaScript with this video course from TeachUcomp, Inc. Mastering Introductory JavaScript Made Easy features 128 video lessons with 6 hours of instruction. Watch, listen and learn as your expert instructor guides you through each lesson step-by-step. During this media-rich learning experience, you will see each function performed just as if your instructor were there with you. Reinforce your learning with the text of our printable classroom instruction manual, additional images and practice exercises. You will learn the JavaScript language from scratch, while exploring all of the techniques to add the various elements to your website.

The purpose of this course is to educate the student in the basic language skills necessary to use JavaScript. There are many resources available on the Internet that allow you to download code and place it into your HTML document or JavaScript code file. However, it is important to first understand the underlying language and components of JavaScript to be able to alter the code to work in your desired application, and easily troubleshoot any errors that may occur.

Whether you are looking to add interactivity to your website, control how a browser acts or alter your HTML document’s content, it is a good idea to have a firm grasp of the basics of JavaScript.

We begin this course by discussing the basic components and structure of JavaScript as well as learning the terminology. Then, we’ll advance through topics to cover some more advanced concepts and uses for JavaScript. If you are completely new to JavaScript, or just need a refresher, this course will empower you with the knowledge and skills necessary to be a proficient user of JavaScript. We have incorporated years of classroom training experience and teaching techniques to develop an easy-to-use course that you can customize to meet your personal learning needs. Simply launch the easy-to-use interface, click to start a video lesson or open the manual and you’re on your way to mastering JavaScript.

Who is the target audience?
  • New Web Designers
  • Those new to HTML & JavaScript
Students Who Viewed This Course Also Viewed
Curriculum For This Course
131 Lectures
10:49:41
+
Course Introduction
1 Lecture 01:47

This lecture provides a brief summary of the topics covered throughout the course and offers suggestions for further reading and learning materials.

Preview 01:47
+
Getting Acquainted with JavaScript
5 Lectures 05:30

JavaScript is considered a dynamic programming language. It was first released with Netscape Navigator in 1995. Originally called LiveScript, the name was changed when Netscape Navigator added support for the machine language Java. Learn this and more during this lecture.

Preview 01:43

Although the two programming languages Java and JavaScript have similar names, they are completely different in function. Java was created by Sun Microsystems and is used as a general programming language. JavaScript was created by the people who made the Web browser Netscape Navigator and is used to animate and add user interactions to webpages. Learn this and more during this lecture.

Preview 01:16

The <script>...</script> tag is used to insert JavaScript code into your HTML document. It tells the web browser where your JavaScript starts and the lines of code in between the tags contain all your coding. Learn this and more during this lecture.

The <SCRIPT>…</SCRIPT> Tag
00:35

The most effective use of JavaScript is to create an external .jsfile. Using an external JavaScript file allows your browser to preload, or cache, all the JavaScript code for your whole website. This minimizes your users wait time as pages on your website will load faster, making for a better user experience. Learn this and more during this lecture.

External JavaScript
01:09

The uses for JavaScript are almost endless. They range from validating the information users input in a form to embedded games on your webpage. The most widely recognized use of JavaScript is probably the Google Search Engine homepage. JavaScript has allowed them to remove extraneous items from the page to leave a clean, minimalist look. Learn this and more during this lecture.

Uses for JavaScript
00:47
+
The Makeup of JavaScript
5 Lectures 05:56

JavaScript statements are the commands to the browser to execute the code you input.Much like CSS, the semicolon (;) is used to separate JavaScript statements and allows for many statements to be typed on a single line. Usually there is also a semicolon at the end of executable statements. Learn this and more during this lecture.

Preview 01:01

JavaScript code is simply a sequence of JavaScript statements. Each statement is executed by the browser in the order they are entered into your HTML document or external .js file. Learn this and more during this lecture.

Preview 01:56

In JavaScript, extraneous whitespace is ignored. Learn this and more during this lecture.

Whitespace
00:47

JavaScript is case sensitive. Cases in corresponding functions and variables must match exactly or they will not be rendered properly. Most JavaScript code is written in camelCase, which means compound words written with the first letter in lowercase and subsequent words with their first letter capitalized. Learn this and more during this lecture.

Case Sensitivity
01:05

JavaScript allows you to break up a line of code within a text string with a backslash (\). Learn this and more during this lecture.

Breaking Up a Line of Code
01:07
+
JavaScript Comments
4 Lectures 03:23

Comments in JavaScript are primarily used to explain what the code is for or to make it more readable. Single line comments start with a double forward slash (//), but do not have an end tag. Learn this and more during this lecture.

Single Line Comments
00:49

Multi-line comments in JavaScript start with a forward slash and an asterisk (/*) and end with an asterisk and a forward slash (*/). This allows for breaking your comments up into many lines, making it more readable for later editing. Learn this and more during this lecture.

Multi-Line Comments
00:47

You can also add comments to the end of a line of JavaScript code. These are considered single line comments and begin with a double forward slash (//). Learn this and more during this lecture.

End of Line Comments
00:42

You can use the single line comment "tag" (//), or the multi-line comment “tags” (/*…*/) to stop the execution of a line, or multiple lines, of code. This works because JavaScript ignores any text entered after the comment “tags”. Learn this and more during this lecture.

Using Comments to Stop Execution
01:05
+
JavaScript Variables
7 Lectures 07:57

Much like algebra, JavaScript uses letters as containers for storing information, for example: var x=7;. In the previous example, the letter "x" is assigned a numerical value of 7, declaring that any variables with the letter "x" will have a value of 7. Learn this and more during this lecture.

Preview 01:10

JavaScript variables can have either a numerical or textual value. The syntax for each variable is different. When assigning a numerical value to a variable you only need to input the number: var a=7;. Learn this and more during this lecture.

Preview 00:58

When creating variables using JavaScript, you “declare” the variable by giving it a value. JavaScript variables are declared using the keyword var. For ease of reading within your code, you can declare a variable and on the next line assign a value to that variable. You can also assign a value on the same line as you declare a variable. Learn this and more during this lecture.

Creating (Declaring) Variables
01:14

If you re-declare a JavaScript variable, that has previously been given a value, it does not lose its value. Learn this and more during this lecture.

Re-Declaring Variables
00:48

In JavaScript a variable that is not given a specific value is considered undefined. The value of a variable is something that has to be calculated or something that may be provided later, like user inputted data. Learn this and more during this lecture.

Undefined Value
00:38

When programming code with JavaScript, you can have many variables in one statement. This is achieved by starting the statement with var and listing your variables all separated bycommas. Learn this and more during this lecture.

Using One Statement for Multiple Variables
01:20

In JavaScript a "local" variable is a variable that is contained within a function. It will not be recognized by any other function in your full JavaScript coding. Because of this, you can have local variables in other functions that have the same value. When a function is complete any local variables are deleted. Learn this and more during this lecture.

Local Variables and Global Variables
01:49
+
Exploring JavaScript Data Types
7 Lectures 08:19

Variables in JavaScript can have different data types. This allows variables to be considered "dynamic". Learn this and more during this lecture.

Preview 00:36

You can attribute a null value to variables to empty them. A null value data type is different from an undefined data type, because a null value data type has been labeled as "null" and not just left empty. Learn this and more during this lecture.

Preview 00:46

In JavaScript there is only one type of number. Numbers can be written with or without decimals and extra large or extra small numbers can be expressed using scientific or exponential notations. Learn this and more during this lecture.

Number
00:58

A JavaScript String object is simply any variable ascribed a value in text form. Learn this and more during this lecture.

String
00:58

Boolean data types have only two values TRUE and FALSE. Any variable labeled with either TRUE or FALSE is considered a Boolean data type. Learn this and more during this lecture.

Boolean
00:42

In JavaScript, arrays are actually objects, not a separate “data type”. An array is simply a single variable with many different values. You access the values by referencing index numbers allocated to each value. Defining variables in an array makes it easier to find a specific value in a long list of values. Learn this and more during this lecture.

Array
02:59

In JavaScript an object is delineated by curly brackets ({ }). Inside the curly brackets are the object’s properties. Learn this and more during this lecture.

Object
01:20
+
JavaScript Objects
3 Lectures 04:25

In JavaScript everything is an object. Strings, Dates, Arrays and Functions are just a few examples. You can also create your own objects using JavaScript. The only items in JavaScript that are not considered objects are data types that are either null or undefined. Learn this and more during this lecture.

Creating Objects
01:58

Object properties determine the state of an object in JavaScript and are the values associated with the object. Learn this and more during this lecture.

Accessing Object Properties
01:05

Methods are actions that can be performed on objects. Similar to functions they are specific to the object they are associated with. Learn this and more during this lecture.

Accessing Object Methods
01:22
+
JavaScript Functions
4 Lectures 07:08

A function is a “subprogram” in JavaScript that is used to manipulate values or objects to achieve a specific result.Functions are code blocks that are executed when someone “calls” or initiates the function. Functions are first class objects and are considered FUNCTION objects in JavaScript. Learn this and more during this lecture.

JavaScript Function Definition and Syntax
02:27

Functions can also be used to return a value to where the “call” or initiation of the code, was made from. To do this you use the return statement. When using the return statement, the specific function will stop executing and return the value you specify. It is important to remember that the JavaScript code as a whole does not stop executing when a return statement is used, only the specific function containing the return statement. Learn this and more during this lecture.

Functions with a Return Value
01:19

When you call, or initiate, a function you pass values to it. These are called parameters and the values used for parameters are called arguments. When assigning arguments to parameters the values listed for the arguments must be in the same order as your listed parameters. Learn this and more during this lecture.

Calling a Function with Arguments
02:47

In JavaScript, when you assign values to any variables that have not previously been declared, those variables are considered to be global variables. It does not matter, in this instance, if the undeclared variable is contained within a function, it will still be considered a global variable. Learn this and more during this lecture.

Assigning Values to Undeclared Variables
00:35
+
JavaScript Operators
6 Lectures 17:41

Operators, in JavaScript are signs or symbols used to assign or calculate values, such as the plus sign (+). Arithmetic operators are used in the calculation of numerical values, just as in regular arithmetic. The values used with operators are called operands. Learn this and more during this lecture.

Arithmetic Operators
02:18

Assignment operators are used to assign different values to variables. Learn this and more during this lecture.

Assignment Operators
02:20

The + operator can be used to add strings, or text values, together and is called concatenation (combining into one). It can also be used to add strings and numbers together. Learn this and more during this lecture.

Adding Strings and Numbers
02:56

Comparison operators are generally used to test for true or false. They are used in logical statements to test for a difference or equality in variables or values, to return an answer of true or false. They can also be used in conditional statements to compare a set of values and take an action based on the result of the comparison. Learn this and more during this lecture.

Comparison Operators
03:42

Logical operators are used to determine the logic between values and variables. Logical operators are generally used with Boolean values and will return a Boolean result (true or false). However they can be used with non-Boolean values and can return a non-Boolean result. Learn this and more during this lecture.

Logical Operators
02:37

The conditional, or ternary, operator is the question mark (?). It can be used as a shortcut to an if…else statement in JavaScript. It is used to evaluate a true/false statement and returns a value to a variable depending on the outcome. Learn this and more during this lecture.

Conditional Operators
03:48
+
JavaScript Conditions
2 Lectures 07:46

In JavaScript, conditional statements are used when you want to perform different actions for different choices. Learn this and more during this lecture.

If Statements
04:26

The switch statement is used to select specific code to execute out of several code blocks. It is similar to an if…else statement, but is easier to use to allow the code to follow a specific path out of many. Learn this and more during this lecture.

The Switch Statement
03:20
29 More Sections
About the Instructor
TeachUcomp, Inc.
4.1 Average rating
2,669 Reviews
102,218 Students
67 Courses
Quality Software Training

Founded in 2001, TeachUcomp, Inc. began as a licensed software training center in Holt, Michigan - providing instructor-led, classroom-style instruction in over 85 different classes, including Microsoft Office, QuickBooks, Peachtree and web design, teaching staff at organizations such as the American Red Cross, Public School Systems and the Small Business Association.

At TeachUcomp, Inc., we realize that small business software can be confusing, to say the least. However, finding quality training can be a challenge. TeachUcomp, Inc. has changed all that. As the industry leader in training small business software, TeachUcomp, Inc. has revolutionized computer training and will teach you the skills to become a powerful and proficient user.

In 2002, responding to the demand for high-quality training materials that provide more flexibility than classroom training, TeachUcomp, Inc. launched our first product - Mastering QuickBooks Made Easy. The enormous success of our first tutorial led to an ever-expanding product line. TeachUcomp, Inc. now proudly serves customers in over 80 different countries world-wide including individuals, small businesses, non-profits and many others. Clients include the Transportation Security Administration, NASA, Smithsonian Institution, University of Michigan, Merrill Lynch, Sprint, U.S. Army, Oracle Corporation, Hewlett-Packard and the U.S. Senate.

Our full-time staff of software training professionals have developed a product line that is the perfect solution for busy individuals. Our comprehensive tutorials cover all of the same material as our classroom trainings. Broken into individual lessons, you can target your training to meet your needs - choosing just the lessons you want (and having the option to watch them all if you like). Our tutorials are also incredibly easy to use.

You will listen and watch as our expert instructors walk you through each lesson step-by-step. Our tutorials also feature the same instruction manuals (in PDF) that our classroom students receive - and include practice exercises and keyboard shortcuts. You will see each function performed just as if the instructor were at your computer. After the lesson has finished, you then "toggle" into the application and practice what you've learned - making it the most effective interactive training solution to learn on your own.