Top-10 Posts for FE (Week 1, Apr 2023)
Tags: javascript, webdev, css, html
Published: 2023-04-10 11:04:53

Here are the top 10 posts from the past week that will be useful to front-end developers and beyond. The selection was made on the basis of their interestingness, uniqueness, presentation, usefulness and subjective assessment of the author.

## [16 don’ts: when JavaScript code review feels like watching a thriller movie](https://dev.to/kolodziejczakm/16-donts-when-javascript-code-review-feels-like-watching-a-thriller-movie-4dbb)

This article lists common mistakes and pitfalls to avoid when reviewing JavaScript code, as well as tips and tricks for writing cleaner and more maintainable code.

![16 don’ts: when JavaScript code review feels like watching a thriller movie](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzpyg6y8rwi4j36l45yt.png)

## [How to use chat gpt as a developer?](https://dev.to/rafikadir/how-to-use-chat-gpt-as-a-developer-gcd)

This article provides a developer's guide to using ChatGPT, demonstrating its capabilities for code completion, language translation, and other development tasks.

![How to use chat gpt as a developer?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rli6bjk219ct434q5k0w.jpg)

## [A Comprehensive Guide to CSS Shorthand Properties](https://dev.to/wvsr/a-comprehensive-guide-to-css-shorthand-properties-2083)

The article provides a comprehensive guide to CSS shorthand properties, explaining how to use them to write more concise and readable CSS code.

![A Comprehensive Guide to CSS Shorthand Properties](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nklnc8tzj5xz9h30arbp.png)

## [Revamp your front-end skills: Hands-on with HTML5 and CSS3](https://dev.to/educative/revamp-your-front-end-skills-hands-on-with-html5-and-css3-3bp8)

The article introduces a hands-on course on HTML5 and CSS3, providing tips, techniques, and best practices for building responsive, modern web pages.

![Revamp your front-end skills: Hands-on with HTML5 and CSS3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n7gd78o39aryzqr4b3dw.png)

## [What are JavaScript Promises? Explain with practical Examples](https://dev.to/rahul3002/what-are-javascript-promises-explain-with-practical-examples-4g7h)

The article explains the concept of JavaScript Promises and provides practical examples of how to use them for asynchronous programming, error handling, and chaining.

![What are JavaScript Promises? Explain with practical Examples](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m4sj7cxy1c84v4wwgx18.png)

## [Choosing the Right CSS Naming Convention for Your Project](https://dev.to/kazmi066/choosing-the-right-css-naming-convention-for-your-project-3kj6)

The article discusses various CSS naming conventions, including BEM, SMACSS, and Atomic, and provides guidance on choosing the right convention for your project based on its size, complexity, and team collaboration.

![Choosing the Right CSS Naming Convention for Your Project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mx0cuhe40yxbbc2smy1s.png)

## [The Pros and Cons of CSS Frameworks: A Comprehensive Review](https://dev.to/c0mmand3rj/the-pros-and-cons-of-css-frameworks-a-comprehensive-review-13db)

The article provides a comprehensive review of CSS frameworks, including Bootstrap, Foundation, and Bulma, listing their pros and cons and helping readers choose the right framework for their project.

![The Pros and Cons of CSS Frameworks: A Comprehensive Review](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0s5frkwim3d6u4sdvca.png)

## [JavaScript Destructuring](https://dev.to/frankymolina/javascript-destructuring-55bo)

The article explains the concept of JavaScript destructuring, including object and array destructuring, and provides practical examples of how to use it for variable assignment, function parameters, and nested objects/arrays.

![JavaScript Destructuring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n509g6g48njcgux714qs.png)

## [Using the CSS :not() pseudo-class](https://dev.to/devyoma/using-the-css-not-pseudo-class-1aj3)

The article explores the CSS `:not()` pseudo-class and how it can be used to target elements that do not match a specific selector, with examples and tips for best practices.

![Using the CSS :not() pseudo-class](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcmymf65e7bwgn148hve.png)

## [Boost Your JavaScript with JSDoc Typing](https://dev.to/samuel-braun/boost-your-javascript-with-jsdoc-typing-3hb3)

This article highlights the benefits of using JSDoc typing in JavaScript code to improve code quality and reduce potential errors, with examples and explanations of different JSDoc types.

![Boost Your JavaScript with JSDoc Typing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q011jtaygyjr35lf0zu7.png)


---

[![More News on channel t.me/fruntend_news](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4qyxv1b74oody1eb0k10.jpg)](https://telegram.me/fruntend_news)[![By me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zir1erzg7v28nvyuue09.jpg)](https://www.buymeacoffee.com/fruntend)