Best of JavaScriptApril 2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Create a Developer Portfolio as a 2D Game

    Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating game maps, displaying the map, creating the player, programming game boundaries and dialogue, player movement and spawning, camera scaling, animations, and dialogue text.

  2. 2
    Article
    Avatar of devtoDEV·2y

    Best Icon Libraries for a Dev in 2024

    Discover the top icon libraries every developer should consider in 2024. These libraries offer high-quality icons, extensive collections, and easy integration with React projects, enhancing the visual appeal and functionality of digital experiences.

  3. 3
    Article
    Avatar of devtoDEV·2y

    How I Structure my React Projects

    Learn how to structure your React projects for better organization and clarity. Use absolute imports for cleaner and more readable import statements. Use the index.ts file as the public API of each feature.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    Learn CSS, HTML and JavaScript by Playing Coding Games

    Learn CSS, HTML, and JavaScript by playing coding games in an engaging and interactive environment. Traditional learning methods lack practice, engagement, and can be boring. By combining practice and an interactive learning environment, you can make learning to code more efficient, interesting, and fun.

  5. 5
    Article
    Avatar of devtoDEV·2y

    New Web Portfolio 16bit OS Style

    A completely revamped web portfolio dedicated to artists and developers, inspired by the style of an operating system. It features responsive design and adaptive language.

  6. 6
    Article
    Avatar of collectionsCollections·2y

    JavaScript Visualized: Understanding the Event Loop, Web APIs, and (Micro)task Queue

    Understanding the event loop, web APIs, and (micro)task queue in JavaScript is crucial for writing efficient code. It enables seamless handling of long running tasks and ensures correct order of asynchronous operations.

  7. 7
    Article
    Avatar of devtoDEV·2y

    Boost Productivity & Quality: Essential VS Code Extensions

    Discover essential Visual Studio Code extensions that can boost productivity and code quality. From code formatting to error detection, these tools provide valuable features for frontend developers using JavaScript frameworks.

  8. 8
    Article
    Avatar of hnHacker News·2y

    drawdb-io/drawdb: Free, simple, and intuitive online database design tool and SQL generator.

    DrawDB is a free online database design tool and SQL generator. It allows users to build diagrams, export SQL scripts, and customize the editor without creating an account.

  9. 9
    Article
    Avatar of bytebytegoByteByteGo·2y

    EP106: How Does JavaScript Work?

    Learn about the important characteristics of JavaScript and best practices for building microservices.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create an Interactive Terminal-Based Portfolio Website

    Learn how to create an interactive terminal-based portfolio and resume in JavaScript using the jQuery Terminal library. Improve your command line skills and showcase your projects.

  11. 11
    Article
    Avatar of devtoDEV·2y

    Optimising React Apps

    This article discusses the approach to optimizing React applications, addressing common performance challenges and exploring various optimization techniques. It highlights the importance of trade-offs in software optimization and provides a real example to demonstrate the process. It also mentions potential optimizations such as bundle splitting, lazy loading, server-side rendering, and using web workers and web assembly for computation-heavy applications.

  12. 12
    Article
    Avatar of devtoDEV·2y

    Bun or Node.js in 2024?

    A comparison between Bun and Node.js for web development in 2024. Learn about the key differences, speed, and suitability for startups and small teams.

  13. 13
    Article
    Avatar of devtoDEV·2y

    All About APIs! From Basics to Best Practices 💡🚀

    Learn about APIs, their significance, how they work, different types of APIs, RESTful APIs, HTTP methods, and best practices.

  14. 14
    Article
    Avatar of asayerasayer·2y

    Concurrency vs. Parallelism in JavaScript

    This post explores the concepts of concurrency and parallelism in JavaScript, discussing their definitions, differences, and practical examples. It also highlights the pros and cons of each approach.

  15. 15
    Article
    Avatar of devtoDEV·2y

    Level Up Your JavaScript: Mastering Object Property Checks.

    Learn different methods to check if a key exists in a JavaScript object. Explore the 'in' operator, 'hasOwnProperty' method, optional chaining, and comparing all keys. Improve your JavaScript skills and handle object-related challenges effortlessly.

  16. 16
    Article
    Avatar of devtoDEV·2y

    Mastering JavaScript: Multiple Ways to Generate a Two-Dimensional Array

    Learn multiple ways to generate one-dimensional and two-dimensional arrays in JavaScript. Understand the advantages and disadvantages of each method. Improve your JavaScript proficiency and handle programming challenges more effectively.

  17. 17
    Article
    Avatar of hnHacker News·2y

    honojs/hono: Fast, Lightweight, Web-standards

    Hono is a fast, lightweight web framework that works on various JavaScript runtimes. It is the fastest compared to other routers for Cloudflare Workers.

  18. 18
    Article
    Avatar of communityCommunity Picks·2y

    How to Use TanStack-Query to Write Cleaner React Code as a Junior Developer

    Learn how to use React Query to write cleaner React code as a junior developer. Understand the difference between client state and server state, install React Query in your project, and replace data fetching code and states with the useQuery hook.

  19. 19
    Article
    Avatar of devtoDEV·2y

    Understanding CI/CD Pipelines: A Crucial Skill for Every Software Engineer🔥

    CI/CD is a crucial skill for software engineers as it improves product quality, project management, and adaptability to change. It enables faster and more efficient delivery of new features to customers.

  20. 20
    Article
    Avatar of communityCommunity Picks·2y

    JavaScript Simplified

    Articles in this series cover topics such as hoisting, execution context, scopes, IIFE, and JavaScript OOPs.

  21. 21
    Article
    Avatar of newstackThe New Stack·2y

    Top 5 Underutilized JavaScript Features

    Explore underutilized JavaScript features such as hooks for detecting malicious websites, generating reports in Node.js, controlling execution flow with generators, improving date management with Temporal, and creating reusable code with high-order functions.

  22. 22
    Article
    Avatar of devtoDEV·2y

    How to create Custom Events in JavaScript?

    Learn how to create custom events in JavaScript and improve interactivity in web applications. Discover the advantages of using custom events and how to create and respond to them using event listeners.

  23. 23
    Article
    Avatar of watercoolerWatercooler·2y

    Whyyy 😭😂

    The post includes an image related to JavaScript and Stranger Things.

  24. 24
    Article
    Avatar of devtoDEV·2y

    Deep Dive into Functional Programming in Javascript

    Functional programming concepts such as pure functions, immutability, currying, memoization, and monads can significantly enhance the quality and maintainability of JavaScript code.

  25. 25
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How To Set Up TypeORM DataSource in Your NestJS Project

    Learn how to set up TypeORM DataSource in your NestJS project. TypeORM is an ORM tool for Node.js and TypeScript applications, while NestJS is a Node.js framework. The tutorial covers the prerequisites, project setup, and setting up the TypeORM DataSource for data persistency. It also includes extending the DataSource repository for custom methods.