Resources to Master Javascript

April 17, 2018 0 Comments

Resources to Master Javascript

 

 


Fork this Github Link

Important javascript concepts

Fundamentals Javascript Reading:

Coercion

  • Equality comparisons and sameness Coercion

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness
http://ecma-international.org/ecma-262/5.1/#sec-11.9.3

http://getify.github.io/coercions-grid/

typeof vs instanceof

https://stackoverflow.com/questions/899574/which-is-best-to-use-typeof-or-instanceof

object

https://stackoverflow.com/questions/3390396/how-to-check-for-undefined-in-javascript

Strict

https://stackoverflow.com/questions/1335851/what-does-use-strict-do-in-javascript-and-what-is-the-reasoning-behind-it

  • How to check for “undefined” in JavaScript?

https://stackoverflow.com/questions/9959727/proto-vs-prototype-in-javascript

https://stackoverflow.com/questions/27509/detecting-an-undefined-object-property

functions

IIFE

https://content.myemma.com/emmatech/using-iifes-in-javascript-to-control-variable-scope

DOM

https://know-it-all.io/

https://codepen.io/collection/Dapaqx/

http://domenlightenment.com/

ES6 ,functional

  • JavaScript hacks for ES6 hipsters

https://hackernoon.com/javascript-hacks-for-es6-hipsters-67d633ce8ace?source=placement_card_footer_grid---------2-60

https://medium.com/@dtipson/hey-let-s-make-a-monad-e276802fdb0c

  • Currying versus partial application (with JavaScript code)

http://2ality.com/2011/09/currying-vs-part-eval.html

  • The event loop and the rise of Async programming + 5 ways to better coding with async/await

https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5

  • Understand promises before you start using async/await

https://medium.com/@bluepnume/learn-about-promises-before-you-start-using-async-await-eb148164a9c8

  • Master the JavaScript Interview: What is a Promise?

https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261

  • Even with async/await, raw promises are still key to writing optimal concurrent javascript

https://medium.com/@bluepnume/even-with-async-await-you-probably-still-need-promises-9b259854c161

V8

  • How JavaScript works: an overview of the engine, the runtime, and the call stack

https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf

  • How JavaScript works: tracking changes in the DOM using MutationObser

https://blog.sessionstack.com/how-javascript-works-tracking-changes-in-the-dom-using-mutationobserver-86adc7446401

  • How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them

https://blog.sessionstack.com/how-javascript-works-the-building-blocks-of-web-workers-5-cases-when-you-should-use-them-a547c0757f6a

  • An overview of the engine, the runtime, and the call stack

https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf?source=collection_home---2------1----------------

  • How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path

https://blog.sessionstack.com/how-javascript-works-deep-dive-into-websockets-and-http-2-with-sse-how-to-pick-the-right-path-584e6b8e3bf7

https://blog.sessionstack.com/how-javascript-works-the-rendering-engine-and-tips-to-optimize-its-performance-7b95553baeda

  • How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code

https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e

  • How Modern Web Browsers Accelerate Performance: The Networking Layer

https://blog.sessionstack.com/how-modern-web-browsers-accelerate-performance-the-networking-layer-f6efaf7bfcf4

Fundamentals Javascript Course :

  • JavaScript: Understanding the Weird Parts

https://www.udemy.com/understand-javascript/

  • Deep JavaScript Foundations

https://frontendmasters.com/courses/javascript-foundations/

https://www.lynda.com/JavaScript-tutorials/JavaScript-Events/140780-2.html

  • JavaScript: Enhancing the DOM

https://www.lynda.com/HTML-tutorials/JavaScript-Enhancing-DOM/122462-2.html

  • JavaScript Objects and Prototypes

https://app.pluralsight.com/library/courses/javascript-objects-prototypes

  • Reduce Data with Javascript Array#reduce

https://egghead.io/courses/reduce-data-with-javascript

  • Understand Javascript arrays

https://egghead.io/courses/understand-javascript-arrays

https://github.com/deenjohn/Javascript-revision
https://github.com/deenjohn/functional-javascript
https://github.com/deenjohn/You-Dont-Need-JavaScript

