Best of JavaScriptDecember 2021

  1. 1
    Article
    Avatar of itnextITNEXT·4y

    🔥 Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn

    Vitalii Shevchuk: Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn. If you are preparing for a frontend interview and want to quickly refresh your frontend domain knowledge, this cheatsheet will save you a lot of time. Enjoy reading, and feel free to dive deeper by clicking the topic link.

  2. 2
    Article
    Avatar of devgeniusDev Genius·4y

    How JavaScript Works behind the scenes?

    How JavaScript Works behind the scenes? An overview walk-through of all the core components that are involved in the execution of JavaScript code. The Call Stack Concurrency and Event Loop. What happens when you have function calls in the Call Stack that take a huge amount of time to be processed in the browser.

  3. 3
    Article
    Avatar of honeypotHoneypot·4y

    Top 7 Highest Paid Programming Languages 2021

    According to analysts, there are more than 250 different programming languages ​​in the world. You can easily miscalculate and choose an unpopular or impractical programming language. In this short article, I'm going to run through the top 7 programming languages that you can learn for a high-paying job.

  4. 4
    Article
    Avatar of towardsdevTowards Dev·4y

    Refactoring Nested Loops In JS

    Most of the code in JS gets nested because of the various conditions one has to handle for the solution. Ternary operator is the best and most common way to replace your “if…else” statements. Switch case statement is not the best possible way to. replace nested ‘if-else’ statements but these can be used to reduce. duplicate code which is another common mistake ignored by developers.

  5. 5
    Article
    Avatar of hnHacker News·4y

    Web3 is going just great

    function(e) {var n,i,a=t[0],c,t[1],l,l=t [2],s=0,p=[];s<a.length;s++)i=a[s],Object.prototype.hasOwnProperty.call(o,i) &&o[i]&&p.push(o [i]]; for(n in c)Object.has ownProperty. call(c,n) &&(e[n]=c[n]);for(f&&f(t);p.shift()();return u.push.apply(u,l||[]),r()}function r

  6. 6
    Article
    Avatar of thisdotThis Dot·4y

    Clean Up Your Code With Design Patterns in Javascript

    Design patterns are a bit of a controversial topic in the dev community. Some developers believe they are overly complicated, others are dogmatic about using them. Let's unpack a few commonly-used JavaScript design patterns together, and discuss how they can make your code cleaner and easier to maintain.

  7. 7
    Article
    Avatar of css_tricksCSS-Tricks·4y

    The Invisible JavaScript Backdoor

    An interesting (scary) trick of an nearly undetectable exploit. Wolfgang Ettlinger: What if a backdoor literally cannot be seen and thus evades detection even from thorough code reviews?I’ll post the screenshot of the exploit from the post with the actual exploit circled.

  8. 8
    Article
    Avatar of devgeniusDev Genius·4y

    Node.js: In Go We Trust

    Node.js is good for I/O intensive tasks but bad for CPU bound tasks. Golang offers a lot of options to handle such tasks (child processes/cluster, worker threads) Other languages (C, C++, Rust, Golang) can be used as separate Services/Microservices or via WebAssembly scripts.

  9. 9
    Article
    Avatar of devdojoDevDojo·4y

    15 awesome CSS animation libraries you need to know.

    CSS animations provide three major advantages over traditional script-driven animation techniques. They're simple to use for simple animations; you don't even need to know JavaScript to make them. Even with moderate system load, the animations work well. Transitions from one CSS style configuration to another can be animated using CSS animations.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    23 Free Websites to Learn JavaScript in 2022

    JavaScript is a programming language that's used for a variety of purposes, including web development, web apps, game development, and more. FreeCodeCamp.org is a 501(c)3 non-profit organisation that can help you learn to code for free, build real-world projects, and prepare for getting your first job.

  11. 11
    Article
    Avatar of devdojoDevDojo·4y

    Flowbite - Tailwind CSS components

    Flowbite is an open source component library built with Tailwind CSS. It features commonly used elements such as buttons, modals, dropdowns, and even plugins, such as datepickers. It is supposed to help you build websites faster by having a set of web components to work with.

  12. 12
    Article
    Avatar of 30seconds30 seconds of code·4y

    Is JavaScript pass-by-value or pass-by-reference?

    JavaScript is always pass-by-value. This means everything in JavaScript is a value type and function arguments are always passed by value. That being said, object types are a bit more confusing. Object types are reference types which are passed byvalue. The subtle difference here lies in the fact that an object reference is not the same as passing an object by reference.

  13. 13
    Article
    Avatar of logrocketLogRocket·4y

    What’s new in TypeScript 4.5

    TypeScript 4.5 ships with some amazing features out of the box. These include enhanced Awaited type that improves asynchronous programming, supported lib from node_modules for painless upgrades, and performance optimization by using the realpathSync.native function. In the beta release, TypeScript added ES modules support for Node 12.

  14. 14
    Article
    Avatar of snipcartSNIPCART·4y

    Astro: Less JavaScript & More HTML

    Astro is an open-source project released under the MIT license and build by the team behind Snowpack. It can render JavaScript interactive components from a few different frameworks into pre-built HTML pages. Astro supports Markdown, TypeScript, Sass, Scoped CSS, CSS Modules, Tailwind, and any other packages.

  15. 15
    Article
    Avatar of devtoDEV·4y

    React practices for Beginners

    React is arguably one of the most used Frameworks out there today. Everyday people are opting this framework for its UI first approach. It's safe to say that the React Library has matured over the years and the whole ecosystem is still growing. Here are some practices that you can opt and avoid while getting comfortable in the React bubble.

  16. 16
    Article
    Avatar of towardsdevTowards Dev·4y

    JavaScript The Hard Parts — Part 1

    The code that you write in JavaScript is wrapped with a big thing called execution context. When we called argument, we mean the actual number or value that gets passed in, and the parameter is the placeholder that awaits it. After the function finishes or returns a value, the execution context will be deleted.

  17. 17
    Article
    Avatar of devtoDEV·4y

    CSS Hamburger Menu Icons

    I created some hamburger menu icon animations using CSS. Since there are a few designs, I created a collection in this codepen collection. A few pens from the collected is linked below. Take a look, I just used CSS, to mimic the use of checkbox effect I used JavaScript.

  18. 18
    Article
    Avatar of dzDZone·4y

    8 Amazing Benefits of Vue.js That Can Make Your Dev Life Easy

    Vue.js is a highly advanced JavaScript framework that allows developers to build interactive user interfaces. It is mostly preferred to build single-page applications (SPAs), rightly because it offers cutting-edge development features. It provides super convenient features to build applications quickly, without going into many technical hassles. It also provides flawless features to support cross-platform development.

  19. 19
    Article
    Avatar of logrocketLogRocket·4y

    Understanding Axios POST requests

    The Axios library makes asynchronous requests to REST endpoints in browsers and Node.js. It offers a lot of methods like POST , PUT , PATCH , GET , DELETE , and so on. In this article, we’ll learn how to use the Axios POST method.

  20. 20
    Article
    Avatar of thisdotThis Dot·4y

    JavaScript Marathon: How to Write Clean Code

    Clean code is an essential part of any developer’s toolkit. Not only does it ensure legibility, but it also helps you and other developers understand what your code is doing at a quick glance. In order to write clean code, a combination of proper naming with variables, functions and components is needed.

  21. 21
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·4y

    The Basic Vanilla JavaScript Project Setup

    Hajime Yamasaki Vukelic explains how to get started with Vanilla JS. Take advantage of the platform and don’t reinvent the wheel. Style sheets are linked into the HTML file using the <link> tag inside the <head> tag. Removing complexity is always cheaper.

  22. 22
    Article
    Avatar of phProduct Hunt·4y

    BotMate - Build powerful Telegram bots with custom codes and plugins

  23. 23
    Article
    Avatar of devdojoDevDojo·4y

    How to become a web developer in 2022, with coach Gandalf

    In this blog post, I'll be discussing why you shouldn't trust on new year's resolutions, how overrated motivation is, and tools to help you succeed in the path of learning web development. I will ask coach Gandalf for his opinions on different topics and he will pour his wisdom and bluntness over us during the whole post.

  24. 24
    Article
    Avatar of hashnodeHashnode·4y

    Announcing Advent of JavaScript - A FREE Series of JavaScript Challenges

    For 24 days, you'll get to develop your JavaScript skills with one new challenge each day. Each challenge includes: All the HTML and CSS you need to get started, allowing you to focus on the JavaScript. A brief on how to get start, ways to push yourself, and steps to help you get started.

  25. 25
    Article
    Avatar of devtoDEV·4y

    Number formatting in JavaScript

    The toLocaleString() method converts a number into a string, using locale format. By default, it uses locale from web browser language but you can specify it manually. Format numbers, currencies, and units without any 3rd party localization library. It allows you to format numbers into any popular units with proper formatting for locale.