Top 10 articles of the week for beginners🐩.
Tags: beginners, webdev, javascript, react
Published: 2021-12-09 11:38:16

---
title: Top 10 articles of the week for beginners🐩.
published: true
description: Most popular articles for beginners published on Dev community (12/9/2021)
cover_image: https://images.unsplash.com/photo-1470790376778-a9fbc86d70e2
tags: beginners,webdev,javascript,react
series: Weekly Beginners top 10
---

DEV is a community of software developers getting together to help one another out. The software industry relies on collaboration and networked learning. They provide a place for that to happen.

> "A journey of a thousand miles begins with a single step." - Chinese Proverb

{% tag beginners %}

Here is the most popular articles published on this platform.

# #1
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--gZei8wIe--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pbnt6je65qcewj68n48w.jpg)](https://dev.to/crater90/5-github-repositories-for-learning-developers-4kn6){% post https://dev.to/crater90/5-github-repositories-for-learning-developers-4kn6 %}
For programmers and budding developers, GitHub is always the first choice to explore and learn new...

---

# #2
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--NlvXh9m0--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v3r39rhzu0ylq585ixni.jpg)](https://dev.to/digvijayjadhav98/roadmap-for-react-js-2022-4ccn){% post https://dev.to/digvijayjadhav98/roadmap-for-react-js-2022-4ccn %}
In the previous blog I talked about why one should prefer react for Frontend....

---

# #3
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--jzQSjzlr--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kpx7u5e5i2g0nxtsv07f.jpeg)](https://dev.to/dev117uday/react-hooks-0-to-hero-4b7o){% post https://dev.to/dev117uday/react-hooks-0-to-hero-4b7o %}
What are Hooks   React hooks are like Anchor ( same as what ships drop in the ocean to...

---

# #4
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--146UgCAl--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e02psy20nbpdeq4a2ggx.jpg)](https://dev.to/harshitaditya1/mistakes-i-made-while-learning-web-development-as-a-beginner-4m7n){% post https://dev.to/harshitaditya1/mistakes-i-made-while-learning-web-development-as-a-beginner-4m7n %}
This blog is all about mistakes I made while learning Full Stack Web Development as a beginner. I...

---

# #5
[![Image of post](https://dev.to/social_previews/article/918348.png)](https://dev.to/_mohanmurali/understanding-dependency-injection-in-javascript-3374){% post https://dev.to/_mohanmurali/understanding-dependency-injection-in-javascript-3374 %}
Dependency Injection is a fairly complex topic for beginners. It might not be necessary to know the...

---

# #6
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--NLdh3lM_--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5urjyzs3054vfh7xzncd.png)](https://dev.to/codewithtee/git-cheat-sheet-20-commands-i-use-everyday-47h9){% post https://dev.to/codewithtee/git-cheat-sheet-20-commands-i-use-everyday-47h9 %}
Hey Coders! When I started coding, tracking changes in my codes was always painful and the fear of...

---

# #7
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--k8Zb-9k7--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k61bjspl1x1x0shqbea8.png)](https://dev.to/polymathsomnath/git-commands-that-will-save-your-job-14ac){% post https://dev.to/polymathsomnath/git-commands-that-will-save-your-job-14ac %}
In this article, we are going to learn some life-saving Git commands.  We will not only learn about...

---

# #8
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--HKzIkglH--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zp53e89irpwqvgr7rkpi.png)](https://dev.to/shubhamtiwari909/helpful-websites-for-frontend-web-development-55a8){% post https://dev.to/shubhamtiwari909/helpful-websites-for-frontend-web-development-55a8 %}
Hello guys today i am going to show you some cool websites which can help you in front end web...

---

# #9
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--DT2AInAb--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7epbrc8o1dpnypdsfunt.jpeg)](https://dev.to/weifengnusceg/css-concepts-the-one-and-only-guide-you-need-bb6){% post https://dev.to/weifengnusceg/css-concepts-the-one-and-only-guide-you-need-bb6 %}
"I'm just summarizing my CSS learning routine here, your follow will be my motivation to update. Hope...

---

# #10
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--FJaWYNXs--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vv20e653rogjudls546p.png)](https://dev.to/0shuvo0/box-shadow-vs-drop-shadow-in-css-1cno){% post https://dev.to/0shuvo0/box-shadow-vs-drop-shadow-in-css-1cno %}
We all know that we can use box-shadow to add shadows to our HTML elements. eg    .box{    ...

---

> Orginal authors of this articles are @crater90, @digvijayjadhav98, @dev117uday, @harshitaditya1, @_mohanmurali, @codewithtee, @polymathsomnath, shubhamtiwari909, weifengnusceg, 0shuvo0.


Enjoy these articles.
Follow me for more articles.
Thanks 💖💖💖