https://www.udemy.com/top-javascript-interview-questions-and-answers/
(good course- covers CORS,JSONP)

  • JavaScript 30 — Build 30 things with vanilla JS in 30 days
    https://javascript30.com/

  • *The Complete JavaScript Course: Build a Real-World Project

https://www.udemy.com/the-complete-javascript-course/

  • JavaScript: Getting Started

https://app.pluralsight.com/library/courses/javascript-getting-started/table-of-contents

https://app.pluralsight.com/library/courses/jquery-free-javascript
(awesome course -teaches you DOM in depth)

  • JavaScript: The Hard Parts

https://frontendmasters.com/courses/javascript-hard-parts/

  • Modern Asynchronous JavaScript

https://app.pluralsight.com/library/courses/javascript-asynchronous-modern/table-of-contentsnts

  • Reasoning About Asynchronous JavaScript

https://app.pluralsight.com/library/courses/asynchronous-javascript-reasoning/table-of-contents

  • Asynchronous Programming: The End of The Loop

https://egghead.io/courses/asynchronous-programming-the-end-of-the-loop

  • Asynchronous Programming in JavaScript (with Rx.js Observables)

https://frontendmasters.com/courses/asynchronous-javascript/

  • Advanced Asynchronous JavaScript

https://frontendmasters.com/courses/advanced-async-js/

Books :

For Core Javascript

  • Professional JavaScript for Web Developers

  • You Don't Know JS: Scope & Closures

  • You Don't Know JS: this & Object Prototypes

  • Types & Grammar

  • DOM Enlightenment

  • Effective javascript

  • Secrets of the JavaScript Ninja

  • JavaScript Allongé: A strong cup of functions, objects, combinators, and decorators

  • Learning JavaScript Design Patterns Addy Osmani

  • High Performance JavaScript

ES6 Course

A great course - very indepth , good complement for exploringjs.com book

ES6 Reading

best book

Debugging course

Functional JS course

https://www.packtpub.com/web-development/mastering-functional-javascript-libraries-video

https://github.com/deenjohn/functional-javascript

Functional JS Reading

books :

  • Introducing functional programming with Underscore.js

  • Functional-Light JavaScript: Pragmatic, Balanced FP in JavaScript

  • http://reactivex.io/learnrx/

  • Functional Programming in JavaScript Luis Atencio

https://github.com/mjavascript/mastering-modular-javascript

https://github.com/mjavascript/practical-modern-javascript

Regex

https://www.codeschool.com/discuss/t/breaking-the-ice-with-regular-expressions-course-launch/17130
https://medium.freecodecamp.org/regular-expressions-demystified-regex-isnt-as-hard-as-it-looks-617b55cf787

Talks

A list of important javascript talks

  • How Browsers Work_ Behind the scenes of modern web browsers
    https://vimeo.com/44182484 **

    How Browsers Work_ Behind the scenes of modern web browsers - HTML5 Rocks


Extras

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/constructing-the-object-model

https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations

https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/#Theparsingalgorithm

https://github.com/WebKit/webkit/blob/fde57e46b1f8d7dde4b2006aaf7ebe5a09a6984b/Source/WebCore/rendering/RenderObject.h

https://codeburst.io/the-ultimate-guide-to-learning-full-stack-web-development-in-6-months-for-30-72b3854a7458

https://www.reddit.com/r/cscareerquestions/comments/5gnmkj/whataresomeofthebestresu%D0%BCeformatsyouve/

https://github.com/thlorenz/v8-perf

http://benediktmeurer.de/2017/10/05/connecting-the-dots/

https://github.com/thlorenz/async-await-box

https://medium.freecodecamp.org/elegant-patterns-in-modern-javascript-roro-be01e7669cbd

https://codeburst.io/javascript-null-vs-undefined-20f955215a2?source=placementcardfooter_grid---------2-60

https://google.github.io/styleguide/jsguide.html

https://github.com/airbnb/javascript

Interview

https://www.youtube.com/watch?v=057Rs6CgJnY


Tag cloud