JavaScript for Beginners: Build real-time Projects
5.0 (1 rating)
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.
54 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript for Beginners: Build real-time Projects to your Wishlist.

Add to Wishlist

JavaScript for Beginners: Build real-time Projects

Javascript Programming For Beginners: Your Step-By-Step Guide to Learning JavaScript Programming
5.0 (1 rating)
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.
54 students enrolled
Created by Deepika Khanna
Last updated 7/2017
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 8 hours on-demand video
  • 43 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • They will be able to build application using javaScript,HTML and Css
View Curriculum
  • The only equipment you need to use this course are a computer with a modern web browser installed, and your favorite code editor, (e.g., Notepad, TextEdit. Sublime Text. or Coda).

This course explains how JavaScript can be used in browsers to make website more interactive,interesting and user-friendly. You will also learn about JQuery because it makes JavaScript a lot easier.

To get most out of this course, you will need to know how to build web pages using HTML and CSS. Beyond that, no prior programming experience with programming is necessary. 

Learning to program with JavaScript involves:

Step 1: Understanding some basic programming concepts and the terms that JavaScript programmers use to describe them.

Step 2: Learning the language itself, and like all languages you need to know its vocabulary and how to structure your sentences.

Step 3: Becoming familiar with how it is applied by looking at examples of how JavaScript is commonly used in websites today.

Who is the target audience?
  • Student who wants to learn javaScript
  • Student who want to become a webDeveloper
Students Who Viewed This Course Also Viewed
Curriculum For This Course
50 Lectures
JavaScript Basic
8 Lectures 56:54

In this tutorial, we will talk about what is JavaScript and what are the features of JavaScript. In this tutorial, I will also show you a simple Hello World Example using alert statement in JavaScript.

Preview 05:03

In this tutorial, we will talk about how JavaScript engine works, we will also learn about what things in-Browser JavaScript can do and what things it cannot do.

Preview 07:26

In this tutorial, we will setup Sublime editor to write our JavaScript programs. Follow the same steps given in this tutorial to download and install Sublime editor. You can download any other IDE of your choice but for this course, we will use Sublime Editor.

Preview 04:18

In this tutorial,we will learn about a powerful tool present in all the browser. The tool is called "Developer Console". With the help of Developer console, you can find errors in your JavaScript code and it is a powerful tool to debug your web application.

Preview 05:39

In this tutorial, we will learn about Script. Script is a series of instructions that computer can follow to achieve a goal. Scripts are made up of instructions a computer can follow step-by-step. As you know, computers approach tasks in a different way than humans, so your instructions must let the computer solve the task programmatically.

To approach writing a script, break down your goal into a series of tasks and then work out each step needed to complete that task ( a flowchart can help too.) 

Preview 12:30

Before diving into the JavaScript language, you need to know how it will fit together with the HTML and CSS in your web pages. 

HTML (CONTENT LAYER) : This is where the content of the page lives. The HTML gives the page structure and adds semantics.

CSS (PRESENTATION LAYER) : The CSS enhances the HTML page with rules that state how the HTML content is presented (backgrounds, borders, box dimensions, colors, fonts etc.)

JS (BEHAVIOR LAYER) :   This is where we can change how the page behaves,adding interactivity. We will aim to keep as much of our JavaScript as possible in separate files. 

Preview 02:42

In this tutorial,we will do an example which adds a greeting message into an HTML page. The greeting message changes depending on the time of the day.

Preview 13:23

In this tutorial, we will learn about statements and comments in JavaScript.  As you know, script is a series of instructions that a computer can follow one-by-one. Each individual instruction or step is known as a statement. Statements should end with a semicolon.

Comments help make your code easier to read and understand.You must write comments to explain what your code does.  This can help you and others who read your code. 

Preview 05:53

Quiz 1
9 questions
JavaScript DataTypes and Variables
9 Lectures 01:42:05

Like many other programming languages, JavaScript has variables.  You need variables to store data. Variables can be thought of as named containers. You can place data into these containers and then refer to the data simply by naming the container. 

Before you use a variable in JavaScript program, you must declare it. Variables are declared with the var keyword.

Storing a value in a variable is called variable initialization. You can do variable initialization at the time of variable creation or at a later point in time when you need that variable.

JavaScript - Data Types and Variable

In this tutorial, we will use a variable to store a number. In this tutorial, we will create three variables and values are assigned to these variables. 

