javascript

JavaScript

Variable Declaration

• Introduction - syntax, statement, variable, operators, arithmetic, assignments, loops and conditions.
• Variable Hoisting
• Undefined and undeclared variable
• using use strict

Data types and structures

• data types and dynamic typing in javascript
• common data structures: Array, Object, Array-like objects, JSON.
• string, string methods, number, number methods.
• math, JS date, JS Date methods.
• boolean, comparison, condition.
• Regular Expression

Message Queue and Event Loop

• 📜 JavaScript Event Loop Explained — Anoop Raveendran
• 📜 The JavaScript Event Loop: Explained — Erin Sweson-Healey
• 📜 Visualising the JavaScript Event Loop with a Pizza Restaurant analogy — Priyansh Jain

Functions

• Why are functions first-class citizens?
• Passing functions as arguments

Arithematic Operations

• Addition, substraction, comparisons

DOM and Event

• DOM
• DOM and JavaScript. How Do I Access the DOM?
• Events (Types and ways to handle)
• Handling Asynchronous requests in Javascript, Ajax

setTimeout, setInterval and requestAnimationFrame

• 📜 setTimeout and setInterval — JavaScript.Info
• 📜 Using requestAnimationFrame — Chris Coyier

Function Scope, Block Scope and Lexical Scope

• 📜 Var, Let, and Const – What's the Difference?
• 📜 The Difference Between Function and Block Scope in JavaScript — Joseph Cardillo
• 📜 the this keyword
• 📜 closure

Promises

• 📜 JavaScript Promises for Dummies ― Jecelyn Yeen
• 📜 Understanding promises in JavaScript — Gokul N K
• 📜 Master the JavaScript Interview: What is a Promise? — Eric Elliott
• 📜 An Overview of JavaScript Promises — Sandeep Panda

async/await

• 📜 Understanding async/await in Javascript — Gokul N K
• 📜 Asynchronous Javascript using async/await — Joy Warugu
• 📜 Modern Asynchronous JavaScript with async/await — Flavio Copes

Inheritance

• classical inheritance
• What is prototype?
• How object-based/ prototype based inheritance work?
• Difference between class-based and prototype-based inheritance?

Event Propagation

• 📜 Event Propagation — MDN
• 📜 Event Propagation — Bubbling and capturing

JQUERY

• Introduction
• $( document ).ready()
• Avoiding Conflicts with Other Libraries
• Attributes, Selecting Elements, Working with Selections, Manipulating Elements.
• The jQuery Object, Traversing, CSS, Styling, & Dimensions
• Data Methods, Utility Methods, Iterating over jQuery and non-jQuery Objects.
• jQuery Event Basics, Event Helpers, Introducing Events, Handling Events.
• Introduction to Effects, Custom Effects with .animate()
• jQuery Ajax

Object.create and Object.assign

• 📜 Object.create in JavaScript — Rupesh Mishra
• 📜 JavaScript: Object.assign() — Thiago S. Adriano

map, reduce, filter

• 📜 Learn map, filter and reduce in Javascript — João Miguel Cunha
• 📜 JavaScript’s Map, Reduce, and Filter — Dan Martensen

Pure Functions

• 📜 Javascript and Functional Programming — Pure Functions — Omer Goldberg
• 📜 Making your JavaScript Pure — Jack Franklin
• 📜 Functional programming paradigms in modern JavaScript: Pure functions — Alexander Kondov

Side Effects

• 📜 How to deal with dirty side effects in your pure functional JavaScript — James Sinclair
• 📜 Preventing Side Effects in JavaScript — David Walsh

State Mutation

• 📜 The State of Immutability — Maciej Sikora

Closures

• 📜 I never understood JavaScript closures — Olivier De Meulder
• 📜 Understand JavaScript Closures With Ease — Richard Bovell
• 📜 Understanding JavaScript Closures — Codesmith
• 📜 Understand Closures in JavaScript — Brandon Morelli
• 📜 A simple guide to help you understand closures in JavaScript — Prashant Ram

High Order Functions

• 📜 Higher-Order Functions in JavaScript — M. David Green
• 📜 Higher Order Functions: Using Filter, Map and Reduce for More Maintainable Code — Guido Schmitz
• 📜 First-class and Higher Order Functions: Effective Functional JavaScript — Hugo Di Francesco
• 📜 Higher Order Functions - A pragmatic approach — emmanuel ikwuoma

Collections

• 📜 ES6 In Depth: Collections — Jason Orendorff
• 📜 ES6 Collections: Using Map, Set, WeakMap, WeakSet — Kyle Pennell
• 📜 Array vs Set vs Map vs Object — Real-time use cases in Javascript (ES6/ES7) — Rajesh Babu

Generators

• 📜 What are JavaScript Generators and how to use them — Vladislav Stepanov
• 📜 Understanding JavaScript Generators With Examples — Arfat Salman
• 📜 The Basics of ES6 Generators — Kyle Simpson

Data Structures

• 📜 Data Structures in JavaScript — Thon Ly
• 📜 Algorithms and Data Structures in JavaScript — Oleksii Trekhleb

Design Patterns

• 📜 JavaScript Design Patterns — Akash Pal
• 📜 The Power of the Module Pattern in JavaScript — jsmanifest
• 📜 Design Patterns for Developers using JavaScript pt. I — Oliver Mensah
• 📜 Design Patterns for Developers using JavaScript pt. II — Oliver Mensah

ES6 features

• Arrow Functions
• Destructing
• Classes
• Iterators and Generators
• Spread_operator
• Function expression

References

• https://developer.mozilla.org/en-US/docs/Web/JavaScript
• http://www.tutorialspoint.com/javascript/
• http://javascriptissexy.com/understand-javascripts-this-with-clarity-and-master-it/
• http://www.crockford.com/javascript/inheritance.html