DEV Community: Rohit-1301

Day 17: I Built a Number Guessing Game in JavaScript! 🎉

Rohit-1301 — Mon, 12 Aug 2024 16:35:26 +0000

Hey, everyone! 👋

It’s Day 17 of my 21-day JavaScript challenge, and I couldn’t be more excited to share my latest project—a simple yet fun number guessing game! 🎮 In this game, you’ll be guessing a number between 1 and 100, and you’ll get instant feedback on whether your guess is too high, too low, or just right. It’s a great way to sharpen your JavaScript skills while having some fun. 💻

If you're curious to see the code, I've uploaded it to my GitHub repo. Feel free to check it out, play around with it, or even tweak it to make it your own! I’m eager to hear your thoughts and see any improvements or creative twists you might come up with. 🛠️

Also, if you’re into connecting with fellow tech enthusiasts, let’s connect on LinkedIn! I’m always up for exchanging ideas, collaborating on projects, or just chatting about our tech journeys. 🤝

And if you’re on your own JavaScript learning journey, I highly recommend the JavaScript playlist by Hitesh Choudhary on his YouTube channel, ChaiAurCode. That’s where I started, and I can confidently say it’s one of the best resources out there! 📚

Let’s keep pushing the boundaries of what we can create together! 🚀

Day 16 of My 21-Day JavaScript Challenge: Tic-Tac-Toe with a Bot! 🎮🤖

Rohit-1301 — Sat, 10 Aug 2024 16:06:51 +0000

Hey everyone!

Today is Day 16 of my 21-day JavaScript journey, and I’m thrilled to share what I’ve been working on—a classic Tic-Tac-Toe game! But I didn’t stop at just the basics. I went ahead and added a bot to play as the "O" player, making it feel like you're up against a real opponent. This project definitely pushed me out of my comfort zone. 🤔

Implementing the bot wasn’t easy. I spent a good chunk of time figuring out how to make it smart enough to give you a real challenge. I dove deep into the MDN documentation and got a nudge in the right direction from ChatGPT. Now, the bot plays strategically, making each match more engaging and fun! 🎉

Here’s a little sneak peek at the game:

I’ve uploaded the full code to my GitHub repository, so feel free to take a look and try it out yourself! Also, if you want to connect or chat about JavaScript (or anything tech), here’s my LinkedIn profile.

For anyone looking to learn JavaScript, I can’t recommend Hitesh Choudhary’s playlist on the "ChaiAurCode" YouTube channel enough. It’s been a game-changer for me. Definitely check it out! 📚💻

GitHub Repository Link
LinkedIn Profile Link
YouTube Playlist Link

Stay tuned for more updates as I near the finish line of this challenge! 🚀

Day 15: My Quirky JavaScript Calculator 🎉

Rohit-1301 — Fri, 09 Aug 2024 16:45:24 +0000

Hello, Dev Community! 👋

I'm thrilled to share that today marks Day 15 of my 21-day JavaScript learning challenge! 🚀 As I continue to dive deeper into the world of JavaScript, I’m excited to introduce my latest creation: a quirky, slightly unpredictable calculator!

Now, this isn't your average calculator. Sure, it can add, subtract, multiply, and divide just like any other, but every now and then, it throws in a little surprise by giving you an incorrect result—intentionally! 😄 It's a playful twist that makes basic math a bit more interesting (and unpredictable).

Here's a sneak peek at what it looks like:

If you’re curious about the code behind it, feel free to check out my GitHub repository, where I’m documenting all my progress and experiments. I’m always open to feedback, so let’s connect on LinkedIn love to hear your thoughts and ideas!

For those of you looking to learn JavaScript, I can't recommend Hitesh Choudhary's "ChaiAurCode" YouTube playlist enough. It’s where I began my journey, and it’s packed with awesome content that really makes learning fun! 💻

Link to the Playlist

Thanks for stopping by to read about my quirky calculator. I’ll be back tomorrow with more updates. Until then, happy coding! 🎨

Day 14 of My 21-Day JavaScript Challenge: Building My First Weather Web App 🌦️

Rohit-1301 — Thu, 08 Aug 2024 16:08:43 +0000

Building My To begin with Climate Web App 🌦️

Hello, Dev Community! 👋

I'm energized to share the advance of Day 14 of my 21-day JavaScript challenge. Recently, I secured all the basic JavaScript subjects required to begin building web ventures. I chosen to jump straight into it by making my to begin with project—a basic climate web app! 🌍

## What I Built 🌐

