Top-10 Posts for FE (Week 1, Jun 2023)
Tags: javascript, webdev, css, html
Published: 2023-06-05 15:51:06

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.

## [Higher Order Functions explained](https://dev.to/lukeskw/higher-order-functions-explained-35pe)

This article is about the concept of higher order functions in JavaScript, explaining how they can be used to enhance code by accepting functions as arguments and returning functions as results, and exploring examples and built-in higher order functions in JavaScript.

![Higher Order Functions explained](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d8gtdcslq8pugle7ovyj.png)

## [Mastering CSS Rules and Specificity: A Comprehensive Guide](https://dev.to/ondevw19812/mastering-css-rules-and-specificity-a-comprehensive-guide-5b4o)

This guide provides a comprehensive overview of CSS rules and specificity in web development, explaining their importance and practical applications through real-life examples.

![Mastering CSS Rules and Specificity: A Comprehensive Guide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c9ug7gwh9km46a9lte0a.png)

## [Exploring Web Rendering: Isomorphic JavaScript & Hydration](https://dev.to/mangs/exploring-web-rendering-isomorphic-javascript-hydration-k65)

This article is a part of a series that explores web rendering techniques, focusing on isomorphic JavaScript and hydration, and discusses the benefits and challenges of using isomorphic rendering for improved performance and search engine optimization.

![Exploring Web Rendering: Isomorphic JavaScript & Hydration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gh94n1dax5l2fxq85x9s.jpg)

## [Programmers, beware! Designers attack!](https://dev.to/emphie/programmers-beware-designers-attack-33oa)

This humorous article delves into the world of frustrating design choices that challenge front-end developers, emphasizing the need for collaboration and communication with designers.

![Programmers, beware! Designers attack!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kzwtyjf9x8u2ev7mq9g9.png)

## [How BEM (Block-Element-Modifier) CSS actually Work!](https://dev.to/aramoh3ni/how-bem-block-element-modifier-css-actually-work-ogl)

This article explains the BEM (Block-Element-Modifier) naming convention for writing CSS code, emphasizing its benefits of scalability, maintainability, and code organization for web projects.

![How BEM (Block-Element-Modifier) CSS actually Work!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9um99mvaipvq98viwfx.png)

## [All About CSS Nesting](https://dev.to/oggy107/all-about-css-nesting-1o8c)

This article introduces CSS nesting as a feature that allows for writing nested style rules, making code more organized and readable.

![All About CSS Nesting](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rx5d3oj1av99zkz328sl.png)

## [The Complete Guide to OOP In Javascript](https://dev.to/merudra754/the-complete-guide-to-oop-in-javascript-2lk0)

The article provides a detailed explanation of Object-Oriented Programming (OOP) in JavaScript, covering concepts like classes, objects, data abstraction, encapsulation, polymorphism, and inheritance, as well as demonstrating the implementation using prototypes and different approaches.

![The Complete Guide to OOP In Javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/azb9fmzk7bqxz2pv89vs.png)

## [Mastering Git: Top Commands Every Developer Should Know](https://dev.to/syedsadiqali/mastering-git-top-commands-every-developer-should-know-5hkn)

This article covers important Git commands for version control, collaboration, and managing code repositories effectively.

![Mastering Git: Top Commands Every Developer Should Know](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0tzcgp10yprkfz2w46a.png)

## [Pretty <ruby> for CJK languages](https://dev.to/mmatyas/pretty-for-cjk-languages-4k97)

This article explores the challenges and solutions related to styling rubies, small pronunciation hints used in East Asian typography, using HTML and CSS.

![Pretty <ruby> for CJK languages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8dk8foaobnwd3uvlshoh.png)

## [World Wide Web Wars](https://dev.to/andychiare/world-wide-web-wars-1h9p)

The article explores the evolution of the World Wide Web, from the HTML-centric era to the JavaScript-centric era, and advocates for restoring interoperability and peace in the web platform.

![World Wide Web Wars](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dd2n4md6ii7hp3a7du8.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)