Top-10 Posts for FE (Week 2, Dec 2022)
Tags: javascript, git, html, css
Published: 2022-12-12 14:47:17

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.

## [Inside Javascript Hoisting](https://dev.to/mihirverma7781/inside-javascript-hoisting-304o)

This post explains arguably the most important JS concept known as "HOISTING".

![Inside Javascript Hoisting](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b5b9hjjzgl6jvvs6z6mf.png)

## [Split a commit into 2 commits with `git rebase`](https://dev.to/thelarkinn/split-a-commit-into-2-commits-with-git-rebase-31ee)

A guide on how to split a commit during an interactive git rebase.

![Split a commit into 2 commits with `git rebase`](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6clv09zjz47ferq9ci8.png)

## [How To Handle Scroll Events In JavaScript](https://dev.to/nnekajenny/how-to-handle-scroll-events-in-javascript-2jne)

Ways to listen and handle the page scroll event using JavaScript.

![How To Handle Scroll Events In JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f7rxgnvwh8g46ng12qaa.png)

## [Why use NextJS?](https://dev.to/documatic/why-use-nextjs-mn3)

What is NextJS, what is it used for, main differences from React.

![Why use NextJS?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eey3rzei4qglfsumvwr4.jpg)

## [Advance Your Website's SEO with HTML](https://dev.to/asayerio_techblog/advance-your-websites-seo-with-html-2odm)

This article will guide you on approaches to SEO and better ways to leave people wanting more from your site.

![Advance Your Website's SEO with HTML](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3l8bt536uqorhx5beem7.png)

## [Animate an SVG path with CSS](https://dev.to/dailydevtips1/animate-an-svg-path-with-css-4ihj)

How to animate SVG Paths with CSS with example.

![Animate an SVG path with CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mg6bb2gdv33jxnddoggy.png)

## [6 Awesome tools to write better code](https://dev.to/surajondev/6-awesome-tools-to-write-better-code-3p26)

The author of the post offers his list of tools that can help you implement code quality improvement practices.

![6 Awesome tools to write better code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5er8xdf2rsx2o7lap8kx.jpg)

## [ES6 Symbol in JavaScript](https://dev.to/moazamdev/es6-symbol-in-javascript-1l12)

What is the primitive data type Symbol, how to create and use it.

![ES6 Symbol in JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s769ne0nddfukqvycs2p.png)

## [The CSS `accent-color` property explained](https://dev.to/dostonnabotov/the-css-accent-color-property-explained-4h9o)

Overview of CSS-property `accent-color`, its accessibility and cross-browser compatibility.

![The CSS `accent-color` property explained](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yy95qpcuj8zg8cxtb16i.png)

## [WTF is Jamstack: The Best Way to Build Content Sites?](https://dev.to/nitinfab/wtf-is-jamstack-the-best-way-to-build-content-sites-3p45)

What is a Jamstack, its technical features and differences from traditional architecture.

![WTF is Jamstack: The Best Way to Build Content Sites?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qa6co1is97bep1zc8hxu.jpg)



---

[![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)