Best of JavaScriptJanuary 2023

  1. 1
    Article
    Avatar of robinwieruchRobin Wieruch·3y

    10 Web Development Trends in 2023

    The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.

  2. 2
    Article
    Avatar of redstRed Stapler·3y

    Web Design Trends 2023

    Bold Typography is being used more frequently to make a statement and grab the attention of users. 3D Transform, Filter and new CSS features are going to unlock lots of interesting web design purely on CSS. Dark mode/Dark Design is expected to be a popular trend in web design this year.

  3. 3
    Article
    Avatar of devtoDEV·3y

    How to build a portfolio website with React & Tailwind CSS

    Every developer must have a portfolio website to show off their skills and projects. We will build portfolio website with React.js and Tailwind CSS.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Learn React in 2023

    How to learn React in 2023? Get all the training you need to be a React pro with the React Bootcamp. Many JavaScript concepts can be learned at the same time you are learning React. You will encounter and learn more React concepts as you start building your own projects.

  5. 5
    Article
    Avatar of devtoDEV·3y

    11 Stages To Become A JavaScript Full-Stack Engineer

    A good start will be the tutorial of W3Schools that teaches all the basics and also some advanced information. Node.js is a powerful JavaScript-based platform that is built on Google Chrome’s JavaScript V8 Engine and provides an event-driven, non-blocking (asynchronous) I/O and cross-platform.

  6. 6
    Article
    Avatar of awstipAWS Tip·3y

    MERN stack for Web Development

    MERN stack comprises a collection of four frameworks used to develop full-stack javascript solutions for rapid, scalable, and secure applications. All frameworks are open-source and have room for designing flexible and scalable applications. Ease of learning the frameworks as they follow similar patterns and support quality collaboration.

  7. 7
    Article
    Avatar of 30seconds30 seconds of code·3y

    Big-O Cheat Sheet

    Big-O Cheat Sheet represents an algorithm's worst-case complexity. It uses algebraic terms to describe the complexity of an algorithm, allowing you to measure its efficiency and performance. Below you can find the best, average and worst time complexities for the most common array sorting algorithms.

  8. 8
    Article
    Avatar of smashingSmashing Magazine·3y

    Top Front-End Tools Of 2022 — Smashing Magazine

    Top Front-End Tools Of 2022 are the most popular tools in the developer community. Almost all of these tools are practical tools you can use in your projects today. Piling.js is a JavaScript library that allows you to build interfaces where large amounts of items can be dragged and dropped into “piles” It’s built on top of PixiJS.

  9. 9
    Article
    Avatar of itnextITNEXT·3y

    The Next Generation of Front-end Development

    neo.mjs offers developers a unique approach to front-end development by utilizing the “off the main thread” paradigm. This approach allows for tasks such as data processing and heavy computation to be handled by a separate thread. This can result in significant performance improvements and a more responsive and smooth user interface.

  10. 10
    Article
    Avatar of itnextITNEXT·3y

    🔥 JavaScript Memory Management: How to Avoid Common Memory Leaks and Improve Performance

    We will explain the memory management in JS that will help you to optimize your applications. We’ll explore the ins and outs of memory management, including the common causes of memory leaks, and strategies for avoiding them. For example, the stack is used to store data that’s only needed during the execution of a function.

  11. 11
    Article
    Avatar of devtoDEV·3y

    Web Scraping - A Complete Guide

    Web Scraping, also known as data extraction or data scraping, is the process of extracting or collecting data from websites or other sources in the form of text, images, videos, links, etc. It is helpful when a particular website does not have an official API or has a limit on the access of data.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Learn to Code & Get a Developer Job in 2023 [Full Book]

    How to Learn to Code & Get a Developer Job in 2023 is the full book – for free – right here on freeCodeCamp.org. More than a million people visit this website each day to learn about math, programming, and computer science. The book is for anyone who is considering a career in software development.

  13. 13
    Article
    Avatar of codemotionCodemotion·3y

    Which Programming Languages Will Rule 2023?

    This list will help you find the language that best suits your needs or aspirations as a professional. It doesn't have the intention to become an absolute ranking of the best or most used languages but to offer insight and useful facts to understand why the selected languages will continue to be important for developers for different reasons throughout the year.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Why a Ternary Operator is not a Conditional Operator in JS

    Until recently, I called a ternary operator a conditional operator in JavaScript. But I just learned that this isn't correct. In this tutorial, I will explain how I learned this, and hopefully it teaches you something new. I have a video version on this topic you can watch as well to supplement your learning.

  15. 15
    Article
    Avatar of devtoDEV·3y

    The ultimate guide to async JavaScript

    JavaScript at its core is a synchronous or single-threaded language. Each action gets executed one by one and each action depends on the execution of the previous one. Asynchronicity means that if JavaScript has to wait for an operation to complete, it will execute the rest of the code while waiting.

  16. 16
    Article
    Avatar of dzDZone·3y

    The Power of Polymorphism in JavaScript

    Polymorphism is a concept in object-oriented programming that allows objects of different types to be treated as objects of a common type. In JavaScript, polymorphism is implemented through the use of prototypes and prototypal inheritance. This allows for more flexible and reusable code and a more intuitive way of thinking about objects and their interactions.

  17. 17
    Article
    Avatar of communityCommunity Picks·3y

    How to Build a React component library?

    How to build a React component library? In this article I tried to talk the steps of creating a react component library. The best way to test our package locally is Storybook. We should publish our package in our peerDependencies to prevent rollup to add these packages in our bundle.

  18. 18
    Article
    Avatar of dzDZone·3y

    7 Must-Have Tools for JavaScript Pros

    The powerful laptop, the blazing-fast Internet connection, and the smart IDE can impact the results we produce even bigger. Join the DZone community and get the full member experience. Join for Free Once, the great American president Abraham Lincoln said: “Give me six hours to chop down a tree and I will spend the first four sharpening the axe’s axe.

  19. 19
    Article
    Avatar of itnextITNEXT·3y

    How I Made My App 2.4x Faster Switching to Svelte

    Svelte Kit makes it intuitive to be fast for server side rendering, lazy loading, pre-render, and less javascript Origin. It's a small NX project with a couple of Angular/Firebase applications. The 100s are a rewrite of the app using SVELte Kit.

  20. 20
    Article
    Avatar of medium_jsMedium·3y

    The entry-level (junior) full-stack software engineer’s guide

    The entry-level (junior) full-stack software engineer’s guide Jan 11. Learn how variables are declared, the language primitives, how functions, objects, and arrays are used in JavaScript. Find out what the language data types are and how to use them.

  21. 21
    Article
    Avatar of joshwcomeauJosh W Comeau·3y

    Data Binding in React

    In React Introduction, we'll first learn how React approaches data binding, and then show you how each form field works. For text inputs, we opt in using the attribute: Code Playground Try and edit the text in the input. In data-binding lingo, this is known as "one-way" data binding.

  22. 22
    Article
    Avatar of hackernoonHacker Noon·3y

    Functional Programming: An Effective Approach for Experienced Programmers

    Functional programming is a way of writing code that relies on the use of functions to solve problems. Pure functions always produce the same output for a given input and do not have any side effects. In addition, functional programming emphasizes immutability, or the inability to alter data once it has been created.

  23. 23
    Article
    Avatar of communityCommunity Picks·3y

    Become a Frontend web developer in 2023 - A step by step guide

    A front-end developer is responsible for building the layout of a website from scratch including various icons and toggles that users rely on to get a service done. Back-end developers do the exact opposite of frontenders do as a programmer in the field you are expected to implement all the background stuff like development of the infrastructure, database and Communications.

  24. 24
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Web Scraping in JavaScript – How to Use Puppeteer to Scrape Web Pages

    Web Scraping in JavaScript - How to Use Puppeteer to Scrape Web Pages. We'll introduce the basics of web scraping in JavaScript and Node.js in this article. The ToScrape website provides two projects specifically designed for web scraping, making it a great starting point to learn the basics.

  25. 25
    Article
    Avatar of trendyoltechTrendyol Tech·3y

    Vite: Webpack Killer or Something Else?

    Vite is a build tool and development server for modern JavaScript applications. It uses the native ES modules feature in the browser to handle the imports of your JavaScript files. Vite also has a plugin system that allows you to add additional functionality, such as TypeScript support or JSX transpilation.