Top 10 articles of the week for beginners🍉.
Tags: beginners, javascript, webdev
Published: 2021-12-02 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/2/2021)
cover_image: https://images.unsplash.com/photo-1540151812223-c30b3fab58e6
tags: beginners,javascript,webdev,css
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--hx_IJy9F--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hpgf3lg0l6rc410f1kzs.png)](https://dev.to/j471n/curved-css-timeline-5ab3){% post https://dev.to/j471n/curved-css-timeline-5ab3 %}
In this article, we are gonna build a curved timeline for your website which you can use later on in...

---

# #2
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--vMPKTaDD--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1iol9vfv8d0ryj6o94oh.png)](https://dev.to/mahamatmans/array-cheatsheet-javascript-3mci){% post https://dev.to/mahamatmans/array-cheatsheet-javascript-3mci %}
Variables in Javascript allow only one data to be stored at a time. However, given that it is often...

---

# #3
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--mk_mlWdt--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zp26iv644vf4fpv62yrc.png)](https://dev.to/fidalmathew/start-contributing-to-opensource-as-a-web-dev-beginner-2ag9){% post https://dev.to/fidalmathew/start-contributing-to-opensource-as-a-web-dev-beginner-2ag9 %}
Hi folks, hope you are doing well. In this post, I am going to show you how to get started in open...

---

# #4
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--PICm52Pv--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qrzoor02c1ztqqlbfv65.png)](https://dev.to/nikhil27b/animated-profile-card-using-html-css-gsap-4p63){% post https://dev.to/nikhil27b/animated-profile-card-using-html-css-gsap-4p63 %}
Hello Guys,  Thank you guys for my last post response. Today I Created an Animated profile card using...

---

# #5
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--lsjynVOX--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/47klimidb875xrcso17i.png)](https://dev.to/aviyel/build-a-full-stack-notebook-app-using-react-and-firebase-47m){% post https://dev.to/aviyel/build-a-full-stack-notebook-app-using-react-and-firebase-47m %}
In this blog tutorial, we are going to set up and build full-stack notebook applications using...

---

# #6
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--AxVGDQL---/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6s7aav0alx60xn0jvemr.png)](https://dev.to/nitzanhen/you-dont-need-these-to-be-a-web-dev-c3b){% post https://dev.to/nitzanhen/you-dont-need-these-to-be-a-web-dev-c3b %}
"If you don't know all of these, don't call yourself a web developer", followed by some list of web...

---

# #7
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--dZo_unme--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rvmpvaqpt7fgwdle7jyq.png)](https://dev.to/saritchaethudis/working-with-complex-objects-in-javascript-the-friendly-beginners-guide-clh){% post https://dev.to/saritchaethudis/working-with-complex-objects-in-javascript-the-friendly-beginners-guide-clh %}
When I first started working with more and more complex objects in JavaScript (such as API data), I...

---

# #8
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--X9LRcufH--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9d349y0t3ua67w6pwh34.png)](https://dev.to/coderhax/interview-questions-for-js-with-answer-cbl){% post https://dev.to/coderhax/interview-questions-for-js-with-answer-cbl %}
JavaScript, commonly known as JS, is a server-side programming language with a high level. Because...

---

# #9
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--x2EO65uA--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ufqakt6j6rv17h6is4ca.jpg)](https://dev.to/ericawanja/git-and-github-for-beginners-33a0){% post https://dev.to/ericawanja/git-and-github-for-beginners-33a0 %}
Topics covered   Introduction to version control systems Git and GitHub Branching and merging How to...

---

# #10
[![Image of post](https://res.cloudinary.com/practicaldev/image/fetch/s--7QJliem9--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ietqpui0fvww7byoe8po.png)](https://dev.to/adwait12345/how-to-built-a-instagram-navbar-clone-html-css-js-27h9){% post https://dev.to/adwait12345/how-to-built-a-instagram-navbar-clone-html-css-js-27h9 %}
Learn how to create an Instagram Navbar clone with pure HTML CSS and JavaScript!  This project is...

---

> Orginal authors of this articles are @j471n, @mahamatmans, @fidalmathew, @nikhil27b, @pramit_armpit, @nitzanhen, @saritchaethudis, coderhax, ericawanja, adwait12345.


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