Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Learn JavaScript for Web Development

Name: Learn JavaScript for Web Development
Rating: 4.2 (3252 reviews)

Advance your Web Development Skills By Learning Javascript from JavaScript Expert!

Created byIrfan Dayan

Last updated 9/2019

English

What you'll learn

You will have a great skill set of writing JavaScript programs.
You would be able to apply JavaScript programming skills to build dynamic and interactive web projects.

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

13 sections • 95 lectures • 8h 28m total length

Welcome & Getting Started!4:02
In this video, I'll give you an introduction to the course. I walk you through the course syllabus.Thanks
IMPORTANT NOTE!0:40
Please read important notes.

What Is JavaScript?4:24
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?
Setup2:44
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.
Write Very First Program In JavaScript3:43
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.
Where To Add JavaScript?6:22
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.
Adding Comments In JavaScript4:26
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.
Coding Exercise { }0:01
DOWNLOAD ATTACHED EXERCISE FILE & PRACTICE IT.
Web Developer Tools - The Console Window6:11
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.
Quiz 1
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion1:32
Conclusion to getting started with JavaScript.

Variables In JavaScript10:04
In this video, I’ll be talking about variables. Variables are very important concept in any programming language and even in JavaScript language.
Declare & initialize a variable with string value
Rules For Declaring Variables8:45
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.
Declare & initialize a variable with a number value.
Arithmetic Operators9:58
In this video, I discuss variable Arithmetic operators of JavaScript language. I will show you different examples of Arithmetic operations.
Assignment Operators7:10
In this video, I’ll talk about JavaScript Assignment operators.
Concatenation Operator5:25
In this short video, I’ll discuss the ‘+’ concatenation operator of JavaScript languge.
Quiz 2
Download Exercise Files0:11
I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion0:22
Conclusion to Variables With Arithmetic & Assignment Operators.

If...Else Statement11:28
In this video, I talk about conditional if statement.
Conditions With Comparison Operators11:36
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.
Conditions With Logical Operators8:18
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.
Coding Exercise { }0:01
In this coding exercise, student will write a JavaScript program to find the largest number among three numbers.
Switch Statement6:39
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.
Loops6:39
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.
Coding Exercise { }0:01
In this coding exercise, student will write a JavaScript program to find Even/Odd number.
Break & Continue Statements4:14
In this video, I’ll explain the purpose of break and continue statements in JavaScript.
Quiz 3
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion0:50
Conclusion to Control Structures With Comparison & Logical Operators

Functions2:44
In this video, you will learn about JavaScript functions. I'll show you how to define and invoke / call a function.
Functions With Parameters & Return Values6:52
In this video, you will learn how to add parameters to a function definition and how you can return value from a function.
Function As Variable & Anonymous Function4:55
In this video, I’ll discuss how you can assign a function to a variable and I’ll also discuss anonymous function in JavaScript.
Self Executing Anonymous Function5:54
In this video, I’ll discuss self executing anonymous function
Function Scope6:45
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.
Coding Exercise { }0:01
In this coding exercise, student will write a JavaScript program with function to find age.
Nested Functions4:03
In this video, I’ll talk about JavaScript nested functions. In JavaScript, it is possible to nest a function.
Dialog Boxes6:07
In this video, I’ll talk about JavaScript dialog boxes. JavaScript supports 3 types of dialog boxes.
Running Functions In Console Window3:11
In this video, I will show you how you can write and execute functions inside console window.
Quiz 4
Download Exercise Files0:11
All the Exercise Files for this section are available as resource in single zip file. Download the attached available resource to your system.
Conclusion0:16
Conclusion to JavaScript Functions.

Data Types & Objects8:35
In this video, I’ll discuss data types and objects in JavaScript language
Object18:52
In this video, I’ll focus on working on an object in JavaScript.
Date & Math Objects13:10
In this video, I’ll discuss the built in Date & Math objects in JavaScript.
Array Object13:43
In this video, I’ll discuss Array data type in JavaScript. The array object lets you store multiple values in a single variable.
Coding Exercise { }0:01
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.
Regular Expression & Function Objects6:03
In this video, I’ll briefly discuss regular expression and function objects.
String10:08
In this video, I’ll talk about strings in JavaScript language.
Number4:19
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.
Boolean4:53
In this video, I’ll talk about Boolean data type in JavaScript. Boolean data type represents values in two states, true or false.
Null & Undefined3:00
In this video, I’ll talk about Null and Undefined data types.
Quiz 5
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion0:29
Conclusion to JavaScript Data Types & Objects

What Is Browser Object Model (BOM)?1:52
In this video, you will get familiar with browser object model hierarchy.
Window Object11:49
In this video, I'll discuss window object in JavaScript.
Window Object Timing6:43
In this video, I'll discuss window object timing in JavaScript. You can execute JavaScript code in specified time interval.
Screen Object5:30
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.
History Object4:53
In this video, I'll talk about history object in JavaScript.
Navigator Object6:12
In this video, I'll talk about navigator object in JavaScript.
Location Object8:27
In this video, I'll talk about location object in JavaScript.
Cookies7:02
In this video, I'll talk about cookies in JavaScript.
Quiz 6
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion1:17
Conclusion to Browser Object Model.

