Tuesday, October 4, 2022

33 JavaScript Concepts Every Developer Should Know

Homeprogramming33 JavaScript Concepts Every Developer Should Know

11. JavaScript Engines

JavaScript Engines

Writing code for the Web sometimes feels a little magical in that developers write a sequence of characters and like magic, those characters turn into concrete images, words, and actions within a browser. Understanding the technology can help developers better tune their craft as programmers.
Source

Tutorials

12. Bitwise Operators, Type Arrays and Array Buffers

Bitwise Operators, Type Arrays and Array Buffers

Okay, so technically for the computer everything goes down to 1s and 0s. It does not operate with digits or characters or strings, it uses only binary digits (bits). The short version of this explanation is that everything is stored in binary form. Then the computer uses encodings such as UTF-8 to map the saved bit combinations to characters, digits or different symbols (the ELI5 version).
Source

Tutorials

13. DOM and Layout Trees

DOM and Layout Trees

The Document Object Model, usually referred to as the DOM, is an essential part of making websites interactive. It is an interface that allows a programming language to manipulate the content, structure, and style of a website. JavaScript is the client-side scripting language that connects to the DOM in an internet browser.
Source

Tutorials

14. Factories and Classes

Factories and Classes

JavaScript is a prototype-based language, meaning object properties and methods can be shared through generalized objects that have the ability to be cloned and extended. This is known as prototypical inheritance and differs from class inheritance.
Source

Tutorials

15. this, call, apply and bind

this, call, apply and bind

These functions are very important for every JavaScript Developer and are used in almost every JavaScript Library or Framework.
Source

Tutorials

16. new, Constructor, instanceof and Instances

new, Constructor, instanceof and Instances

Every JavaScript object has a prototype. All objects in JavaScript inherit their methods and properties from their prototypes.
Source

Tutorials

17. Prototype Inheritance and Prototype Chain

Prototype Inheritance and Prototype Chain

JavaScript is a bit confusing for developers experienced in class-based languages (like Java or C++), as it is dynamic and does not provide a class implementation per se (the class keyword is introduced in ES2015, but is syntactical sugar, JavaScript remains prototype-based).
Source

Tutorials

18. Object.create and Object.assign

Object.create and Object.assign

The Object.create method is one of the methods to create a new object in JavaScript.
Source

Tutorials

19. map, reduce, filter

map, reduce, filter

Even if you don’t know what functional programming is you’ve probably been using map, filter and reduce just because they’re so incredibly useful and make your code stink less by allowing you to write cleaner logic.
Source

Tutorials

20. Pure Functions, Side Effects, State Mutation and Event Propagation

Pure Functions, Side Effects, State Mutation and Event Propagation

So many of our bugs are rooted in IO related, data mutation, side effect bearing code. These creep up all over our code base—from things like accepting user inputs, receiving an unexpected response via an http call, or writing to the file system. Unfortunately, this is a harsh reality that we should grow accustomed to dealing with. Or is it?
Source

Tutorials

CHECK MORE IN
RELATED ARTICLES

READ ABOUT