Community Picks·2ySay no to console.log!
Explore alternatives to `console.log` such as `console.dir` for hierarchical listings, `console.table` for tabular data, `console.group` for grouping messages, `console.time` & `console.timeEnd` for timing tasks, and `console.clear` to clear the console, making your development process more productive and enjoyable.
Community Picks·2yBye Bye, Try-Catch Blocks: Meet JavaScript's Safe Assignment Operator Proposal😉
The proposed Safe Assignment Operator (`?=`) in JavaScript aims to simplify error handling by reducing the need for traditional try-catch blocks. This operator transforms function results into a tuple, improving code readability and consistency across APIs. It also automatically handles errors, enhancing security. Inspired by constructs in languages like Go, Rust, and Swift, it supports integration with Promises and async functions and offers customizable error handling via `Symbol.result`.
Community Picks·2yCheatsheets for Developers
Cheatsheets for developers are quick reference guides summarizing key concepts, commands, and syntax for various programming languages and technologies. Resources like OverAPI.com, Awesome-Cheatsheets, and Bootstrap 4 Cheat Sheet offer aggregated and detailed cheatsheets for technologies like JavaScript, Python, HTML, CSS, and more. These tools assist developers in enhancing their productivity and understanding of complex concepts.
Community Picks·2y8 Frontend Tools to Become a Better Developer
Front-end developers can significantly boost their productivity and create high-quality applications by incorporating lesser-known tools into their workflows. Essential tools include Uiverse for UI elements, the Motion plugin for Figma, CSSFX for animations, Frontend Mentor for real-world coding challenges, GSAP for high-performance animations, CodePen for code experimentation, Polypane for multi-device previews, and Can I Use for browser compatibility checks.
The Dev Craft·2y"Frontend developers are officially cooked"
Discussion around the continuous relevance of frontend developers in the tech industry, questioning if their roles are becoming obsolete. Considers the impact of emerging technologies and market trends on the demand for frontend development skills.
Community Picks·1yA CheatSheet of 128 CheatSheets for Developers
This post is a curated list of 128 cheat sheets and tutorials covering various programming languages, frameworks, tools, and other tech-related topics. It includes resources for languages like Java, Python, and JavaScript, frameworks such as Angular and React, and tools like Git, Docker, and Bash. The list aims to be clear, interactive, and beginner-friendly. A link to the author's GitHub repository where the list is maintained is also provided.
JetBrains·1yJavaScript Best Practices 2024
JavaScript continues to evolve, and staying up-to-date with the latest best practices is crucial for developers. Key practices include aligning with project-defined rules, using 'let' and 'const' instead of 'var' for variable declarations, leveraging classes over function prototypes, and implementing private class fields with '#'. Arrow functions are recommended for better syntax and context binding, while the nullish coalescing (??) and optional chaining (?.) operators improve code readability and reliability. Modern methods like 'Object.entries()', async/await syntax, and the 'Intl' API are also important for efficient and maintainable code. Additionally, using tools for precise calculations, handling JSON with big integers carefully, and employing robust testing practices are essential for developing high-quality JavaScript projects.
DEV·2y37 Tips from a Senior Frontend Developer
Tips for frontend developers include mastering the fundamentals, understanding how the web works, learning data structures and algorithms, practicing rather than just reading or watching tutorials, asking for help when stuck, not blindly copying code, evaluating online advice, assuming good intent, and focusing on delivering value. It's important to communicate, take breaks, work from strengths, diversify problem-solving, find mentors, commit to a JavaScript framework, prioritize user experience, and continuously invest in skills.
Community Picks·2y20 Essential Browser Extensions For Web Developers
Discover 20 essential browser extensions for web developers in 2024, including ColorZilla, WhatFont, Wappalyzer, and more. Explore extensions for getting information from other websites, developing and testing projects, and improving productivity.
Community Picks·2y15 amazing things you can do with simple JavaScript 🤯
Discover the versatile and surprising capabilities of vanilla JavaScript through practical examples. Learn how to find operating system details, prevent page refreshing, redirect users to new pages, validate emails, get the current URL, and detect mobile browsers. Additional features include handling disabled JavaScript, accessing module metadata, getting timezone offsets, setting the cursor to wait, and manipulating console messages with CSS.
Community Picks·2y100 FREE Frontend Challenges
The post offers a set of 100 free frontend challenges aimed at improving web development skills, focusing on HTML & CSS, with opportunities to incorporate JavaScript and other frameworks. Each challenge involves recreating a design to build a working website or web app. The goal is to foster a project-based learning approach, encouraging developers to complete all challenges and enhance their chances of landing a web development job.
DEV·2yReact Mindset: How New React Developers Should Think
React, a prominent JavaScript library for building user interfaces, enhances front-end development through reusable components and efficient UI management. New developers should adopt key principles such as thinking in components, embracing declarative programming, understanding state and props, prioritizing composition over inheritance, managing unidirectional data flow, mastering JSX, using hooks, and testing/debugging early to create modular, scalable, and maintainable applications.
DEV·2yGood Commit ✔ VS. Bad Commit ❌: Best Practices for Git
Good commits are crucial for maintaining a clean and understandable project history in Git. Characteristics of good commits include being atomic and focused, having descriptive messages, following conventional guidelines, being tested and verified, and being properly scoped. Conversely, bad commits are large and unfocused, have vague or misleading messages, combine unrelated changes, and contain incomplete or untested code. Best practices for good commits involve committing often but meaningfully, writing clear messages, using branches effectively, reviewing and squashing commits, and automating testing.
roadmap.sh·2yProjects are live on roadmap.sh! 🥳
Roadmap.sh has introduced a new feature allowing users to access projects within their Backend Roadmap. The collection includes 18 project ideas, spanning from beginner to advanced levels, aimed at enhancing backend development skills. Additional features like solution submission and feedback requests are planned for future updates.
DEV·2ySSL in localhost takes 5 seconds now.
Setting up SSL for localhost traditionally requires tedious manual configurations and repetitive steps. However, Ophiuchi simplifies the process by automatically generating certificates, updating the hosts file, providing an integrated web server, and ensuring instant trust. It saves time and allows developers to focus on building great software.
DEV·2yMake naked websites look great with matcha.css!
matcha.css is a drop-in semantic styling library in pure CSS that can make naked websites look great without any build steps, JavaScript, configuration, or refactoring. It provides additional modern styles out-of-the-box and is easily customizable and reversible.
freeCodeCamp·1yHow to Write Clean Code – Tips for Developers with Examples
Writing clean code is crucial for maintaining readable, organized, and efficient software. This post provides 10 practical tips for achieving cleaner code, such as using meaningful names, following the Single Responsibility Principle, avoiding unnecessary comments, making code readable, and using unit tests. It also covers the importance of managing dependencies, organizing project structure, using consistent formatting, avoiding hardcoding values, and limiting function length. By adopting these practices, developers can create more reliable and maintainable software.
DEV·2yonClick={someFunction} VS onClick={()=>someFunction}
Using `onClick={someFunction}` directly references the function and executes it on click without creating an extra function, making it more efficient for simple handlers. In contrast, `onClick={() => someFunction()}` creates a new function on each render, ideal for scenarios where arguments need to be passed or additional operations are required before executing the function.
Open Source Front End·1yI built a Flexbox Playground with Awesome Animations
Flexbox labs is an open source visual tool designed to help you create and customize CSS Flexbox layouts. Key features include an edit tab, save tab, pre-built layouts, and options for customizing the app. The tool is built using React, TypeScript, Sass, and Framer Motion.
freeCodeCamp·2yCreate 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.
Community Picks·2y8 Exciting New JavaScript Concepts You Need to Know
Explore 8 new and exciting JavaScript concepts including Optional Chaining, Nullish Coalescing, BigInt, globalThis, matchAll(), Promise.allSettled(), String.prototype.at(), and Error Cause. These features help in writing modern, efficient, and scalable code. Examples are provided for each concept to demonstrate their usage.
