Top-10 Posts for FE (Week 4, Apr 2023)
Tags: webdev, javascript, css, beginners
Published: 2023-05-01 07:53:33

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.

## [Frontend Web Performance Checklist](https://dev.to/jacobandrewsky/frontend-web-performance-checklist-2o9j)

This comprehensive article provides a detailed checklist for optimizing frontend web performance, covering topics such as image and font optimization, caching, JavaScript and CSS optimization, and more.

![Frontend Web Performance Checklist](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xx8g398xtcmeqgy7en3l.png)

## [npm v/s yarn v/s pnpm](https://dev.to/raxraj/npm-vs-yarn-vs-pnpm-fo8)

This article provides a detailed comparison of three popular package managers for JavaScript, including their features, performance, and use cases, to help developers choose the one that best fits their needs.

![npm v/s yarn v/s pnpm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b67x0nj158ax62a19wb.jpg)

## [How To Use CSS Contain Property To Optimize Browsers](https://dev.to/lambdatest/how-to-use-css-contain-property-to-optimize-browsers-3468)

The article explores the CSS `contain` property and its various options, providing insights on how to use it effectively to optimize browser performance and rendering speed.

![How To Use CSS Contain Property To Optimize Browsers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12ihop1fi97wcc2kir01.png)

## [Understanding CSS Specificity: What It Is and How It Works](https://dev.to/eleftheriabatsou/understanding-css-specificity-what-it-is-and-how-it-works-4dp9)

The article provides an in-depth explanation of CSS specificity, including its importance in resolving conflicts between CSS rules and the different methods to calculate specificity values.

![Understanding CSS Specificity: What It Is and How It Works](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d8l8hqusn8esn2hoo71j.png)

## [A Deep Dive into .then() Method in JavaScript: How to Use it Like a Pro](https://dev.to/rahulladumor/the-power-of-then-in-javascript-8ma)

The article explains the role and functionality of the `then()` method in JavaScript's Promise object, and provides examples and use cases for handling asynchronous operations.

![A Deep Dive into .then() Method in JavaScript: How to Use it Like a Pro](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5usie5y7x8ljf9868pya.png)

## [JavaScript: Function Types You Should Know](https://dev.to/renancferro/javascript-function-types-you-should-know-chd)

The article explores different types of JavaScript functions, including anonymous, named, arrow, and IIFE functions, their syntax, use cases, and differences.

![JavaScript: Function Types You Should Know!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c1noq8s9ww7uckz12x7n.png)

## [Object-oriented programming (OOP)](https://dev.to/abdulkabirsultan/object-oriented-programming-oop-21mo)

The article provides a comprehensive introduction to Object-Oriented Programming (OOP) concepts, including encapsulation, inheritance, and polymorphism, and explains how these concepts can be applied in JavaScript.

![Object-oriented programming (OOP)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hl96d2dw8tex6ytix5g.jpg)

## [Uncommon HTML Tags](https://dev.to/ritapossible/uncommon-html-tags-418m)

In this article, the author discusses some uncommon HTML tags, including their usage and the impact they can have on the accessibility and structure of the web page.

![Uncommon HTML Tags](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jym4yhlz9iuerch9izjd.png)

## [Everything you need to know about Webpack's Bundle-Analyzer](https://dev.to/mbarzeev/everything-you-need-to-know-about-webpacks-bundle-analyzer-g0l)

This article provides a detailed explanation of how to use the Webpack Bundle Analyzer tool, which helps analyze and visualize the size and contents of a Webpack bundle, and provides strategies for optimizing bundle size and performance.

![Everything you need to know about Webpack's Bundle-Analyzer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kk9sa48jvvqrzwvhu44g.png)

## [My Favorite Free Courses to Learn JavaScript in Depth](https://dev.to/javinpaul/my-favorite-free-courses-to-learn-javascript-in-depth-3oe9)

Author of this article provides a comprehensive list of free online courses that can help beginners and experienced programmers learn JavaScript in-depth, covering topics such as the basics of the language, advanced features, frameworks, and libraries.

![My Favorite Free Courses to Learn JavaScript in Depth](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0w58wl43civ7cv9tvvrw.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)