Learn JavaScript for Web Development
4.7 (256 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.
14,578 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn JavaScript for Web Development to your Wishlist.

Add to Wishlist

Learn JavaScript for Web Development

Advance your Web Development Skills By Learning Javascript from JavaScript Expert
4.7 (256 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.
14,578 students enrolled
Created by Irfan Dayan
Last updated 2/2017
English
English [Auto-generated]
Curiosity Sale
Current price: $10 Original price: $75 Discount: 87% off
30-Day Money-Back Guarantee
Includes:
  • 8.5 hours on-demand video
  • 30 Articles
  • 76 Supplemental Resources
  • 2 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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.
View Curriculum
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 13,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 very basic of JavaScript language and will gradually take you to the advance level. 

You will learn 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 quizzescoding 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 very easy and understandable approach illustrating with actual codes. At 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 the complex concepts in a simple manner. The Instructor has nicely covered up the important concept in a 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. Teacher has clear voice and well knowledge. Asfak Ahmed


Who is the target audience?
  • This course is for anyone who want to learn JavaScript programming and want to build dynamic & interactive web projects with JavaScript language.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
95 Lectures
08:28:42
+
Introduction To Course
2 Lectures 04:44

In this video, I'll give you an introduction to the course. I walk you through the course syllabus.Thanks 

Preview 04:02

Please read important notes. 

IMPORTANT NOTE!
00:42
+
Getting Started With JavaScript
9 Lectures 29:44

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? 

What Is JavaScript?
04:24

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. 

Setup
02:44

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.

Write Very First Program In JavaScript
03:43

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.

Where To Add JavaScript?
06:22

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.

Adding Comments In JavaScript
04:26

DOWNLOAD ATTACHED EXERCISE FILE & PRACTICE IT.

Coding Exercise { }
00:02

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. 


Web Developer Tools - The Console Window
06:11

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

Quiz 1
13 questions

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

Download Exercise Files
00:12

Conclusion to getting started with JavaScript.

Conclusion
01:40
+
Variables With Arithmetic & Assignment Operators
7 Lectures 41:58

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

Variables In JavaScript
10:04

Declare & initialize a variable with string value
1 question

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.

Rules For Declaring Variables
08:45

Declare & initialize a variable with a number value.
1 question

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

Arithmetic Operators
09:58

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

Assignment Operators
07:10

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

Concatenation Operator
05:25

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

Quiz 2
11 questions

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

Download Exercise Files
00:12

Conclusion to Variables With Arithmetic & Assignment Operators.

Conclusion
00:24
+
Control Structures With Comparison & Logical Operators
10 Lectures 50:07

In this video, I talk about conditional if statement.

If...Else Statement
11:28

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 Comparison Operators
11:36

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.

Conditions With Logical Operators
08:18

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

Coding Exercise { }
00:02

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.

Switch Statement
06: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.

Loops
06:39

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

Coding Exercise { }
00:02

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

Break & Continue Statements
04:14

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

Quiz 3
10 questions

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

Download Exercise Files
00:12

Conclusion to Control Structures With Comparison & Logical Operators

Conclusion
00:57
+
JavaScript Functions
11 Lectures 41:05

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

Functions
02:44

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

Functions With Parameters & Return Values
06:52

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

Function As Variable & Anonymous Function
04:55

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

Preview 05:54

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.

Function Scope
06:45

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

Coding Exercise { }
00:02

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

Nested Functions
04:03

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

Dialog Boxes
06:07

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

Running Functions In Console Window
03:11

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

Quiz 4
10 questions

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

Download Exercise Files
00:12

Conclusion to JavaScript Functions.

Conclusion
00:20
+
JavaScript Data Types & Objects
12 Lectures 01:23:33

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

Data Types & Objects
08:35

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

Object
18:52

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

Date & Math Objects
13:10

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

Array Object
13:43

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. 

Coding Exercise { }
00:02

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

Regular Expression & Function Objects
06:03

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

String
10:08

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. 

Number
04:19

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

Boolean
04:53

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

Null & Undefined
03:00

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

Quiz 5
13 questions

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

Download Exercise Files
00:12

Conclusion to  JavaScript Data Types & Objects

Conclusion
00:36
+
Working & Understanding Browser Object Model (BOM)
10 Lectures 54:08

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

What Is Browser Object Model (BOM)?
01:52

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

Preview 11:49

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

Window Object Timing
06:43

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. 

Screen Object
05:30

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

History Object
04:53

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

Navigator Object
06:12

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

Location Object
08:27

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

Cookies
07:02

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

Quiz 6
7 questions

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

Download Exercise Files
00:12

Conclusion to Browser Object Model.

Conclusion
01:28
+
Working & Understanding Document Object Model (DOM)
14 Lectures 01:46:20

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

What Is Document Object Model (DOM)?
06:07

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

Document Object
03:29

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 01
11:00

Part 02:

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 02
14:16

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

Coding Exercise { }
00:02

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

Navigating Between Elements
18:04

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

Creating Elements & Attributes
14:21

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.

Changing Element Content & Attributes Values
13:09

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

Modifyig Elements Style
09:01

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

Coding Exercise { }
00:02

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

Removing Elements & Attributes
04:24

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

Document Element Animation
11:12

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

Quiz 7
8 questions

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

Download Exercise Files
00:12

Conclusion to Document Object Model

Conclusion
01:01
+
Working & Understanding JavaScript Events
7 Lectures 44:51

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

JavaScript Events
02:22

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.

Adding & Removing Event Handlers
16:48

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

Event Object
08:08

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

Internet Explorer 8 Event Model
06:01

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

Cross Browser Event Handling
11:14

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

Quiz 8
7 questions

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

Download Exercise Files
00:12

Conclusion to JavaScript Events 

Conclusion
00:06
+
JavaScript Errors & Strict Mode
4 Lectures 09:38

In this video, you will learn how to handle errors using try...throw..catch..finally statements.

JavaScript Errors
05:55

In this video, you learn about JS "strict mode";

Strict Mode
03:27

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

Conclusion to JavaScript errors & strict mode.

Conclusion
00:04
3 More Sections
About the Instructor
Irfan Dayan
4.5 Average rating
1,442 Reviews
33,487 Students
3 Courses
Freelancer, Web Developer, HTML5, CSS3 and JavaScript Expert

Hi, I'm Irfan Dayan! I hold degree in Software Engineering. 

I'm senior web developer working as a freelancer for last 7 years and with great passion for online teaching. I've worked on hundred of web projects for my happy clients, I mean 'HAPPY' clients :)

Teaching online is great way to spread knowledge in this modern world, therefore I'm here to teach you best of my web development skills. 

Waiting for something or someone? I think, you must not :) Sign up today and join me to take you on some awesome journey! The journey of learning GREAT! skills for web development!