Best of JavaScriptMarch 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    JavaScript Visualized

    This post explores the inner workings of promises in JavaScript, including the creation of promises using the `new Promise` constructor, the purpose of the Promise Reaction record, and how promises can be used to handle asynchronous tasks in a non-blocking way.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    JavaScript (JS) Cheat Sheet Online

    Interactive JavaScript Cheat Sheet with code examples covering basics, loops, conditionals, variables, data types, strings, events, numbers, dates, arrays, global functions, regular expressions, errors, JSON, and promises.

  3. 3
    Article
    Avatar of devtoDEV·2y

    Resources Every Web Developer Needs

    A post that provides a compilation of resources for web developers, including websites for learning web development, code editors to use, JavaScript animation libraries, and websites for vectors, images, and illustrations.

  4. 4
    Article
    Avatar of devtoDEV·2y

    Async vs Defer in JavaScript: Which is Better?🤔

    Learn about the async and defer attributes used when including external JavaScript files in HTML documents. Understand their differences, how they affect script execution, and when to use them.

  5. 5
    Article
    Avatar of sitepointSitePoint·2y

    5 Exciting New JavaScript Features in 2024 — SitePoint

    Exploration of exciting and anticipated JavaScript features expected to be released in 2024, including the Temporal proposal, the Pipe Operator, Records and Tuples, and the RegExp /v flag.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Learn TypeScript for Practical Projects

    Learn TypeScript for Practical Projects with a course on the freeCodeCamp.org YouTube channel. TypeScript is a popular programming language that adds static types to JavaScript, improving code robustness and readability. The course covers basic concepts, objects and functions, aliases and interfaces, tuples and enums, type guards, generics, fetching data, classes, and React development with TypeScript. The course is taught by John Smilga, known for his hands-on teaching approach.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    What is Dead Zone in JavaScript?

    Understanding dead zones in JavaScript is crucial for writing efficient and bug-free code. Dead zones refer to a phase during the execution of code where a variable exists but cannot be accessed. They occur due to variable hoisting and can be handled by declaring variables before use, understanding block scope, and using caution with the `var` keyword.

  8. 8
    Article
    Avatar of devtoDEV·2y

    The 5 Must-Know Backend Frameworks in 2024

    Explore the top 5 backend frameworks in 2024, including Express.js, NestJS, Koa.js, Hapi.js, and Adonis.js. Learn about their key features and what makes them stand out.

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Top 10 JavaScript Algorithms for Coding Challenges

    Learn essential JavaScript algorithms for coding challenges including reversing strings and integers, determining palindromes, and identifying the most frequently occurring characters in a string.

  10. 10
    Article
    Avatar of devtoDEV·2y

    Things I learned while building my JS library

    Learn about building a JS library, including considerations, bundling tools, important concepts for JS developers, and the benefits of building a library.

  11. 11
    Article
    Avatar of bartwullemsThe Art of Simplicity·2y

    Eloquent JavaScript 4th edition is released

    The 4th edition of Eloquent JavaScript is highly recommended for anyone new to JavaScript or looking to refresh their knowledge. The book covers both basic and advanced features of the language with plenty of examples and fun projects.

  12. 12
    Article
    Avatar of devtoDEV·2y

    Polymorphism in Javascript

    Polymorphism is a fundamental concept in object-oriented programming (OOP) languages, allowing the same function to be called with different signatures and enabling flexibility and adaptability in code design. In JavaScript, polymorphism is achieved through prototype inheritance and method overloading. It enhances code flexibility, extensibility, and reuse by allowing objects to exhibit multiple forms and behaviors based on their context. Different types of polymorphism in JavaScript include ad-hoc polymorphism, parametric polymorphism, subtype polymorphism, dynamic polymorphism, and compile-time polymorphism. Polymorphism is also leveraged in functional programming and can be applied in various design patterns, such as the strategy pattern, template method pattern, and visitor pattern.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Practice Your Coding Skills by Building a Program in Different Ways

    Learn different ways to code a program that determines if a year is a leap year. Understand logical approaches, improve code quality, and explore declarative programming. Also covers validation of input.

  14. 14
    Article
    Avatar of dwbDavid Walsh·2y

    I’m So Old: Web Edition

    The post reminisces about the early days of web development, highlighting outdated practices and tools.

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    Simple Introduction To HTMX

    HTMX is a JavaScript library that allows you to create dynamic web pages using HTML without needing to write JavaScript. It offers simplicity, ease of use, and lightweight capabilities. A simple login form can be created using HTMX.

  16. 16
    Article
    Avatar of devtoDEV·2y

    TypeScript Enums: 5 Real-World Use Cases

    Learn about TypeScript enums and their real-world use cases. Enhance your code with better structure, readability, and type safety.

  17. 17
    Article
    Avatar of devtoDEV·2y

    Learn how to document JavaScript/TypeScript code using JSDoc & Typedoc

    Learn how to document JavaScript/TypeScript code using JSDoc and Typedoc. Set up the project, add documentation using JSDoc, and generate documentation files using Typedoc.

  18. 18
    Article
    Avatar of devtoDEV·2y

    A Guide to Building CLI Tools in JavaScript

    This guide provides step-by-step instructions on building CLI tools in JavaScript, including setting up the development environment, crafting the CLI application, testing and linking the tool locally, enhancing functionality, and sharing the tool on npm.

  19. 19
    Article
    Avatar of devtoDEV·2y

    TypeScript | Beginner

    Introduction to TypeScript, basic types, interfaces, classes, generics, enums, type assertion, decorators, modules, namespaces, type inference, type guards, union types, intersection types, type aliases, triple-slash directives, type checking JavaScript files, type inference for destructured objects, conditional types, mapped types, declaration merging, type guards with classes, tuple types, index signatures, type guards with typeof and instanceof, recursive types, string literal types, namespace merging, type predicates, inference and strict mode, type guards with in operator, type inference for arrays, promises and async/await, generics constraints, type inference for default values.

  20. 20
    Article
    Avatar of devtoDEV·2y

    Headless UI - a great components library for Vue & React

    Headless UI is an unstyled and fully accessible UI component library that integrates beautifully with Tailwind CSS. It allows developers to accelerate development speed and avoid the need for workarounds when styling components. Headless UI can be used with both Vue and React.

  21. 21
    Article
    Avatar of awstipAWS Tip·2y

    VanillaJS: You Might Not Need A Library

    Learn about Vanilla JavaScript, the basics of DOM selection, converting a NodeList to an array, using fetch to get information from the internet, defining a router in JavaScript, working with Shadow DOM, HTML templates, and template literals, and using proxies for reactive programming.

  22. 22
    Article
    Avatar of hnHacker News·2y

    flydelabs/flyde: ⚡️⚡️⚡️ Open-source, visual programming for developers. Includes VS Code extension, integrates with existing TypeScript code, browser and Node.js.

    Flyde is an open-source visual programming language that integrates with existing TypeScript code, runs in VS Code, and is designed to complement traditional coding. It offers a welcoming entry point for novice developers, fosters collaboration across roles, and is a valuable resource for programming educators. The licensing for Flyde allows the use of flows in software without limitation, but the visual editor must be open-sourced.

  23. 23
    Article
    Avatar of watercoolerWatercooler·2y

    Highly Performant Code

    The post discusses the importance of writing performant code and mentions the use of a largeNumber variable.

  24. 24
    Article
    Avatar of watercoolerWatercooler·2y

    Has anyone inspected daily dev?!?

    The post discusses the inspect tool and mentions finding hidden features in websites, specifically mentioning a calculator and an interactive playground on a website. It also mentions that some sites like Discord, Medium, and Instagram have a display or warning.

  25. 25
    Article
    Avatar of devtoDEV·2y

    Copy Objects Ways in JavaScript

    Three options for copying objects in JavaScript: reference copy using the assignment operator, shallow copy using Object.assign() or the spread operator, and deep copy using JSON.parse() and JSON.stringify().