Best of JavaScript — October 2021
- 1
- 2
Hashnode·5y
7 console.log() alternatives
console.count() is used to check how many times this line has been called. console.assert() is Used to assert that something is truthy. If not, it will log a message to the console.console.group() and console.groupEnd() are used for grouping similar (or different ;) logs together.
- 3
Product Hunt·5y
Atropos - Touch-friendly 3D parallax hover effects
Atropos is a lightweight, free and open-source JavaScript library. It can be used to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js Embed this post on your site. For more information, visit Atropos.
- 4
- 5
LogRocket·5y
Using the new JavaScript .at() method
The JavaScript .at() method was introduced in the August release of the ECMA International TC39’s relative indexing proposal. It allows developers to grab elements based on their indexes. In this tutorial, we’ll look at the benefits and drawbacks of the .at(), and how it can improve developers’ experiences.
- 6
Medium·5y
Remaking WordPress in JS stack. Hello to a new CMS for Next.js websites.
Cromwell CMS is a free and open-source CMS for Next.js websites. It is a set of packages and services that can be installed and launched independently. It inherits the advantages of microservice architecture, and it’s much easier to update the CMS simply via running one node command.
- 7
Full-stack developer roadmap 2021
A Full-Stack developer is a developer who can manage both Front End and Back End web development. Front-End developers deal with website design, outlook, and make creative websites. Back-End is managed using programming languages like Java, PHP, Ruby, and Python.
- 8
DevDojo·5y
Getting Started with Three JS
In this quick tutorial, I'll show you how to get started using and loading 3D content on your website. The best way to learn is to just jump into the code. Let's learn how simple it is to create this rotating cube. We'll also learn how we load a 3D file via a GLTFB file via three.js.
- 9
- 10
DEV·5y
Promise & Async await in JavaScript.
Promises are a new feature of ES6. They allow you to write promise-based code as if it were synchronous. Promise is a special JavaScript object that links the “producing code” and the ‘consuming code’ together. There are 3 states of the Promise object:Pending: Initial State, before the Promise succeeds or fails; Resolved: Completed Promise; Failed: Failed Promise.
- 11
5 min To Understand Event Loop in Javascript
The event loop is a very important and core concept in javascript. 90% of javascript developers are not clear with it even though they have a very good amount of working experience. In this blog, I will try my best to explain the event loop in a very simplified way. We cover the following key points. How it supports multiple requests with the help of a Call Stack, Web API and Event Queue.
- 12
- 13
Bits and Pieces·5y
5 Methods to Reduce JavaScript Bundle Size
5 techniques to reduce the JavaScript bundle size to avoid any performance bottlenecks. Code splitting with Webpack allows you to separate your code into bundles and load them on-demand. Tree shaking is a technique used to eliminate dead codes, and Webpack provides several plugins to implement it. Using Alternative Libraries and Removing Duplicates helps to address performance issues easily.
- 14
Functional Programming with JS
Functional programming is a particular kind of declarative programming. A pure function is a function which given the same input, will always return the same output. Pure Functions: are simple and reusable.Avoid Mutability: you must avoid changing the data. Don't Iterate: you can use higher-order functions like map, filter, reduce, find.
- 15
SD Times·5y
Node.js 17 now available
node.js 17 was launched with new features such as OpenSSL 3 support, Node.js version in stack traces, V8 JavaScript Engine Version 9.5, new promises APIs, and updated platform support. The previous version, nodes.js 16 has received LTS support and is still recommended for production deployments.
- 16
The JavaScript Nobody Told You About
The JavaScript Nobody Told You About Shivam Bhasin. The language that I feared and ran away from in the past 4 years was now in front of me. The reason I was afraid of JavaScript is mostly because of why you’re here too. It’s not easy to understand why it works the way it works.
- 17
Simple Screen Recorder With Vanilla JS
In this blog, you are going to learn how to create a screen recorder that does not only record your browser screen. Yes, it can record not only your active tab but the entire screen if you want. First of all, we will create an HTML file which contains a record button and a video element where you can play the recorded video. And we also need a JavaScript file.
- 18
Tuts+·5y
Understanding Function Currying in JavaScript—and When to Use It
function currying is an advanced technique for working with JavaScript functions. Currying is the technique of converting a function that takes multiple arguments into a sequence of functions that each take a single argument. In the next section, we’ll go through a real-world example to demonstrate how it works.
- 19
Java Code Geeks·5y
11 Front End Development Trends You Should Follow in 2021
Front end development involves implementing the web user interface through coding languages like HTML, CSS, and JavaScript. Adopting the latest front-end techniques in a quick software development ecosystem is always in demand. In this blog, we look at how front end development trends have evolved in 2021 and how organizations have accelerated by using these technologies.
- 20
Learn programming by playing games
Coding games are one of the best ways to practice your programming skills. Gamification allows you to learn by playing, which is a distinctive practice to avoid burnout. Here are 10 games that will make the process of learning programming an exciting journey. If I have missed something, please let me know in the comments.
- 21
- 22
Dependency Injection in JavaScript — the Best Tool You’re Not Using for your Tests
Dependency Injection in JavaScript is the Best Tool You’re Not Using for your Tests. Let me introduce you to your new testing best friend Fernando Doglio. Dependencies in your code can be anything, from a 3rd party library to the database where you save your data.
- 23
CSS-Tricks·5y
Scroll Shadows With JavaScript
scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. You can actually pull it off in CSS, which I think is amazing and one of the great CSS tricks. Except… it just doesn’t work on iOS Safari.
- 24
- 25
Create High-Performance JavaScript APIs using Rust
WasmEdge brings together Rust’s performance and JavaScript's ease of use. The embed_js demo showcases several different examples of how to embed JavaScript inside Rust. The interpreter runs inside WasmEdge, and can execute JavaScript code, which calls API functions, from CLI or the network.
