CSS-Tricks·4yThe 60 Hottest Front-end Tools of 2021 | CSS-Tricks
The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. I’m sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity.
Pointer·4y2021 JavaScript Rising Stars
Zx is a new tool by Google to write simple Command Line scripts in JavaScript or TypeScript. Vite is a building tool that uses esbuild compiler to provide great performance. Next.js keeps its position of leading "meta framework" for the React world. Tauri is a solution to build desktop applications using web technologies.
freeCodeCamp·4yFree React Course for 2022
We just published a brand-new, 12-hour React course on the freeCodeCamp.org YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges. Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube.
freeCodeCamp·4yLearn TypeScript – The Ultimate Beginners Guide
TypeScript is a superset of JavaScript. It does everything that JavaScript does, but with some added features. The main reason for using TypeScript is to add static typing to JavaScript. This means that the type of a variable cannot be changed at any point in a program. It can prevent a LOT of bugs!
fettblog.eu·4yHow not to learn TypeScript
TypeScript is a superset of JavaScript and has been advertised like this ever since. Choosing TypeScript does not give you a free card to ditch JavaScript and its erratic behavior. Understanding JavaScript is key to understanding TypeScript. A type annotation is a way to explicitly tell which types to expect. The opposite is type inference, where TypeScript tries to figure out the type for you.
DEV·4y8 techniques to write cleaner JavaScript code
In this article, we're going to look at 8 different techniques to help you write cleaner JavaScript code. Pure Functions are a function that always returns the same output, given the same input(s) Fewer or Named parameters are a good way to make your code cleaner.
Pointer·4yThe baseline for web development in 2022
Alan Dávalos is a front-end engineer at LINE. He analyzed the changes in the web between 2021 and 2022. The biggest change that happened in 2021 was the retirement of Internet Explorer (IE) The new baseline for web development in 2022 is: low-spec Android devices in terms of performance, Safari from two years before in Terms of Web Standards, and 4G.
DevDojo·4y30 Javascript animation libraries for 2022
Animation makes us be able to tell stories and communicate emotions and ideas in a unique way. Here are 30 JavaScript animation libraries to use in your projects today. Greensock is a JavaScript library for building high-performance animations that work in every major browser. TiltJS is a tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect.
SNIPCART·4yJavaScript Practice Exercises for All Levels
JavaScript is a high-level, interpreted language just like Python. It can be used in the front-end and run on the client-side/browser or in the back-end with node.js. With it, you can build:Complete full-stack web apps. Mobile apps (with React Native or Ionic) Desktop apps ( with Electron.js), and shopping cart solutions.
Prettier·4yPrettier begins paying maintainers · Prettier
Prettier, an opinionated code formatter for JavaScript and many web languages, has been accepting donations at OpenCollective since 2019. Thanks to many generous donations we now have $50,000 in the bank! As a result, we are now able to pay the two active maintainers $1,500/month each. This funding will ensure that they will be able to continue consistent maintenance of Prettier.
InfoWorld·4yAngularJS reaches end of life
AngularJS reached EOL on December 31, with long-term support ceasing from the community. Users still can seek support from third parties including support services firms XLTS.dev and Perforce. The AngularJS source code still will be available on GitHub, via NPM, CDN, and Bower.
DZone·4yTop Front End Development Trends in 2022
Front-end development is the creation of a web portal user interface using coding and other applications such as HTML, CSS, and JavaScript. Front-end developers need to make sure that the interface is attractive, user-friendly, and navigable. In this article, we are going to learn about some of the most preferred front- end development trends to be adopted in 2022.
Scott Logic·4yNoJS - Creating a calculator with only pure HTML and CSS. No Javascript!
I have created this pixel art app and this calculator. No JavaScript is simple, no JS file, no script tag and no use of event handlers in HTML. I elected not to use these for this project, just to start simple. You can view my full codebase here.
gitconnected·4yStart Using JavaScript to Automate Excel
JADE gives you the power to use JavaScript to automate everything within the workbook scope of Excel without making it macro enabled. Because the JavaScript you write is living in a browser, it does not have access to any operating system features on the host computer. This means that all of your automation code is limited to your workbook, making it extremely safe to share.
Towards Dev·4yVisual Studio Code — Quokka. What is Quokka?
Quokka lets you test your code without using console.log() or identifier expressions. You can start a new file or start using Quo k ka once installed. Quokka can also be used with TypeScript. Do note, that Boolean, Number, and Function data types are not supported when using sequence expressions.
JavaScript in Plain English·4yHow to Use JavaScript Arrays Like a Pro
Modern ways of using arrays and doing operations with arrays. These methdos are far more convenient and will help you in writing code with less lines. Let’s explore the methods of doing these with examples. Using these modern ways will make our life easier. The code will be easy to modify, debug, read and handle.
Hashnode·4yConsole.log() is not JavaScript
console.log() is not a part of the Javascript language. The console object (whose log method is used to print data on the web console) is one of the Web APIs provided by the Browser to the JavaScript Engine. The parts of Javascript that are standard across all environments are detailed in the ECMA Specs.
DEV·4yAsynchronous loops in Javascript - using forEach, map and for loop
Asynchronous operations are crucial when working with web applications. In this post, we are going to see how to use loops with async/await. The forEach loop executes all of the iterations simultaneously. The map function behaves exactly the same as forEach in terms of async operations.
Java Code Geeks·4yWhy Node.js is Great for Backend Dev?
The USA alone has over 41,000 websites created using Node.js. The technology has been adopted by several renowned companies like Amazon, Linkedin, PayPal, Netflix, and Reddit. Most developers use this framework for its speed, scalability, and thriving community. It lets a JavaScript developer work on both the frontend and backend reducing the cost of hiring developers.
Honeypot·4yJavaScript Array Filter in The Real World
In this article, we are exploring the Array.filter() method; a very commonly used and helpful method. It takes an array of elements and returns a new array with only those elements that meet whatever condition we supply it with. In the example above, we used the filter() to filter out everything that isn’t a pizza and keep just the pizza.
gitconnected·4y100x Faster Data Processing in Javascript
Polars DataFrame & Series offer unparalleled performance. Polars delivers this amazing performance by leveraging a multi-threaded Rust backend. A series of benchmarks were performed comparing Polars to other commonly used libraries from NPM. The 10k Dataset read operations were ~40x faster. Filtering was ~15x faster than the nativefs module.
asayer·4yWhere to Learn React.JS in 2022 - A List of Resources for New Developers
React has never been more popular. Over 40 percent of professional developers claim to have worked with React in some respect. Because it’s so popular, you’ll find an overwhelming amount of content about it. Some of this content is great, while other pieces might be written by people just getting started themselves.
DEV·4ySome Best Practices of Javascript for clean and better code quality...
JavaScript is a very popular and widely used programming language. It's community is growing so is the Javascript. As the new features is being added frequenty, it is hard to write optimized and clean code. Today I'm going to show you some of the best practice that you can follow.
CSS-Tricks·4yCSS-Based Fingerprinting | CSS-Tricks
Fingerprinting is a term that refers to building up enough metadata about a user that you can essentially figure out who they are. Oliver Brotchie has documented an idea that allows for some degree of fingerprinting with CSS alone. The generated CSS to do it is massive (here's the Sass to generate it), but apparently it’s heavily reduced once we can use custom properties in URLs.
