Javascript

Overview

JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which (HTML and CSS)

Javascript - Reading Topics

1. Introduction to Javascript

Sr No.	Topics	Reference
1	Intoduction to JS	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction http://cglab.ca/~morin/teaching/2405/notes/javascript1.pdf
2	Dev Tools(Debug)
3	Where does JavaScript Fit In?
4	What can JavaScript Do?
5	Pros and Cons of JavaScript
6	Using JavaScript in your HTML

2. Understanding Data Types

Sr No.	Topics	Reference
1	Variable (Not let and const)	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures https://www.edureka.co/blog/data-types-in-javascript/ https://codeburst.io/javascript-essentials-types-data-structures-3ac039f9877b
2	Primitive data types
3	Non Primitive data types
4	Memory allocation

3. Type Conversion

Sr No.	Topics	Reference
1	Implicit convert	https://developer.mozilla.org/en-US/docs/Mozilla/js-ctypes/Using_js-ctypes/Type_conversion https://dev.to/pixelgoo/understanding-javascript-type-conversions-43n https://www.programiz.com/javascript/type-conversion
2	Explicit convert

4. Conditional Programming

Sr No.	Topics	Reference
1	if…else statements	https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/conditionals https://study.com/academy/lesson/conditional-statements-in-javascript.html
2	switch statements
3	Ternary operator

5. Loops

Sr No.	Topics	Reference
1	for statement	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration https://alligator.io/js/for-of-for-in-loops/ https://www.freecodecamp.org/news/javascript-loops-explained-for-loop-for/
2	do…while statement
3	while statement
4	labeled statement
5	break statement
6	for…in statement
7	for…of statement

6. Arrays in detail

Sr No.	Topics	Reference
1	Common operations	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array https://www.shortcutfoo.com/app/dojos/javascript-arrays/cheatsheet
2	Methods

7. Window Object

Sr No.	Topics	Reference
1	BOM vs. DOM	https://medium.com/better-programming/introducing-the-javascript-window-object-web-components-and-console-ac9ef42d454e https://www.bitdegree.org/learn/javascript-window
2	Getting Window Size
3	Browser Methods

8. Predefined Core Objects

Sr No.	Topics	Reference
1	Objects	https://www.uv.es/jordi/v3/js/jsguide/builtin.html https://doc.qt.io/qt-5/qtqml-javascript-functionlist.html
2	Array Objects
3	Data Objects
3	Function Objects
4	Math Objects
5	Number Object
6	RegExp Object

9. Functions

Sr No.	Topics	Reference
1	Callback Functions	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions https://eloquentjavascript.net/03_functions.html https://codeburst.io/javascript-functions-understanding-the-basics-207dbf42ed99
2	Higher order functions
3	Arrow Functions
4	Closures
5	Predefined functions

10. Scope

Sr No.	Topics	Reference
1	Global Scope	https://scotch.io/tutorials/understanding-scope-in-javascript https://developer.mozilla.org/en-US/docs/Glossary/Scope https://dmitripavlutin.com/javascript-scope/ https://css-tricks.com/javascript-scope-closures/
2	Local Scope
3	Execution Context
4	Lexical Scope
5	Closures

11. Hoisting

Sr No.	Topics	Reference
1	Variable Hoisting	https://developer.mozilla.org/en-US/docs/Glossary/Hoisting https://www.sitepoint.com/back-to-basics-javascript-hoisting/ https://flaviocopes.com/javascript-hoisting/
2	Function Hoisting

12. Comments

Sr No.	Topics	Reference
1	Single-Line vs. Multi-Line	https://www.bitdegree.org/learn/javascript-comment

13. New and Delete Keyword

Sr No.	Topics	Reference
1	new keyword	https://www.tutorialsteacher.com/javascript/new-keyword-in-javascript https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new
2	delete keyword	http://adripofjavascript.com/blog/drips/the-delete-operator-in-javascript.html https://medium.com/technofunnel/javascript-delete-keyword-in-detail-4bdcf32dcdd8

14. Pass by Value / Reference

Sr No.	Topics	Reference
1	Passing by Value vs. Reference	https://codeburst.io/javascript-passing-by-value-vs-reference-explained-in-plain-english-8d00fd06a47c https://www.javascripttutorial.net/javascript-pass-by-value/

15. Mutable

Sr No.	Topics	Reference
2	Mutable and Immutable Types in JavaScript	https://medium.com/nodejs-tips/mutable-immutable-in-javascript-988cc5c1f9a3 https://howtocreateapps.com/mutable-and-immutable-types-in-javascript-with-examples/

16. this keyword

Sr No.	Topics	Reference
1	What is “this” keyword in JavaScript	https://alligator.io/js/this-keyword/ https://codeburst.io/all-about-this-and-new-keywords-in-javascript-38039f71780c
2	Default and Implicit binding of “this”
3	Explicit and Fixed Binding of “this” keyword
4	new Binding

