Saturday, January 7, 2017

Top 10 video tutorials to learn JavaScript | Best Javascript tutorials

JavaScript is a web technology that adds the dynamic nature to the HTML web page. We can build applications from simple apps such as Calculator, Simple Quiz to complex applications such as Gmail, Google Analytics, Google Maps.

There are hundreds of frameworks have been derived from JavaScript and few popularly derived frameworks are NodeJS, AngularJS, ReactJS, Meteora JS, Backbone JS etc. To understand these frameworks.

Below is list of top 10 video tutorials to learn JavaScript

Top 10 video tutorials to learn JavaScript

JavaScript Learning Path

A proper learning path is a required to transform a student from beginner to advanced level. Let's understand the importance of learning path with below example: 

Imagine you're traveling to a destination spot in the car and if you didn't carry the roadmap along with you then I bet you travel experience may not be pleasant as you may travel back and forth and ending up in yourself in a different location far from your destination. At the end of the day, you will be reaching the destination spot after a long struggle wasting precious and money. 
JavaScript Learning Paths
ASP.NET MVC 5 Learning Paths
I know you're intelligent, you might answer me saying that I use GPS to reach the destination spot without struggling and wasting time. That's a good idea but while learning programming languages, it is important to have a roadmap along with you. To master in any programming language, learning path is very important. If you don't have popular learning path, you will end up struggling to learn any programming and wasting time. As GPS helps the people to reach their destination.

The required Learning path for JavaScript is below:
  • Initially, try to understand how HTML is used to define the structure of a web page and try to determine what data is rendered on a web page. 
  • It is extremely important to focus on HTML DOM(document object model) and try to get familiar with the Tree structure of HTML Document Object Model.
  • Little knowledge of CSS is required for styling to the web pages and you can learn CSS along with HTML simultaneously
  • Learn JavaScript basic concepts, what and how strings are defined, numbers, booleans, common operators, variables, and control flow etc,. how to write simple programs such as arithmetic operations.
  • Then try to understand the importance of an Object. For your information, everything in JavaScript is an object. Learn advanced concepts of JavaScript such as Object Oriented programming, Closures, hoisting, immediately invoked function expression, this keyword etc.
  • Learn best practices by looking into popular libraries such as JQuery, AngularJS, ReactJS, Backbone JS because they are developed using popular frameworks.
    You can write any number of lines of code to get the output but it is equally important to follow the patterns for the better results and to avoid future modifications to the code.
  • Understand design patterns
  • Learn AJAX and communicating with disturbed data(XML or JSON) using AJAX calls.
  • Learn how to work with Web API's. There are many API's such Google APIs, dictionary API, Facebook API, WordPress API etc,. You need to understand the power of API's. For example, Uber uses Google Maps API and makes billions of money out of it.
To master in JavaScript,  I suggest developing a real-time project using the knowledge that you acquired by working any web API(Application Programming Interface) on your own from scratch, Heroku, Microsoft AzureAmazon Web Services.

Javascript: Understanding the Weird Parts

This video tutorial is presented by Antony Alicea who has in-depth knowledge of Javascript. He explains the root cause of the each concept and explains the complex concepts by comparing it with simple examples. He believes that good knowledge on the basics will definitely help in understanding complex concepts. More 50 thousand aspirants have enrolled for this video course. If you are a serious Javascript learner, follow this video tutorial without miss

Rating: 5/5
Presented by: Antony Alicea
Video length: 11.5 hours
Skill level: beginner

InfiniteSkills Learn Javascript

The instructor for Learn Javascript is Craig Buckler brought to you InfiniteSkills. Craig covers all the concepts in JavaScript in detail with a real-time example of the bouncing ball inside the square box. In this course, you will learn about JavaScript concepts additionally, you will be HTML5 forms, Event Handling, JavaScript API's, Document Object Model.

Rating: 4.5/5
Presented by: Craig Buckler
Skill Level: Beginner, Intermediate
Video Length: 9.5 hours


Thenewbuston offers wide range videos for the free on YouTube where you can find video tutorials on different programming languages such as C programmingC++JavaScriptJava, Ajax, PHP, JQuery etc. It has published more than 40 videos to learn JavaScript programming for free. The video collection covers all the concepts required to master in JavaScript programming. You can watch those videos either on YouTube or official NewBoston website.

