Learn JavaScript for Web Development

Please read important notes. 

In this introductory video, I explain, What JavaScript Is? What you can do with it? And What you would need in order to use JavaScript language?  

I also give a brief look at, where JavaScript came from? How JavaScript work? And what sorts of useful things you can do with JavaScript language? 

In this video, I setup the working environment. I choose & download the chrome browser and explain little bit web developer tools. And also i introduce & download Brackets code editor. 

In this video, I write the very first program in JavaScript language. I keep things simple so you can get started with JavaScript programming. 

I add the basic HTML5 template and then I start adding simple JavaScript code. I explain the script tag and then I start adding simple JavaScript statements and you will see the results in browser.

In this video, I show you where you can add JavaScript code into your web page. 

There are 3 methods to add JavaScript code to your web page. The first one is adding JavaScript code inside the head section of html document, second one is adding it inside the body section of html document and third one is adding JavaScript code as an external file. I walk you through each of these methods with working examples in this video.

In this video, I’ll show you how you can add comments to your JavaScript code.  Comments are very important, it helps to explain your JavaScript code and make it more readable.

DOWNLOAD ATTACHED EXERCISE FILE & PRACTICE IT.

In this video, I discuss, how you can use Web Developer Tools – and mainly the Console Window.  You will see, how you can run standard JavaScript statements and console specific commands inside console window. 

In this quiz, you will be asked very basic questions about JavaScript language.

In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them. 

Conclusion to getting started with JavaScript.

In this video, I’ll be talking about variables. Variables are very important concept in any programming language and even in JavaScript language.

In this video, I discuss some rules for declaring variables in JavaScript language. There are certain names and characters which you cannot use for your variables names. I also discuss the case sensitivity & naming convention of JavaScript.

In this video, I discuss variable Arithmetic operators of JavaScript language. I will show you different examples of Arithmetic operations.  

In this video, I’ll talk about JavaScript Assignment operators.

In this short video, I’ll discuss the ‘+’ concatenation operator of JavaScript languge. 

In this quiz, you will be asked questions about JavaScript Variables and Operators.  

I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them. 

Conclusion to Variables With Arithmetic & Assignment Operators.

In this video, I talk about conditional if statement.

In this video, I discuss comparison operators. The comparison operators are used along with conditional statements to compare values and perform some action based on the result.

In this video, I’ll be talking about logical operators in JavaScript. Logical operators are very important in any programming language and they help to take decisions based on certain conditions.

In this coding exercise, student will write a JavaScript program to find the largest number among three numbers.

In this video, I’ll talk about conditional switch statement. A switch statement is used to test a variable for equality against a list of values. The switch statement is part of JavaScript conditional statements.

In this video, I’ll talk about loops in JavaScript. While writing a program, you may encounter a situation where you need to perform an action over and over again. In such situations, you would need to write loop statements to reduce the lines of code.

In this coding exercise, student will write a JavaScript program to find Even/Odd number.

In this video, I’ll explain the purpose of break and continue statements in JavaScript. 

In this quiz, you will be asked questions about control structures along with comparison & logical operators.

In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them. 

Conclusion to Control Structures With Comparison & Logical Operators

In this video, you will learn about JavaScript functions. I'll show you how to define and invoke / call a function.

In this video, you will learn how to add parameters to a function definition and how you can return value from a function.

In this video, I’ll discuss how you can assign a function to a variable and I’ll also discuss anonymous function in JavaScript.

In this video, I’ll discuss self executing anonymous function

In this video, I’ll talk about JavaScript scope. To work with JavaScript efficiently, one of the first things you need to understand is the concept of variable scope.

In this coding exercise, student will write a JavaScript  program with function to find age.

In this video, I’ll talk about JavaScript nested functions. In JavaScript, it is possible to nest a function. 

In this video, I’ll talk about JavaScript dialog boxes.  JavaScript supports 3 types of dialog boxes. 

In this video, I will show you how you can write and execute functions inside console window.

In this quiz, you will be asked questions about functions in JavaScript.

All the Exercise Files for this section are available as resource in single zip file.  Download the attached available resource to your system. 

Conclusion to JavaScript Functions.

In this video, I’ll discuss data types and objects in JavaScript language

In this video, I’ll focus on working on an object in JavaScript.

In this video, I’ll discuss the built in Date & Math objects in JavaScript.

In this video, I’ll discuss Array data type in JavaScript. The array object lets you store multiple values in a single variable.

In this coding exercise, student will write a JavaScript program with the help of objects, array and for loop to find the reading status of books. 

In this video, I’ll briefly discuss regular expression and function objects. 

In this video, I’ll talk about strings in JavaScript language.

In this video, I’ll talk about Number in JavaScript. The number object enables you to represent a numeric value. It may be integer or floating point number. 

In this video, I’ll talk about Boolean data type in JavaScript. Boolean data type represents values in two states, true or false.

In this video, I’ll talk about Null and Undefined data types.

In this quiz, student will be asked about JavaScript data types & objects.

Conclusion to  JavaScript Data Types & Objects

In this video, you will get familiar with browser object model hierarchy.

In this video, I'll discuss window object in JavaScript.

In this video, I'll discuss window object timing in JavaScript. You can execute JavaScript code in specified time interval.

In this video, I'll talk about screen object in JavaScript. The JavaScript screen object is child object of window object and the screen object holds information about the user’s screen. 

In this video, I'll talk about history object in JavaScript.

In this video, I'll talk about navigator object in JavaScript.

In this video, I'll talk about location object in JavaScript.

In this video, I'll talk about cookies in JavaScript.

In this quiz, questions will be asked about browser object model (BOM).

In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them. 

Conclusion to Browser Object Model.

In this video, I’ll discuss DOM or document object model.

In this video, I'll briefly discuss document object in JavaScript.

In this coding exercise, student will write a JavaScript program to the get the content/text of html element using JavaScript DOM.

In this video, I'll teach you, how you can navigate between DOM elements / nodes.

In this video, you will learn how to dynamically add content to a web page after it has been loaded inside the browser.

In this video, you will learn how to change the content of a DOM element or a node and I’ll show you show you can change attribute value of already existing attribute of an element.

In this video, you will learn how to add style or css to an HTML element using JavaScript DOM.

In this coding exercise, student will write a JavaScript program to modify the style of html element using JavaScript DOM.

In this video, you will learn how to remove element/node and its attributes using JavaScript DOM.

In this video, I’ll show you how you can animate elements using JavaScript DOM. 

In this quiz, questions will be asked about document object model (DOM).

Conclusion to Document Object Model

In this video, I will discuss about JavaScript Events. JavaScript is often called event driven language. Events are an extremely important part of JavaScript.

In this video, you will learn how to add an event handler to an event. There are three methods to add an event handler to an event.

In this video, I will event object and its properties.

In this video, you will learn, how to write event handlers for  IE8 & earlier versions of Microsoft internet explorer browsers.

In this video, I will write cross browser event handling code.

In this quiz, questions will be asked about JavaScript Events.