The app is outlined to bring and show the climate of any area you enter. I utilized the weather app to induce the information. You fair input your craved area, and voilà—the app appears you the current weather! ☀️☔
Image of weather app:-

## The Method 🛠️

Being my to begin with extend, it was a bit challenging. I had to rely on different assets to direct me through the method:

YouTube instructional exercises 📺
MDN Web Docs 📚
OpenWeather API documentation 🔍
ChatGPT (yes, I'm utilizing this AI as well! 🤖)

Since I'm still a newbie in web plan, I kept the interface straightforward. My center was more on usefulness than aesthetics. But do not stress, I arrange to work on my plan abilities and make my future ventures see much superior! 🎨

*## Check It Out! 🔗
*
I've archived the whole handle on my GitHub repo. You'll discover the source code for the climate web app and all the code I've composed so distant in this challenge.

Need to associate? Discover me on Linkedin and let's chat! 🚀

## Learning Resources 🎥

I owe a part of my learning to the astounding substance from Hitesh Choudhary on his YouTube channel "ChaiAurCode." In the event that you're looking to memorize JavaScript, his playlist is a must-watch! 🍵💻

Much obliged for taking after beside my travel. Remain tuned for more upgrades as I proceed my JavaScript enterprise! 🌟

Day 13: Deep Dive into Object Properties, Getters & Setters, and Lexical Scope in JavaScript 🎉

Rohit-1301 — Wed, 07 Aug 2024 17:27:11 +0000

Hello Dev Community!

Today marks the 13th day of my 21-day JavaScript learning challenge, inspired by the amazing Hitesh Choudhary from the "ChaiAurCode" YouTube channel. 📚✨ Each day brings new insights and practical knowledge, and today was no exception. Let's dive into what I learned today!

Object Properties: Writable, Enumerable, and Configurable 🚀
The day started with a fascinating exploration of how to define properties in an object. I learned about the writable, enumerable, and configurable attributes and how they control the behavior of object properties. It's intriguing to see how these attributes can make properties read-only or hide them from enumeration.

One of the key takeaways was understanding that some properties of built-in objects can't be overwritten, even if you change their attributes. This helps maintain the integrity and security of built-in functionalities. 🛡️

Getters and Setters: Enhancing Object Interactions 🔄
Next, I delved into getters and setters in JavaScript. These special methods allow us to get and set the values of object properties dynamically. Through various program implementations, I saw how getters can encapsulate and protect property values, while setters can provide validation logic before updating values. This feature adds a layer of abstraction and control to our objects, making our code more robust and maintainable. 🏗️

Lexical Scope and Closures: Unveiling JavaScript's Inner Workings 🧩
Finally, I explored lexical scope and closures, two fundamental concepts in JavaScript. Understanding lexical scope clarified how variable accessibility is determined by the function's physical location in the source code. Closures, on the other hand, revealed how functions can retain access to their lexical scope even after the outer function has finished execution. This concept is particularly powerful for creating private variables and encapsulated states in JavaScript. 🔒

Let's Connect! 🌐
I'm documenting all my code and programs from this challenge on my GitHub repo. Feel free to check it out and see my progress! Also, connect with me on LinkedIn to follow my journey and share your insights.
Linkedin link:-www.linkedin.com/in/rohit-gupta-687b9829a
Github repo:-https://github.com/Rohit-1301/21-day-Javascript/tree/main/Day%2013%20of%20Javascript

Recommendations and Future Plans 🎯
If you're looking to learn JavaScript, I highly recommend following the "ChaiAurJavaScript" playlist by Hitesh Choudhary on YouTube. His teaching style is engaging and easy to follow. 🎥
Playlist Link:-https://youtube.com/playlist?list=PLu71SKxNbfoBuX3f4EOACle2y-tRC5Q37&si=0-pj9KeaFaCCtnaQ

From the past 13 days of learning JavaScript through various programs and language features, I've gained a solid foundation. Next up, I'll be working on some exciting projects to further hone my JavaScript skills. Stay tuned for more updates and insights! 🚀

Thank you for reading, and happy coding! 💻✨

Day 12: Exploring Advanced JavaScript Concepts

Rohit-1301 — Tue, 06 Aug 2024 17:19:45 +0000

Hello, dev enthusiasts! I am very excited to share the experience of day 12 of my 21-day JavaScript learning challenge under the mentorship of awesome Hitesh Choudhary at his "ChaiAurCode" YouTube channel. So, let's get started with today's learning! Today was quite dense with some advanced and indispensable concepts of JavaScript—one of the many topics every aspirant developer must-have.

The Call Stack in JavaScript 🧩
The first of these is the call stack. At its most basic, an interpreter such as V8 is how an interpreter like V8 keeps track of its place in a script that calls multiple functions: what function is it inside right now, and after this operation is complete how does it know what to do next and where does it get back the function that it just called. It is really very important that you must understand how the call stack works so as you can effectively debug and optimize your code.

**Classes and Constructors 🏗️
**Now we again going to revise classes and constructors. The syntax of JavaScript classes becomes more strict from ES6 and objects and inheritance are easily defined. Whereas constructors are specially defined methods for object initialization. This session further built on my knowledge to be able to define and instantiate a class, which in part made my code relatively organized and modular.

Inheritance 👨‍👩‍👧‍👦
Continuing with classes, we learned inheritance, which is one of the principles of object-oriented programming. It gives the ability to a class to inherit properties and methods from another class in order to achieve reusability and efficiency of the code. I liked this one; it was very informative as I saw exactly how JavaScript handles inheritance in a way that is totally different from other languages that I have used.

Static Keyword 🔧
We moved to the static keyword. This is because static methods are called using the class rather than the instance of the class. For most parts, they are used for utility functions. Learning about their usage was quite an eye-opener, for it seems to open up new ways I can structure my code.

Bind Method 🔗
The final bit of functionality for functions we learned about was the bind method. The bind method creates a new function that, when called, has its this value set to the provided value with a given sequence of arguments preceding any provided when the new function is called:. Is a powerful tool, especially when facing asynchronous code. I've also learned about its history and its use in the early days of the React framework.

Connect and Follow 📡
All my learnings will be documented with code here on my GitHub repository. Do not forget to see it and maybe give it star if useful! Also, connect with me on LinkedIn for more insights and updates.
Github repo:-https://github.com/Rohit-1301/21-day-Javascript/tree/main/Day12%20of%20Javascript
Linkedin:-www.linkedin.com/in/rohit-gupta-687b9829a

**Learn JavaScript with "Chai Aur Code" 🎓
**Given below is a playlist for JavaScript one ought to refer to for learning JavaScript: Hitesh Choudhary: One of the superlative tutors one can find in this subject. He really makes his point clear and shows working examples, which you can follow through.
Playlist link:-https://youtube.com/playlist?list=PLu71SKxNbfoBuX3f4EOACle2y-tRC5Q37&si=jVz1VdwKUmCBEvYT

Well, that's it for today, people! Please look out for further updates in continuation of this thrilling journey. Happy coding! ✨💻

Day 11: Delving Deeper into JavaScript OOP, this, new, and Prototypes! 🚀

Rohit-1301 — Mon, 05 Aug 2024 17:55:53 +0000

Hi Dev Community! 👋 I'm back with an exciting update on my 21-day JavaScript learning challenge, coming from the amazing Hitesh Choudhary's YouTube channel, "ChaiAurCode." Today marks Day 11, and it has been a tremendous journey thus far. Let's see what I learned today! 🌟

Object-Oriented Programming in JavaScript 🧠
Today, I learned about Object-Oriented Programming in JavaScript. Object-oriented programming is the approach that uses objects and classes in structuring code so that it can be more modular and reusable. Knowledge of OOP is indispensable when it comes to developing scalable applications, so I enjoyed learning all the nuances of this paradigm. 🌐

The this Keyword and new Keyword 🔍
Next, I dived into the keyword this. In JavaScript, this refers to the object from which it was called. All this helped me understand how this works in different contexts and write strong code accordingly. Also, I learned about the keyword new which is used to create instances of objects. While running several programs, I observed how 'this' and 'new' work in practice. 📝

Prototypes and Custom Functions 🛠️
Finally, I delved into JavaScript's prototypal inheritance. The Prototypes allow properties and methods to be added to objects, hence allowing inheritance and method sharing to work between instances. I have also learned how to write my own functions to implement on objects, arrays, and strings. It was a powerful way to see how the prototype chain works in JavaScript. 💡

Check out my GitHub repo, where I'm documenting all the code and programs. Also, find my journey shared on LinkedIn; just connect with me there! 🤝
Github repo:-https://github.com/Rohit-1301/21-day-Javascript/tree/main/Day%2011%20of%20Javascript
Linkedin:-www.linkedin.com/in/rohit-gupta-687b9829a

Be sure to check out the "ChaiAurJavaScript" playlist by Hitesh Choudhary if you're learning JavaScript in depth. An outstanding playlist for both beginners and pros. Here you go! 📚
Youtube Playlist link:-https://youtube.com/playlist?list=PLu71SKxNbfoBuX3f4EOACle2y-tRC5Q37&si=xOpuIYVRSxqBvDRN

Happy coding! 💻

Day 10 of My 21-Day JavaScript Learning Challenge with Hitesh Choudhary! 🚀

Rohit-1301 — Sun, 04 Aug 2024 15:59:04 +0000

Hello, dev.to community! 👋

I am happy to present my journey on Day 10 of my 21-day JavaScript learning challenge, this time with one of the greatest YouTubers of all time, Hitesh Choudhary, and his YouTube channel "ChaiAurCode." ☕📚 Today's main topic was API and a first touch with promises and async/await. Let me guide you through my learning process!

After that, I proceeded to learn how to retrieve API responses using two methods: the old-school method using XMLHttpRequest and the modern method using the JSON format. The understanding of the differences between these two and their purpose of being was quite thrilling and really formed a good basis upon which data from APIs could be dealt with.

The next thing was to dive into Promises and async/await functions. These are important in controlling asynchronous operations in JavaScript. I did some programs implementing it, such as how it creates promises and how to use async/await to handle those promises in order to strengthen my understanding of the same. The practical implementation was very useful to understand the working within these features.

Next, I learned about the fetch API and how it works. 🔄 Fetch provides a more modern way to make requests over a network. I have been impressed by how much easier this process is compared to older ways. Implementing fetch within my programs has allowed me to appreciate how clean and simple the syntax is.

Along the way, I am documenting all my code and programs in this GitHub repository 📂✨ So you can follow development and go through the entire code. Furthermore, I am sharing some of my experiences and code snippets on LinkedIn, so feel free to connect with me there.
Github repo:-https://github.com/Rohit-1301/21-day-Javascript/tree/main/Day10%20of%20Javascript
Linkedin:-www.linkedin.com/in/rohit-gupta-687b9829a

If you want to learn JavaScript, I recommend that you follow the playlist "ChaiAurJavaScript" from the channel "ChaiAurCode" by Hitesh Choudhary. This is a really helpful resource for anyone—from beginners to even very experienced developers.
Yotube Playlist link:-https://youtube.com/playlist?list=PLu71SKxNbfoBuX3f4EOACle2y-tRC5Q37&si=5ZgQxK30gS0LlQZX

Thanks for joining me in this learning journey! Please stay tuned as we try to explore the great, wonderful world of JavaScript. Happy coding!

Day 9: 21-Day JavaScript Learning Challenge with Hitesh Choudhary

Rohit-1301 — Sat, 03 Aug 2024 17:36:32 +0000

🚀 On the ninth day of my 21-day JavaScript learning challenge, guided by one of the best YouTube tutors, Hitesh Choudhary, from his channel "ChaiAurCode", I dove deeper into the world of JavaScript.

Event Listening and Event Propagation
Today, I explored event listening in greater depth, building upon what I learned yesterday. 📚 Understanding how event listeners work and their importance in JavaScript was enlightening. I also learned about event bubbling and event capturing, two crucial concepts that define how events propagate through the DOM.

Async and Sync in JavaScript
Afterward, I delved into the async and sync nature of JavaScript. Learning the theory behind asynchronous programming and how it differs from synchronous programming opened up new possibilities for writing efficient code. I put this knowledge to the test by creating a few programs and even designed a simple game! 🎮

The game involves changing the background color with a start button and stopping it with another button, demonstrating practical applications of today's learning.

Documenting Progress
I'm meticulously documenting all my code and progress on my GitHub repository. Feel free to follow me there to see my journey and perhaps even collaborate on some projects!
Github Link:-https://github.com/Rohit-1301/21-day-Javascript

You can also connect with me on LinkedIn to stay updated with my progress and for potential networking opportunities.
Linkedin:-www.linkedin.com/in/rohit-gupta-687b9829a

Learn with "ChaiAurCode"
If you're eager to learn JavaScript, I highly recommend following the "ChaiAurCode" JavaScript playlist. Hitesh Choudhary's teaching style is exceptional, and his videos are incredibly insightful. 📺

Stay tuned for more updates as I continue my JavaScript learning journey. Happy coding! 💻

Diving into Event Listeners: Day 8 of My JavaScript Challenge 🚀

Rohit-1301 — Fri, 02 Aug 2024 17:43:37 +0000

Hey everybody, here it is, the 8th day of my 21-day JavaScript learning challenge on the Hitesh Choudhary YouTube channel 'ChaiAurCode'. One more day with a little bit of heavy workload from college, but I could somehow jump into the world of event listeners. 🌟

Today, I explored different types of listeners, such as click and resize. I then implemented some programs to better understand them. Despite the time crunch, I gave my best to focus on coding and learning.

You can check all my documented programs at my GitHub repo. Feel free to connect on LinkedIn to join this journey together, sharing experiences that will truly help. Let's Learn Together! 🚀
Github Link:-https://github.com/Rohit-1301/21-day-Javascript/tree/main/Day8%20of%20Javascript

Linkedin:- www.linkedin.com/in/rohit-gupta-687b9829a

🚀 Day 7 of My 21-Day JavaScript Challenge! 🎉

Rohit-1301 — Thu, 01 Aug 2024 16:53:15 +0000

Hey everyone! 👋

I’m thrilled to share the progress of my 21-day JavaScript learning journey with you. As part of this challenge, guided by the incredible Hitesh Choudhary from the “ChaiAurCode” YouTube channel, I've been diving deep into JavaScript and building cool projects. Today marks Day 7, and I’ve crafted two exciting projects using the knowledge I've gained so far. Let’s dive into what I’ve been up to!

🌈 Project 1: Background Color Changer
For this project, I created an interactive background color changer. 🖍️ I designed a series of colorful cards that, when clicked, change the background color of the webpage. It’s a simple but fun way to showcase how JavaScript can manipulate the DOM and handle user interactions.

Here’s a snapshot of the project in action:

How it works:

Users click on a color card.
The background color of the webpage changes to the color of the clicked card.
It’s a great demonstration of event handling and style manipulation in JavaScript!

🏋️ Project 2: BMI Calculator
The second project I worked on is a BMI (Body Mass Index) calculator. 🧮 Users can input their height and weight, and the calculator will display their BMI. This project involves:

Taking user input for height and weight.
Performing the BMI calculation.
Displaying the result to the user.
Check out the BMI calculator in action:

This project helps reinforce my understanding of form handling, data processing, and output in JavaScript.

💻 Check It Out!
I’ve organized all these projects on my GitHub repository 🎨. Feel free to explore, provide feedback, and contribute! I’m always open to suggestions and improvements.
Github Link:-https://github.com/Rohit-1301/21-day-Javascript

Additionally, connect with me on LinkedIn 🔗 to stay updated with my progress and connect on professional matters.
Linkedin:- www.linkedin.com/in/rohit-gupta-687b9829a

Thank you for following along on this journey! Stay tuned for more updates and exciting projects. 🚀

Happy coding! 👨‍💻👩‍💻

JavaScript #WebDevelopment #CodingChallenge #LearnToCode #ChaiAurCode

🌟 Day 6 of My 21-Day JavaScript Learning Journey: Exploring DOM with ChaiAurCode! 🌟

Rohit-1301 — Wed, 31 Jul 2024 18:03:34 +0000

Today, under the guidance of the phenomenal tutor Hitesh Choudhary from the ChaiAurCode YouTube channel, I delved deeper into the world of DOM manipulation in JavaScript. It was an exhilarating experience as I revisited concepts that I didn't fully cover yesterday, enhancing my understanding of DOM properties and manipulation techniques.

First, I dived into understanding HTML collections, discovering the ways to access them and gaining insights into the different types of nodes within. This knowledge served as a strong foundation for my next adventure - learning how to create, edit, and remove elements using the DOM. Implementing practical programs reinforced my learning and provided invaluable hands-on experience.

All these exciting discoveries have been meticulously documented in my GitHub repository. I invite you to follow me on GitHub, explore the programs, and provide your valuable feedback. Your support and feedback will motivate and guide me on this amazing journey of learning and exploration.

GitHub Repo: https://github.com/Rohit-1301/21-day-Javascript/tree/main/Day6%20of%20Javascript

Moreover, I'm thrilled to share my LinkedIn account where you can connect with me and be part of this wonderful learning community. Follow me on LinkedIn for more engaging updates and discussions.

LinkedIn Profile: www.linkedin.com/in/rohit-gupta-687b9829a

Join me as I continue to explore the fascinating world of JavaScript and other amazing technologies. I'm so thrilled to have you all by my side as I progress through this 21-day challenge!

Let's code, learn, and grow together! 🚀✨ #JavaScript #DOM #ChaiAurCode #LearningJourney #GitHub #LinkedIn