17. Object Oriented Javascript

Sr No.	Topics	Reference
1	What is Object Oriented	https://webplatform.github.io/docs/concepts/programming/javascript/OOJ/ https://scotch.io/tutorials/object-oriented-programming-in-javascript https://eloquentjavascript.net/1st_edition/chapter8.html
2	Creating Objects From A Common Object
3	Prototypes
4	Overriding derived properties

18. Namespace

Sr No.	Topics	Reference
1	What is namespacing?	https://addyosmani.com/blog/essential-js-namespacing/
2	Namespacing Patterns
3	Namespacing Fundamentals

19. Class, Constructor & Objects

Sr No.	Topics	Reference
1	class keyword	https://dmitripavlutin.com/javascript-classes-complete-guide/ https://css-tricks.com/understanding-javascript-constructors/ https://www.educative.io/edpresso/what-is-a-constructor-in-javascript http://adripofjavascript.com/blog/drips/constructors-in-javascript.html https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects
2	Initialization: constructor()
3	Default constructors
4	Fields

20. Properties & Methods

Sr No.	Topics	Reference
1	Property accessors	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors https://www.javascripttutorial.net/javascript-object-properties/
2	Object Property types
3	Accessor properties

21. Static Methods and Properties

Sr No.	Topics	Reference
1	Inheritance of static properties and methods	https://javascript.info/static-properties-methods https://www.phptpoint.com/javascript-static-method/

22. Inheritance & Prototypes

Sr No.	Topics	Reference
1	Prototypal inheritance	https://javascript.info/prototype-inheritance https://medium.com/@happymishra66/inheritance-in-javascript-21d2b82ffa6f
2	Prototype Chaining
3	Problems with prototype chaining

23. Strict mode

Sr No.	Topics	Reference
1	What is strict mode in JavaScript?	https://medium.com/@hectorlorenzo/what-is-strict-mode-in-javascript-aa633039bf9f
2	How to enforce strict mode
3	Global variables
4	Illegal assignments

24. Javascript Debugging

Sr No.	Topics	Reference
1	Chrome DevTools	https://stackify.com/a-practical-guide-to-javascript-debugging/ https://developers.google.com/web/tools/chrome-devtools/javascript https://raygun.com/javascript-debugging-tips

25. Breakpoints/Console

Sr No.	Topics	Reference
1	Using the debugger statement	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger

26. DOM manipulation in JS

Sr No.	Topics	Reference
1	Dom tree
2	The document object model	https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents https://www.hongkiat.com/blog/dom-manipulation-javascript-methods/ https://www.tutorialrepublic.com/javascript-tutorial/javascript-dom-manipulation.php
3	Creating and placing new nodes
4	Moving and removing elements
5	Manipulating styles
6	querySelector()
7	querySelectorAll()
8	addEventListener()
9	removeEventListener()
10	createElement()
11	appendChild()

27. Ajax

Sr No.	Topics	Reference
1	What’s AJAX?	https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX/Getting_Started https://medium.com/@Sharad35386442/6-different-ways-to-do-ajax-calls-in-javascript-b47200fe7a38
2	How to make an HTTP request
3	Handling the server response
4	Working with the XML response
5	Simple timed XHR

27. Events

Sr No.	Topics	Reference
1	Ways of using web events	https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events https://www.edureka.co/blog/javascript-events/ https://eloquentjavascript.net/15_event.html
2	Event handlers
3	Events and DOM nodesz
4	Event objects
5	addEventListener() and removeEventListener()

28. Event Propagation

Sr No.	Topics	Reference
1	Bubbles	https://www.freecodecamp.org/news/a-simplified-explanation-of-event-propagation-in-javascript-f9de7961a06e/
2	How to use event propagation to your advantage

29. Error handling in JS

Sr No.	Topics	Reference
1	Control flow and error handling	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling https://javascript.info/try-catch#error-object
2	try..catch
3	Error object
4	Throwing our own errors
5	Rethrowing
6	try…catch…finally

30. setTimeout/ setInterval

Sr No.	Topics	Reference
1	setTimeout()	https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals https://levelup.gitconnected.com/understanding-javascript-settimeout-and-setinterval-75907b70dc1b
2	setInterval()
3	setTimeout vs setInterval

31. JS callbacks

Sr No.	Topics	Reference
1	Callback in callback	https://javascript.info/callbacks https://www.freecodecamp.org/news/javascript-callback-functions-what-are-callbacks-in-js-and-how-to-use-them/
2	Callback Hell

32. Asynchronous JS

Sr No.	Topics	Reference
1	Promises	https://scotch.io/courses/10-need-to-know-javascript-concepts/callbacks-promises-and-async https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Introducing
2	Async/Await

JS Template Google Sheet

1. JS Cheatsheet Link 1 Link 2 Link 3 Link 4
2. JS Template Reference link can be found here