Rating: 4/5
Skill Level: Beginner, Intermediate

Lynda Javascript Essential Training

JavaScript Essential Training is one of the popular training on Lynda website and this video course has been rolled over 7.5 million times by students. In the video course, the instructor Simon Allardice covers basic concepts of JavaScripts.

Rating: 4.4/5
Presented by: Simon Allardice
Skill level: Beginner, Intermediate
Video length: 5.31 hours

TutsPlus Object-Oriented JavaScript

This course deals with OOPS(Object Oriented Programming) concepts in JavaScript. In this course, the instructor explains OOPS concepts and how it is different other Java Object Oriented Programming. with exercises for the students.

Rating: 4.2/5
Instructor: Jeremy McPeak
Skill level: Beginner, Intermediate
Video length:3.3 hours

JavaScript: The Good Parts

Douglas Crockford is software programmers at Yahoo and he has great knowledge of Javascript. His video tutorials are available for free on YouTube. These video tutorials are not recommended for beginners and semi-intermediate. Students who have strong command on Javascript can watch is courses.

Rating: 4/5(for explanation)
Presented by: Douglas Crockford
Skill level: Intermediate and Expert level
Video length: More than 20 hours

Lynda - Javascript and JSON

This video course is presented by Ray Villalobos and this course is not for beginners. In this video course, you will learn about how to grab the JSON(JavaScript Object Notation) using the AJAX(Asynchronous JavaScript and XML) and Jquery with the real-time project. Ray explains JavaScript by applying concepts on an already developed existing project.

Rating: 4/5
Instructor: Ray Villalobos
Skill Level:  Intermediate
Video Length: 72 minutes

PluralSight Javascript From Fundamentals to Function JS

This video course is presented by Bianca Gandolfo and she explains the fundamentals of JavaScript. She covers topics such as Objects, Arrays, Callbacks, Closures etc.

Rating: 4/5
Presented by: Bianca Gandolfo
Skill Level: Beginner
Video length: 7 hours

You can write any number of lines of code to get the output but it is equally important to follow the patterns for the better results and to avoid future modifications to the code. In the video course, Jonathan Mills will explain the importance of patterns in JavaScript and different types of JavaScript patterns. Each pattern is used in a different framework such NodeJS, AngularJS, Backbone etc,.  This video course is for serious learners. 

Rating: 4/5
Presented by: Jonathan Mills
Skill level: Expert, Intermediate
Video length: 3 hours 10 minutes

Udemy Projects in Javascript and Jquery

If you are looking to build the applications on real-time, you need to follow this video. Here in this course, Brad Traversy demonstrate how to build real-time projects that are very useful for the real-time developer as well as the students who want to learn JavaScript. Brad Traversy has a great knowledge of JavaScript and JavaScript based frameworks such as NodeJS, AngularJS, MeteoraJS etc. 

Rating: 4.5/5
Presented by: Brad Traversy
Skill level: Beginner, Intermediate, Expert level
Video Length: 9 hours

I would recommend you to go through following video tutorial without miss
  1. JavaScript Understanding the Weird Parts 
  2. JavaScript: The Good Parts
  3. Udemy Projects in Javascript and Jquery
After learning JavaScript, the next big things would be learning popular frameworks such as Angular JS/ReactJS and NodeJS.

Angular JS/React JS are client-side scripting languages whereas NodeJS is a server-side scripting language. React JS and Angular JS exists for a purpose to solve real-world problems on the client side. Similar NodeJS as well on Server-side. 

Learning jquery is a good option where you'll get familiar with design patterns of jQuery. You will find similar kind of design patterns in NodeJS and AngularJS/ReactJS

If you're for developing the games using JavaScript, then check out this JavaScript Games tutorial

Frequently Asked Questions

Which language is best PHP or JavaScript?
We can't say which one is best because PHP is server-side scripting language and Javascript is the client-side scripting language. They both operate differently. However, I would like to highlight that Javascript is mandatory to learn for web development whereas you can choose any backend server-side web technology such as PHP, Python Nodejs, etc,. Start with JavaScript first, then chose any backend development.

Hope you might have liked these video tutorials, please let us know by commenting.