JavaScript Data Types with Examples

String variable with example

In this tutorial, we will see how to use Quotes inside a String. Sometimes you will want to use a double of single quote mark within a string. 

Because strings can live in single or double quotes, if you just want to use double quotes in the string, you could surround the entire string in single quotes. If you just want to use single quotes in the string, you could
surround the string in double quotes.

You can also use a technique called escaping the quotation characters. This is done by using a backwards slash (or "backslash") before any type of quote mark that appears within a string.The backwards slash tells the interpreter that the following character is part of the string, rather than the end of it.

How to escape a single quote (' ) in JavaScript?

Escaping Strings in JavaScript

In this tutorial, we will learn about rules for naming variables. 

Naming Variables: Rules and Best Practices

In this tutorial, we will learn about Arrays. An array is a special type of variable. It doesn't just store one value,it stores a list of values. 

You should consider using an array whenever you are working with a list or a set of values that are related to each other.

Arrays are especially helpful when you do not know how many items a list will contain because, when you create the array, you do not need to specify how many values it will hold.

For example:

var colors;  
colors =['white', 'black', ' custom '];

JavaScript Array with example

In this tutorial, we will learn about how to declare an array. 

You create an array and give it a name just like you would any other variable (using the var keyword followed by the name of the array).

Note:  The values are assigned to the array inside a pair of square brackets, and each value is separated by a comma. The values in the array do not need to be the same data type, so you can store a string, a number and a Boolean all in the same array.

var colors= ['white', 'black', 'custom'];

Declare an Array in JavaScript

JavaScript array constructor vs literal

Quiz 4: Arrays
1 question
JavaScript Operators
5 Lectures 01:10:42

What is an operator?

Let us take a simple expression 4 + 5 is equal to 9. Here 4 and 5 are called operands and ‘+’ is called the operator. JavaScript supports the following types of operators.

  • Arithmetic Operators

  • Comparision Operators

  • Logical (or Relational) Operators

  • Assignment Operators

  • Conditional (or ternary) Operators

JavaScript Operators

JavaScript supports the following arithmetic operators −

  1.     + (Addition)
  2.      -(Subtraction)
  3.     * (Multiplication)
  4.      / (Division)
  5.     % (Modulus)
  6.    ++ (Increment)
  7.     -- (Decrement)

JavaScript arithmetic operators and Precedence

JavaScript arithmetic operators with example

There is just one string operator: the+ symbol. It is used to join the strings on either side of it.

var firstName = 'Ivy ' ;
var lastName = ' Stone' ;
var fullName = firstName + lastName;

full Name would hold the string 'Ivy Stone'.

String concatenation in JavaScript

This example tutorial combines several techniques that you have seen throughout this section.

JavaScript project for beginners: Overview of all topics we covered so far
JavaScript Functions
28 Lectures 04:15:08


Functions let you group a series of statements together to perform a specific task. If different parts of a script repeat the same task, you can reuse the function (rather than repeating the same set of statements).

JavaScript Functions

JavaScript function with parameters

JavaScript passing parameters to function

JavaScript returning multiple values from function

Function Declarations vs. Function Expressions

Function Expression

Quiz 3 :Functions
6 questions

Local and Global Variables

Local and Global Variables with example

Objects in JavaScript

Object Literal with Example

Object Constructor

Multiple Objects

Constructor Function for Multiple Objects

Adding and Removing properties

Recap of Arrays and Objects

Object Model : Document and Built-In Objects

Window Object: Properties and methods

Window Object with example

Document Object Properties and Methods

Document Object with Example

Quiz 2 :DOM
2 questions

String Built-in Object and its methods

String Object with Example

Quiz 4:String
3 questions

Number Object and its Methods

Number object with Example

Math Object and its Methods

Math Object with Example

Date Object and its Methods

Date Object with Example
About the Instructor
Deepika Khanna
4.2 Average rating
2,839 Reviews
23,663 Students
17 Courses
Software Developer,Blogger,Author

I am a Java/J2EE and salesforce developer, have been writing and working with software for the past 5 years. I currently live in Dallas/TX.

If your goal is to become one of these:

Android Developer

JAVA/J2EE Developer

Salesforce Developer

Then checkout my courses. I have close to 10000 students in and out of udemy. My passion is helping people around the world and guide them into the world of programming.

I am Oracle certified JAVA ,J2EE developer. I love coffee, music, exercise,coding and technology. See you in my course:)