JavaScript Data Structures - The String Object
The String is the most basic and most useful of the native JavaScript data structures. It can also be used as a starting point for, or be incorporated into, many other data structures. Let's see how it all works.
Understanding Higher-Order Functions in JavaScript
Higher-Order Functions
Higher order functions are functions that operate on other functions, either by taking them as arguments or by returning them. In simple words, A Higher-Order function is a function that receives a function as an argument or returns the function as output.
For example, Array.prototype.map, Array.prototype.filter and Array.prototype.reduce are some of the Higher-Order functions built into the language.
JavaScript Frameworks Considered Harmful – Bob Myers – Medium
The dirty little secret about JS frameworks, not just Ember, is their abysmal performance on mobile devices. First, we have to download the huge runtime on a slow connection. Then, we have massive amounts of framework code running on a device which has a slower processor to start with, but may also have an inferior JS engine. The result can be latencies in seconds or even tens of seconds merely to display a page. There is no simple solution to this problem.
Free Frontend - CSS Menus
Hand-picked HTML and CSS code examples, tutorials and articles
How to use Chrome DevTools like a Pro | The JotForm Blog
- DOM Search by CSS Selectors
- Material and Page Color Palettes
- Multiple Cursor
- Get the current element with “$0”
- View Event Listeners
- Media Query
- Copy Response
- Run Predefined Snippets
How you can improve your workflow using the JavaScript console
When we think about the console, the first thing that comes to mind and the console.log, right? But there are many more methods than those we imagine. Now we will see how to make the most of using the console, and I’ll give you some tips to make them these methods more readable
A Tricky JavaScript Interview Question Asked by Google and Amazon
The following will be a short explanation, along with some solutions, of a popular JavaScript question that tends to get asked in developer interviews.
This question deals with the topics: closures, setTimeout, and scoping.
D3 gallery
Welcome to the D3 gallery! More examples are available on bl.ocks.org/mbostock. If you want to share an example and don't have your own hosting, consider using Gist and bl.ocks.org. If you want to share or view live examples try vida.io.
JavaScript Bit Manipulation
Bit manipulation in JavaScript is complicated by the way that it attempts to be completely type free. One of the consequences of this type free approach is that numbers are always stored as 64-bit floating point values - i.e. double precision floating point.
Yes - that's correct JavaScript doesn't have an integer type that you can make use of. When needed JavaScript will perform an internal conversion to a 32-bit value but you can't gain access directly to this integer and it is converted back to floating point format as soon as it is possible.
10 Interview QuestionsEvery JavaScript Developer Should Know
JavaScript is special, and it plays a critical role in almost every large application. What is it about JavaScript that makes it meaningfully different from other languages?
Here are some questions that will help you explore the stuff that really matters:
How I construct a pen on CodePen by Sten Hougaard on CodePen
One my prefered playgrounds is SVG. It is Scalable Vector Graphics, which in practice means that you can draw something in the browser using some tags, some stying and some code. How cool is that? Compared with a piece of paper and a pen you can go crazy and the result is generated instantly as you change the elements of your playground in your pen on CodePen.
Learn map, filter and reduce in Javascript – João Miguel Cunha – Medium
This article is pointed towards beginners in Javascript or people who are just starting working with functional Javascript and never heard of map, filter and reduce. If you already have a lot of practice with these, you can just jump to the end of the article where I point you towards some other interesting pieces.
jQuery 3 - Animation - use velocity.js instead!
Use velocity.js instead!
How to use Velocity to easily add animations | Creative Bloq
Velocity.js is a free, lightweight library that you should be using - developer Neal O'Grady gets you started.
Just JavaScript - The Prototype Mechanism
Using Prototypes
You can think of the prototype mechanisms as providing some sort of inheritance - but it certainly doesn't bring with it any of the other pillars of OOP, encapsulation and polymorphism say. It is a much simpler and much more direct mechanism to make code sharing possible.
If you have a single object then there isn't much practical advantage in designing a prototype object for it. On the other hand having a prototype object with all of the methods that the object is using does provide an organization. The object then has just the instance variables and the methods are all provided by the prototype. If things change and you need a second object, or more objects, then the prototype provides an easy solution.
Pong with SVG.js
Everybody loves the vintage game Pong, right? We sure do. What's more fun? Building it yourself!
That's why we decided to create one with SVG.js - to highlight some aspects of our library. It might seem like a complex idea for a small tutorial, but as you'll see, it's simpler than it sounds. Let's dive into it!