Top-10 Posts for FE (Week 3, Nov 2022)
Published: 2022-11-20 22:13:35

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.

## [Learn to build a weather app in just 5 mins](https://dev.to/documatic/learn-to-build-a-weather-app-in-just-5-mins-o7l)

A tutorial on how you can build a customizable weather app just using HTML, CSS, and JavaScript.

![Learn to build a weather app in just 5 mins](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ks5wnc9w8muoxtdqe2qb.png)

## [Getting started with Deno.js](https://dev.to/mr_ali3n/getting-started-with-denojs-2hp0)

What is Deno.js, how is it different from Node, and why is it better.

![Getting started with Deno.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ik1tcxjb9wv86s99kb8.png)

## [7 Great Coding Websites for Kids of All Ages](https://dev.to/efrenmarin/7-great-coding-websites-for-kids-of-all-ages-hh4)

The author reviews resources that help in introducing a child to programming languages in a fun way.

![7 Great Coding Websites for Kids of All Ages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eicou9o1h487ztwp07xx.jpg)

## [Create parallax scrolling with CSS](https://dev.to/logrocket/create-parallax-scrolling-with-css-441d)

This article looks at the reasons why you should consider using parallax scrolling and how to implement the parallax scrolling effect with CSS.

![Create parallax scrolling with CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fkpkcsk5jb37qmy0lwz4.png)

## [Little things lead to a big effect](https://dev.to/mnosov622/little-changes-lead-to-a-big-effect-ce2)

In this post author talks about the design and its importance on the website.

![Little things lead to a big effect](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vyaef45zhrz3lpahrrs.jpg)

## [Introduction to Cascade Layers in CSS](https://dev.to/tomquinonero/introduction-to-cascade-layers-in-css-8d)

What are cascading layers, and how do they allow us to encapsulate the specifics of selectors to avoid collisions in our style.

![Introduction to Cascade Layers in CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfxip41y4dtsnamy51za.png)

## [Demystifying .innerText vs. .textContent](https://dev.to/annaqharder/demystifying-innertext-vs-textcontent-35fl)

An explanation of the key differences between the `.innerText` and `.textContent` properties, followed by a demonstration of when each property should be called.

![Demystifying .innerText vs. .textContent](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/45vx1krtstlrwg1iywle.png)

## [Using Destructuring in JS to Write Cleaner Code](https://dev.to/racheljoyh/using-destructuring-in-js-to-write-cleaner-code-2601)

The author of the article shows how destructuring can make your code more elegant and concise.

![Using Destructuring in JS to Write Cleaner Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wogsetev0ip69me7r784.png)

## [Data Structures In Frontend JavaScript In The Real World (With React Code Examples)](https://dev.to/jkettmann/data-structures-in-frontend-javascript-in-the-real-world-with-react-code-examples-3506)

A discussion on whether you should learn data structures and when they can be useful, reviewing several common data structures that you can find in real front-end projects.

![Data Structures In Frontend JavaScript In The Real World](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cqk9ausxxnoh4dk4jygz.png)

## [ES6++: Generators](https://dev.to/hassanzohdy/9-es6-generators-3c0a)

An article about a new type of function in ES6 called a `generator`.

![ES6++: Generators](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ugzwusga5ey0y2tbwq0.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)