Javascript for Beginners

Learn javascript online and supercharge your web design with this Javascript for beginners training course.
4.3 (182 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.
3,666 students enrolled
25% off
Take This Course
  • Lectures 48
  • Exercises 6 coding exercises
  • Length 3 hours
  • Skill Level All Levels
  • Languages English
  • Includes Coding Exercises New!
    Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 7/2011 English

Course Description

Take this Javascript training course and start learning Javascript today.

"As a business guy I have no place in programming." Ten years ago you could have gotten away with that statement. Today you say that to your colleagues and they scoff at you before they go back to their computers to fix real problems and do real work.

If you want to do something useful start by learning Javascript . In these days when the browser is central to all computer use knowing "the language of the browser" is the most important step. A few years ago Javascript potential was uncertain and many programmers considered it useless. These days however competent programmers have identified Javascript real potential and uses and it has gone from a toy language to the main language of the browser. It has become one of the most useful languages of this era. Every developer needs at least a basic understanding of Javascript. A developer who knows Javascript is the rockstar of the company and is in constant demand by employers. Our online Javascript

course will get you started by teaching all the essential aspects of coding in Javascript. So... what's it gonna be? Do you want to supercharge your career and be in constant demand by employers? Do you want to learn how to create dynamic and innovative Javascript documents? Start programming today with our Javascript course for Beginners training and take control of your career.

What are the requirements?

  • Some basic knowledge of HTML is required for this course.

What am I going to get from this course?

  • Extensive, informative and interesting video lecture
  • Complete Code demonstrated in lecture
  • Lab Exercises
  • Lab Solution Sets
  • All Powerpoint Demonstrations Used in Course
  • Instructor contact Email for questions and clarifications
  • Coverage of all important primary Javascript concepts

Who is the target audience?

  • Web Designers looking to improve their skill set
  • Programmers who need to learn Javascript for their web applications
  • People looking to start programming and need a first programming language to learn
  • Students who want to learn Javascript
  • People who manage a web site as a volunteer or as a hobby
  • Bloggers-- even if you use Wordpress or another CMS!
  • Anyone else who wants to learn Javascript

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.




1 question
In this exercise we will call additional JS file within our HTML file.

Please watch this first.

Section 1: Chapter 1: Hello Javascript!

In this video we meet our instructor for the course, Mark Lassoff.  We also get introduced to the major server side and client side languages that are used on the web.  Mark also gives some background some background about HTML and CSS-- the other client side langauges that are used to create web sites.  Finally Mark gives a more detailed background of the Javascript programming language. 

9 pages

This set of slides have information about the course, the instructor and how to succeed in the course.  


In this video youi and Mark will create your first Javascript program.  Mark will explain what software you need to create Javascript (not much!) and how to go about creating yoiur first Javascript program and executing it in the browser.


In this video Mark introduces you to the three locations where you can embed Javascript code-- In the document , in the document and as an external attached file using the src attribute.  Mark will also provide a quick introduction to using Javascript functions which will be covered thoroughly later in the course.

Chapter 1 Lab
1 page
1.6 kB

These are the code examples used in lecture for chapter 1.  Open these and examine them carefully to help you understand the concepts that Mark discussed in the lectures!

Section 2: Chapter 2: Storing Information in Variables

In this video lecture, Mark discusses using variables in Javascript.  Mark will demonstrate how to use string variables and variables that carry numerical values.  Variable declaration with var and variable initialization will be demonstrated. Mark will also demonstrate how to output variable values using document.write().


In working with variables you will use variable operators.  In this video, Mark discusses the mathamatical operators used with variables.  He also discusses the concatenation operators used with string variables.

1 question
This exercise will show you some examples of variables in Javascript
2 pages
After watching the video lectures, complete these lab exercises. These lab exercises will help you apply and remember the concepts Mark demonstrated during the lecture. Good luck! If you have questions, the instructors email is included in the lab.
1.5 kB

These are the code files that Mark used in the lecture.  Download these files and examine them to become more familiar with the concepts discussed during the lecture.

Section 3: Chapter 3: Conditional Statements

In this video lecture, Mark demonstrates the use of simple conditional statements.  Using the if statement your Javascript programs can make decisions based on program conditions and execute specific code bsaed on those decisions.  Mark reviews the conditional operators and also creates compound conditionals in this lecture.


Mark reviews the use of else and else if in this video lecture.  You'll learn how to write conditionals that can execute a block of code if the condition is evaluated as true and another block of code if the conditional is evaluated as false.

1 question
In this exercise we will use if else conditionals to write a program that calculates grades.

In this Javascript video, Mark introduces the switch... case... break conditional statement which allows you to evaluate a number of conditions in an efficient manner.

Chapter 3 Lab
2 pages
2.0 kB

These are the example files that Mark created during the Chapter 3 lectures.

Section 4: Chapter 4: Dialog Boxes

In this video lecture, Mark will demonstrate the three kinds of dialog boxes available in Javascript.  Mark will demonstrate the alert() box, the confirm() box and the prompt() box.  With the latter two dialogs, Mark will also demonstrate how to capture the users response to the dialog box and process that information.

Chapter 4 Lab
1 page
876 Bytes

This is the HTML file that Mark created during the lecture.  Study this file carefully to learn to code the three types of dialogs available in Javascript.

Section 5: Chapter 5: Now We're Iterating! Loops in Javascript

In this video lecture Mark covers two common types of loops:  While loops and Do...While Loops.  Loops allow you to execute a block of code a number of times.  This is useful if you need a portion of the code to be repeated during execution-- as you might during a game such as Poker or Bingo.  First Mark discusses While Loops and then the Do...While Loops.


In this video lecture Mark will show you how to use the compact and efficient for loop.  He will also demonstrate a practical application of a loop as it is used to take several inputs from a user and output them using document.write.

1 question
This exercise will help you to understand how to use for loops

In this short video lecture Mark gives you a hint that will help you complete number 5 in this section's lab exercises.  parseInt() and parseDouble() are covered.

2 pages

After watching the video lectures complete these lab exercises. These lab exercises will help you to apply and retain the information presented in the lecture.

1.6 kB

These are the code examples from the lectures in Chapter 5.

Section 6: Chapter 6: Coding Javascript Functions

In this video lecture, Mark will show you the basics of functions in Javascript.  Mark will show you how to properly code both the function definition and the function call.


in this section Mark will demonstrate how to create more sophisticated functions that can take one or more arguments and can return a value to the caller.


In this video lecture Mark will show you how to call functions based on user interface events such as a button click or a web page loading into the browser.

1 question
In this exercise we will learn about how to call functions
3 pages
Complete these lab exercises after watching the Chapter 6 video lectures. These will help you practice and retain the information presented in the lecture. Good luck!
1.2 kB

Use this file to get started with the lab exercises as directed in the lab instructions PDF file.

1.6 kB

These are the examples that Mark coded in lecture for Chapter 6.

Section 7: Chapter 7: Working with Arrays

In this video lecture Mark discusses the three methods of declaring an array in Javascript.  Mark also goes over looping through an array, changing the values within an array and accessing array memebers.


In this video lecture Mark continues the discussion of arrays.  Mark demonstrates what happens if you go beyond the array boundaries.  The statement is discussed as well as the pop(), push() and sort() methods of the Array class.

1 page
After watching Mark's video lecture for Chapter 7, complete these lab exercises designed to reinforce the concepts demonstrated. Arrays are a very important concept in all programming languages. Good luck!
1.5 kB

These are the code examples that Mark created in the video lectures for Chapter 7.

Section 8: Chapter 8: The String Object

In this video lecture, Mark discusses the string object.  Manipulating strings is an important Javascript task and is frequently necessary when Javascript is used for user input validation or to deal with HTML text.  Mark demonstrates the length property as well as several string methods in this video.

1 question
This example contains some string functions you can use
2 pages
After viewing the video lecture for Chapter 8, complete these lab exercises. These exercises are designed to help you learn to use the String object.
1.5 kB

This is the HTML file that Mark creates during the video lecture for Chapter 8.

Section 9: Chapter 9: Obtaining and Manipulating User Information

In this video lecture Mark will discuss how to get information about the user's environment.  Mark will show you how to obtain information about the user's browser, the user's screen and how to obtain and manipulate information about the browser's location.

1 page
After viewing the video lecture for this chapter, complete this lab which will allow you to practice and apply the concepts discussed in the video.
1.5 kB

This is the HTML file that Mark created during the video lecture.

Section 10: Chapter 10: The Document Object

In this video lecture, Mark introduces the document object.  The document object can be used to manipulate objects within the page.  Mark will show you how to access form fields and manipulate the style sheet dynamically in this video.


In this final video lecture, Mark discusses the innerHTML property.  The innerHTML property can be used to dynamically manipulate the HTMLin a document.

Chapter 10 Lab
2 pages
1.4 kB

This is the HTML you need to start the lab exercises as discussed in the lab instructions.

1.5 kB

These are the files that Mark created during the video lecture for Chapter 10.  Examine these files to better learn the code concepts demonstrated.

Section 11: Lab Solutions
Lab Solutions
9.9 kB
Section 12: Bonus Lecture

Here's some bonus material to help you continue learning!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

LearnToProgram, Inc., Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

Ready to start learning?
Take This Course

How JavaScript was Invented
in 10 Days

JavaScript is one of the most-used and most-valued programming languages in the world. It's been called the "assembly language" of the web. But it was invented in 10 days in 1995, when Netscape wanted a client-side programming language to run in Netscape's browser, Netscape Navigator.

If you're not familiar with web development, you probably still know that most webpages are made out of HTML. What you might not know is that HTML is not a programming language.

HTML stands for hyper text markup language, a mark-up language being a system of annotation. In other words, HTML is just a fancy way of formatting text and other elements. Like when you format a word document, once it's published you cannot change or reformat the contents of a website consisting solely of HTML -- in this sense it is "static." You can't set an HTML property to a variable, X, and then define X later.

With a programming language, on the other hand, you can assign, define, and manipulate variables. The trick to programming languages, in web development, is to have them interact with HTML. In a programming language designed for the web, you might define a variable X, and then have a program generate HTML with the present value of X as one of the properties.

Server-side scripting languages are programming languages that run on the server. Code written in a server-side language can grab a variable from a user's browser (like a cookie passed with the HTTP request) and then use that data to make more sophisticated or tailored HTML.

But server-side scripting isn't good for truly "responsive" designs. A client-side scripting program runs on the client side. In web terms that means in the browser of the person looking at a website. Client-side programs can change the website based on user behavior. If the user resizes a window, or mouses-over an element, or starts typing a search query, client-side code can change parts of the page in response. In order for this to work the browser needs to be built to run this code.

In 1995, Netscape already had one client-side language: Java. They had built support for applications written in Java -- developed by Sun Microsystems -- into their browser, Navigator. The trouble was in integrating Java applications into an overall web experience. Java apps run in a "sandboxed environment," isolated from the content of the page that hosts them. Netscape could have built support for Java as a scripting language, but they wanted a simpler language instead. This was partially because websites were often built by graphic designers, or amateur developers, with limited programming chops.

They cared about getting this scripting language together, but they also wanted it for their next release. To meet deadlines they gave a recently hired programmer 10 days to come up with an in-browser scripting solution.

That programmer was Brendan Eich. Netscape had lured Eich in on the promise of "do[ing] Scheme" (a programming language with a bit of a cult following) in the browser. Those dreams ended up not working out -- in fact, Eich quickly discovered he would have to invent a whole new language for Netscape.
As he's written, "The diktat from upper engineering management was that the language must ‘look like Java.' That ruled out Perl, Python, and Tcl, along with Scheme." He's also said, "I was under marketing orders to make it look like Java but not make it too big for its britches ... [it] needed to be a silly little brother language."

Though he tried to make it "look" like Java, Eich's invention was pretty syntactically different, borrowing more from more obscure languages like Scheme and Self. While it was in development, the language was called "Mocha." It was renamed "LiveScript" for its initial release. Then, Java became very popular before LiveScript did, so Netscape's marketing department renamed LiveScript "JavaScript" to piggyback on that cache.

Javascript and Web 2.0

Netscape didn't anticipate that people would start using JavaScript without Java. But they did. In fact, a lot of amateur web developers and pop-up ad designers started using it a lot of places they shouldn't have:

Pop-up ad (Edcollins)

For a long time, JavaScript was known to many as the language that made the web much more annoying. As Eich has commented, "JavaScript was cursed because it was mainly used for annoyances like little scrolling messages in the status bar at the bottom of your browser or flashing images."

Because JavaScript ran in the browser, its implementation was ultimately up to the designers of the various browsers. They built JavaScript engines to interpret and run the JavaScript, Eich's inaugural engine, which shipped with Netscape 2.0, and was called SpiderMonkey. The various engines ended up varying from browser to browser, sometimes a lot. IE3, for example, didn't support the document.images array. After several years of inconsistency, in the late 1990s, this led to the standardization of JavaScript as "EcmaScript" (established by a trade group, then called the European Computer Manufacturers Trade Association -- ECMA).

This kind of standardization was the most significant revision the language itself was ever going to get. As it was put in an article by the IEEE Computer Society, "Nothing built in 10 days is perfect, but once something is released into the wild, bugs or imperfections quickly become essential features and are nearly impossible to change."

But though JavaScript didn't change very much as a language, the tools to handle it -- including engines like SpiderMonkey, developer tools like in-browser debuggers, JavaScript libraries, and the Ecma standards -- developed a lot:

"... JavaScript had enough good stuff at the beginning to survive [...] it became fast enough and good enough in 2004 and 2005 to beget the Web 2.0 revolution."

The Browser Wars drove this innovation. As Microsoft, Mozilla, Google, and Apple competed over browser market share, one of the biggest battles to fight was improving the JavaScript runtime environment.

"[If you want to increase your market share,] it turns out that making a web browser that doesn't suck is Step 1," Meteor's Geoff Schmidt said at a conference in July 2015. "What was making web browsers suck? Javascript."

He went on to explain that this grievance drove the browser makers to make JavaScript the best they could: "The result is that JavaScript is now the best dynamic language runtime we've ever had. It far surpasses Ruby, Python, and PHP."

The Rise of JavaScript

One of the biggest innovations in web development was the rise of the framework. Frameworks are software environments -- which can consist of file structures, code libraries, and programming languages -- that are reused as the building blocks of novel projects. In many frameworks, including the very popular Ruby on Rails, JavaScript is the glue stitching together many different technologies.

Now, in some cases, these frameworks are being displaced by ones in which the majority of the code is written in JavaScript. Node.js is a JavaScript runtime environment invented as open-source technology in 2009. It's best use is for "fast, scalable network applications." With Node.js, the bulk of a project is typically written in JavaScript. Node.js has become so popular that it has surpassed Ruby on Rails as a Google search term:

Data: GoogleTrends

In addition to this, JavaScript is practically everywhere, now. In his talk at Devshop SF 2015, Geoff Schmidt called JavaScript the "only reasonable language for cross-platform app development." It's being used on browsers, on servers, on mobile, and there are even frameworks that compile other code into JavaScript for web purposes.

"Because of some special and unique historical circumstances," he concluded. "JavaScript has an enormous opportunity ahead of it. [...] JavaScript can change the world."

The JavaScript Community

Whether or not you believe Schmidt, his premises are inarguable. JavaScript is more or less ubiquitous across platforms, by design it's relatively easy to learn, it's incredibly fast, and -- Schmidt says -- it has a large community of people who know it or would like to know it.

That community is only getting bigger. Many of the JavaScript students on Udemy are people with a Computer Science background, expanding their skill set.

Because JavaScript has developed so much in the past fifteen years, there are a lot of people trying to take advantage of the powerful new applications of the language. It's also worth noting that Udemy is popular among people who studied graphic design, as well -- it's may be a programmer's programming language, but it's still not just a programmer's programming language.

What's more, the biggest professional demographic of JavaScript students on Udemy are CEO/Founders. Implying that whatever the next wave of technology looks like, there's a good chance JavaScript is going to play a big part in it.