Node.js :: Eloquent JavaScript
One of the more difficult problems with writing systems that communicate over the network is managing input and output—that is, the reading and writing of data to and from the network and hard drive. Moving data around takes time, and scheduling it cleverly can make a big difference in how quickly a system responds to the user or to network requests.
In such programs, asynchronous programming is often helpful. It allows the program to send and receive data from and to multiple devices at the same time without complicated thread management and synchronization.
Minify - JavaScript and CSS minifier
Minify JS and CSS online, or include the minifier in your project for on-the-fly compression.
https://medium.com/ux-seo-sem-and-webdev-bitesized/top-7-css-minifiers-comparison-f90e28ea0e20
Getting Started With jQuery - Ajax The Basics
Wanting to make use of Ajax is one of the prime reasons for adopting jQuery.
$.get("mydata.txt").then(
function (data) {
alert(data);
},
function () {
alert("error");
})
.always(
function () {
alert("cleanup");
});50 JavaScript Interview Questions You Must Prepare in 2021
JavaScript interview questions that will provide you with in-depth knowledge and help you prepare for your interviews.
Crockford Objects in JavaScript
The example that Crockford gave in his presentation on how to create objects is the way developers should use for creating objects. It does not require the 'class' keyword or the 'prototype' property for defining an object. It also does not require using the 'new' keyword for instantiating a new object.
function createThing(name) {
function getName() {
return name;
}
return Object.freeze({
name,
getName
});
}
const myThing = createThing('My Thing');
Kent C. Dodds’ .filter() Trick Will Change How You Use JavaScript | by Dr. Derek Austin 🥳 | Coding at Dawn | Jun, 2021 | Medium
Kent C. Dodds’ .filter() Trick Will Change How You Use JavaScript. This one-liner uses the Boolean constructor to magically remove all falsy values from an array ✨.
https://twitter.com/kentcdodds/status/1009918457394225152
const plugins = [
isProd ? optimizePlug : null,
isProd ? prodOnlyPlug : null,
!isProd ? testingPlug : null,
usefulPlug,
].filter( Boolean );Playwright and Mojolicious - DEV Community
It's Hack Week again at SUSE. 🥳 An annual tradition where we all work on passion projects for a whole... Tagged with mojolicious, perl, javascript, node.
JustSketchMe | Free interactive 3D characters for reference poses.
Free interactive 3D characters for reference poses.
Also mannequin.js
Improve Your JavaScript Level With These 4 Questions | by bitfish | JavaScript In Plain English | Sep, 2020 | Medium
JavaScript is now a very popular programming language, based on which a large number of libraries and frameworks have been derived. But no matter how the upper ecosystem evolves, it can’t do without vanilla JavaScript. Here I’ve selected 4 JavaScript interview questions to test a programmer’s skill of vanilla JavaScript.
GitHub - duetds/date-picker: Duet Date Picker
Duet Date Picker is an open source version of Duet Design System’s WCAG 2.1 compliant date picker. Duet Date Picker can be implemented and used across any JavaScript framework or no framework at all. We accomplish this by using standardized web platform APIs and Web Components.
Essential Cheat Sheet: Convert jQuery to JavaScript
After reading your article, I am more convinced than ever to stick with jQuery.
Javascript regular expressions aren’t that daunting — here’s how to design your own
Fixing memory leaks in web applications | Read the Tea Leaves
Modern web app frameworks like React, Vue, and Svelte use a component-based model. Within this model, the most common way to introduce a memory leak is something like this:
window.addEventListener('message', this.onMessage.bind(this));
That’s it. That’s all it takes to introduce a memory leak. If you call addEventListener on some global object (the window, the
, etc.) and then forget to clean it up with removeEventListener when the component is unmounted, then you’ve created a memory leak.javascript/README.md at master · airbnb/javascript · GitHub
A mostly reasonable approach to JavaScript
Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.
ESLint configuration and best practices
If you've never heard of Airbnb style guide, I highly recommend that you take a look at the following pieces of documentation:
- Airbnb JavaScript style guide
- Airbnb React style guide
- Airbnb CSS in JavaScript style guide
- Airbnb Sass style guide
Mastering JS console.log like a Pro - JavaScript in Plain English - Medium
Use placeholders
There are different placeholders that can be used as listed below
%o — which takes an object,
%s — which takes a string, and
%d — which is for a decimal or integer
Interviewing at Microsoft— JavaScript Assessment Questions
Below are 3 questions from Microsoft’s Online Assessment 2019 for developers
JavaScript Design Patterns - Better Programming - Medium
The underlying concept of design patterns has been around in the software engineering industry since the very beginning, but they weren’t really so formalised. Design Patterns: Elements Of Reusable Object-Oriented Software written by Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides — the famous Gang of Four (GoF)—was instrumental in pushing the formalised concept of design patterns in software engineering. Now, design patterns are an essential part of software development and have been so for a long time.
GitHub - lydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations
I post multiple choice JavaScript questions on my Instagram stories, which I'll also post here! Last updated: December 24th
From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview! muscle rocket I update this repo regularly with new questions. I added the answers in the collapsed sections below the questions, simply click on them to expand it. It's just for fun, good luck! heart
Using the DOM like a Pro - ITNEXT
The legacy of jQuery is quite impressive and a great example of how it influenced the standards are the querySelector and querySelectorAll methods which mimic jQuery’s $ function.
You can use document.querySelectorAll in the same way as document.querySelector. Any valid CSS selector will do and the only difference is querySelector will return a single element whereas querySelectorAll will return a static NodeList containing the found elements. If there are no elements found it will return an empty NodeList.
You don’t necessarily need to run querySelector(All) on document. You can run it on any HTMLElement to run a relative search: