Geek Culture·5yWriting Clean JavaScript — ES6 Edition
Clean code is not just code that works, but rather code that can be easily read, reused, and refactored by others. This article focuses on writing clean JavaScript ES6 code which is not framework-specific. Most of the mentioned examples can apply to almost any other programming language.
DEV·5yTop 5 JavaScript animation libraries 2021
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. Vivus allows you to animate SVGs, giving them the appearence of being drawn. Typeit.js allows creating awesome typing animation in your website. ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects.
Hashnode·5y7 Trending projects on GitHub for JavaScript developers
Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.
DEV·5yEssential Concepts in JS
Javascript is a language that can do almost anything you want it to do today with much ease. It is different from C/C++ in that it is interpreted line-by-line, rather than a program being read at once. It can only perform one single task at a time. It queues different tasks into different queues based on type.
Chrome Developers·5yNew in Chrome 93
Chrome 93 will ship on September 21. New PWA features include CSS Module Scripts and Multi-Screen Window Placement API. Installed PWAs can register as URL handlers, making it possible for users to jump straight into your PWA. The PWA Summit is coming up October 6-7.
Hashnode·5yFrom zero to Web developer
Web development is the work involved in developing a website or a web application. There are multiple paths you can take while learning web development. This is the one I would take if I had to do it all over again. These steps are going from the very beginning, so it's suited for beginners.
Hashnode·5yJavascript Clean Code Tips & Good Practices
Code should be written in such a way that is self-explanatory, easy to understand, and easy to modify or extend for the new features. Don't turn naming into a riddle game. Use default arguments instead of short-circuiting or conditionals. The smaller the function the better it is to understand and refactor.
Honeypot·5yHow to Link JavaScript to HTML
JavaScript (JS) empowers web developers to create dynamic web experiences. Utilising Javascript in HTML when developing dynamic web app experiences is a key skill of web devs. HTML’s script tag makes linking JavaScript to HTML simple. The ability to link JS to HTML has made the web a truly dynamic place where anything is possible.
freeCodeCamp·5yAsync and Await in JavaScript Explained by Making Pizza
Async and Await in JavaScript Explained by Making Pizza with Dave Gray. Async andAwait inJavaScriptexplained by making Pizza withDave Gray. See the rest of the article here: Await and Async in JavaScript: Explaining by Making pizza with David Gray.
JavaScript in Plain English·5yThe Problem with Returning Values from Async Await Functions
Async and await are syntactic sugars for promise nesting. Where await will block the main thread until the promise is resolved. Can you guess the output of below snippet? You’re wrong, the output is 1. Because an async function always returns a promise and rather resolving the promise in above example we are trying to extract the value out of it.
Bits and Pieces·5yJavaScript Require vs. Import
Require and import are used to refer to JavaScript dependencies. In this article, we will discuss the usage of require and import and answer some of these common questions. We will first discuss the different types of JavaScript modules available. Then we will compare and contrast them with a deeper level of contrast.
SitePen·5yDeno: Desktop JS Evolved
Deno is a system for executing JavaScript code in various environments ( desktop, command-line, server, etc.) Unlike Node.js, Deno restricts a script’s capabilities by default. Without explicit permission, a Deno script can not open network connections or access the environment.
DEV·5yPower of console.table() in JavaScript💪🏻😎
console.table() allows you to print out arrays and objects to the console in tabular form. The tabular representation of data works like a charm which means you will get greater insight into your data and you can just debug your code faster. console.table can be implemented in the following ways: Array of arrays or nested objects.
DEV·5yTop 10 Must Know JavaScript Functions
Top 10 Must-Know JavaScript Functions: filter, map, shift, unshift, splice, some, some() and every. filter() filters an array based on the condition you provide and it returns a new array which contains items which satisfy those conditions. map() loops over an array and converts each item into something else. unshift() adds an element to the array and returns the new length of the array as result. every() true only if every single element in array satisfy our condition. slice() returns a shallow copy of a portion of an array into a newarray object selected from start to end.
30 seconds of code·5yJavaScript Data Structures
A tree is a data structure consisting of a set of linked nodes that represent a hierarchical tree structure. Each node is linked to others via parent-children relationship. The first node in the tree is the root, whereas nodes without any children are the leaves. The main operations of a tree data structure are:insert, remove and find.
DEV·5y7 interesting deprecated JavaScript features
JavaScript has come a long way since its birth 26 years ago at Netscape. Some of these can still be used but it’s highly discouraged. There is no place for optimization inside it, since you can’t predict if variable will refer to a property or an outside variable. It violates lexical scope, making program analysis very hard or even infeasible.
Hashnode·5yvisualize and learn JavaScript promise APIs
Promiviz is an open-source tool to try out the promise methods in intuitive ways. It captures the log of each of the operations so that your understanding gets firmed as you use it. In this article, we will learn the Promise API methods using the PromiViz tool.
DZone·5yCreating a Secure REST API in Node.js
The hype of Application programming interfaces (APIs) is universal. They enable software to interact with internal and external parts of the software. These allow other developers to quickly combine features such as social media logins, credit card debts, and performance tracking. The standard they practice for this is designated REpresentational State Transfer.
LogRocket·5yOrganizing TypeScript code using namespaces
Namespaces are paradigm of organizing code so that variables, functions, interfaces, or classes are grouped together within a local scope. Namespaces reduce the amount of code in the global scope, making it less bloated. Modules offer some additional benefits like strong code isolation, strong support for bundling, re-exporting of components, and renaming of components.
30 seconds of code·5yJavaScript Data Structures
A linked list is a linear data structure that represents a collection of elements, where each element points to the next one. The main properties of a linked list data structure are:size: The number of elements in the linked list head: The first element in the link list tail: The last element in linked list.
DZone·5yReact 18: Things You Need To Know About React JS Latest Version
The most awaited version of React 18 is finally out now. Its team has finally revealed the alpha version and its plan, though the official launch is still pending. For beginners, the team is working on a new approach. They have called a panel of experts, library authors, educators, and developers to take part in a working group.
Hashnode·5y🔥 Top 7 JavaScript Array sort() Method Use Cases
The sort() method sorts the elements of an array and returns the sorted array, and no copy is made. The default sort order is ascending. In this article, we will see how we can utilise its power to the fullest. We can sort a simple array of strings using a functionless array sort()method like this.
Hashnode·5yDifferences between arrow function and regular function in JavaScript
JavaScript functions can be defined in many ways. One can use the right syntax for specific needs by understanding the differences. In this blog, I will discuss some main differences between regular functions and arrow functions. The value of this in case of arrow function is considerably different from that of regular function. Arrow function doesn't define it's own context of execution. The arrow function implicitly returns this expression without the use of the return keyword.
Hashnode·5yBuilding a Restful CRUD API with Node JS, Express, and MongoDB
An API is a software interface that enables two apps to communicate with one another. 60% of eBay transactions are via their API. We’ll be building a RESTful CRUD (Create, Retrieve, Update, Delete) API with Node.js, Express, and MongoDB. Create a new folder named nodejs-api and open it in any Code Editor.