What Is Document Object Model (DOM)?6:07
In this video, I’ll discuss DOM or document object model.
Document Object3:29
In this video, I'll briefly discuss document object in JavaScript.
Accessing Elements & Attributes - Part 0111:00
Part 01:
In this video, I'll teach you, how you can gain access to HTML elements and its attributes using document object.
Accessing Elements & Attributes - Part 0214:16
Part 02:

In this video, I'll teach you, how you can gain access to HTML elements and its attributes using document object.
Coding Exercise { }0:01
In this coding exercise, student will write a JavaScript program to the get the content/text of html element using JavaScript DOM.
Navigating Between Elements18:04
In this video, I'll teach you, how you can navigate between DOM elements / nodes.
Creating Elements & Attributes14:21
In this video, you will learn how to dynamically add content to a web page after it has been loaded inside the browser.
Changing Element Content & Attributes Values13:09
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.
Modifyig Elements Style9:01
In this video, you will learn how to add style or css to an HTML element using JavaScript DOM.
Coding Exercise { }0:01
In this coding exercise, student will write a JavaScript program to modify the style of html element using JavaScript DOM.
Removing Elements & Attributes4:24
In this video, you will learn how to remove element/node and its attributes using JavaScript DOM.
Document Element Animation11:12
In this video, I’ll show you how you can animate elements using JavaScript DOM.
Quiz 7
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion1:00
Conclusion to Document Object Model

JavaScript Events2:22
In this video, I will discuss about JavaScript Events. JavaScript is often called event driven language. Events are an extremely important part of JavaScript.
Adding & Removing Event Handlers16:48
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.
Event Object8:08
In this video, I will event object and its properties.
Internet Explorer 8 Event Model6:01
In this video, you will learn, how to write event handlers for IE8 & earlier versions of Microsoft internet explorer browsers.
Cross Browser Event Handling11:14
In this video, I will write cross browser event handling code.
Quiz 8
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion0:06
Conclusion to JavaScript Events

JavaScript Errors5:55
In this video, you will learn how to handle errors using try...throw..catch..finally statements.
Strict Mode3:27
In this video, you learn about JS "strict mode";
Download Exercise Files0:11
In this lecture, I have attached all the Exercise Files for this section in single zip file for download. Go ahead and download them.
Conclusion0:04
Conclusion to JavaScript errors & strict mode.

Requirements

No coding experience is required. You will start learning from the basics.
All you need to get started is a code editor & internet browser.
If you know basic html & css that would be bonus otherwise no worries.

Description

*** Over 105,000+ Students Are Already Taking This Course ***

*** BEST REVIEWED Course On Udemy***

This course will teach you the most popular programming language in the world. Which is JavaScript! Yes, the JavaScript!

If you are interested in building dynamic & interactive projects in web development then this is the right course for you.

This course will start teaching you the very basics of JavaScript language and will gradually take you to the advanced level.

You will learn a deep understanding of JavaScript concepts. You will see the beauty and power of JavaScript language and you would be able to apply all these skills in modern web development.

Along the way, you will have quizzes, coding assignments to polish your JavaScript programming skills.

You will learn JavaScript coding standards with best practices.

After learning all the essentials of JavaScript language then you will build an interactive web project. And you will see, how with very basic HTML, CSS, and JavaScript essentials you can build modern-looking web projects.

Students Review:

I really enjoy learning JavaScript through this course. This course will definitely improve your JavaScript skills and help you understand the basics and advanced concepts of JavaScript. The best thing about this is that the instructor explains the matters in a very easy and understandable approach illustrating with actual codes. In the end, the overlay menu project provides insight on how to actually code something from scratch. Nabin Jaiswal
It is a nice course on javascript, very helpful in learning complex concepts in a simple manner. The Instructor has nicely covered up the important concept in simple English. Faisal Q.
Excellent teacher who made difficult concepts easy to learn and understand. Highly recommend taking this course if you want to learn JavaScript! AWESOME. COURSE EVER. Mohin Sandhi
Best Javascript Course. To the point & very Informative. The teacher has a clear voice and well knowledge. Asfak Ahmed

Who this course is for:

This course is for anyone who want to learn JavaScript programming and want to build dynamic & interactive web projects with JavaScript language.

Learn JavaScript for Web Development

What you'll learn

Explore related topics

Coding Exercises

Course content

Introduction To Course2 lectures • 5min

Getting Started With JavaScript9 lectures • 30min

Variables With Arithmetic & Assignment Operators7 lectures • 42min

Control Structures With Comparison & Logical Operators10 lectures • 50min

JavaScript Functions11 lectures • 41min

JavaScript Data Types & Objects12 lectures • 1hr 23min

Working & Understanding Browser Object Model (BOM)10 lectures • 54min

Working & Understanding Document Object Model (DOM)14 lectures • 1hr 46min

Working & Understanding JavaScript Events7 lectures • 45min

JavaScript Errors & Strict Mode4 lectures • 10min

Requirements

Description

Who this course is for: