Make these 11 Projects (10 JS+1 React) to learn JavaScript and React

Hey everyone 👋🏻,

In this article, let us see what 11 Projects I have for you that you can build for learning both JavaScript and React.js

Projects that you can build :

Project 1 : Creating a Modal

Project 2 : Creatin…


This content originally appeared on DEV Community and was authored by The Nerdy Dev

Hey everyone 👋🏻,

In this article, let us see what 11 Projects I have for you that you can build for learning both JavaScript and React.js

Image description

Projects that you can build :

Project 1 : Creating a Modal

Project 2 : Creating a Tabs System

Project 3 : Creating a Range Slider

Project 4 : Creating a Slideshow

Project 5 : Creating a Salary Calculator

Project 6 : Creating a Scroll Indicator

Project 7 : Implementing Infinite Scroll Feature using Intersection Observer API.

Project 8 : Playing with Text

Project 9 : Creating a Custom Search Filter

Project 10: Creating a Sticky Navbar

To get a description of these projects, please check out this article :

Here is the video where you can together create these projects with me :

Once you are done building these 10 Projects, it's time to learn React. I also have a video on same where we build an Exercise Planner application from scratch using React.js. There I explain all the concepts required to build that simple with thorough explanations.

React Project : Building an Exercise Planner Application using React.js, React Router and React Hooks.

Here is the video where you can together create these projects with me :

So this is it for this article. Thanks for reading.
Don't forget to leave a like if you loved the article. Also share it with your friends and colleagues.

Alt Text

PS - If you are looking to learn Web Development, I have curated a FREE course for you on my YouTube Channel, check the below article :

Looking to learn React.js with one Full Project, check this out :


This content originally appeared on DEV Community and was authored by The Nerdy Dev


Print Share Comment Cite Upload Translate Updates
APA

The Nerdy Dev | Sciencx (2021-10-15T13:21:55+00:00) Make these 11 Projects (10 JS+1 React) to learn JavaScript and React. Retrieved from https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/

MLA
" » Make these 11 Projects (10 JS+1 React) to learn JavaScript and React." The Nerdy Dev | Sciencx - Friday October 15, 2021, https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/
HARVARD
The Nerdy Dev | Sciencx Friday October 15, 2021 » Make these 11 Projects (10 JS+1 React) to learn JavaScript and React., viewed ,<https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/>
VANCOUVER
The Nerdy Dev | Sciencx - » Make these 11 Projects (10 JS+1 React) to learn JavaScript and React. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/
CHICAGO
" » Make these 11 Projects (10 JS+1 React) to learn JavaScript and React." The Nerdy Dev | Sciencx - Accessed . https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/
IEEE
" » Make these 11 Projects (10 JS+1 React) to learn JavaScript and React." The Nerdy Dev | Sciencx [Online]. Available: https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/. [Accessed: ]
rf:citation
» Make these 11 Projects (10 JS+1 React) to learn JavaScript and React | The Nerdy Dev | Sciencx | https://www.scien.cx/2021/10/15/make-these-11-projects-10-js1-react-to-learn-javascript-and-react/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.