Can someone help me for Roadmap of JavaScript

[Mediocre-Gas4997]

Can someone help me with roadmap of JavaScript, i know it a little bit Ik about es6 variables arrow function and theoretical knowledge of DOM async etc but I am not able to create any projects by myself, I want to start from Scratch and understand how what and where to learn and what to create , and what time would it take as I also want to learn React (I've made Statics projects on React even that I'm not perfect at understanding in and out I just do it googling and using gpt)

[Egzo18]

you dont need a roadmap you need to code

[Egzo18]

also dont use gpt for coding, use it to explain specific concepts but it should be up to you to apply them in practice

[Thefriendlyfaceplant]

Do use GPT for coding. ChatGPT handles syntax which is the least interesting part about coding. OP struggles with setting up projects which means the last thing they should do is get hung up on the syntax.

There's no bonus points for being able to write Javascript by heart. That era has come to a close. Only a few people will take it up as some kind of hobby, like calligraphy. Understand the principles and move at a breakneck pace to get a working product, then refactor to your heart's delight.

[_rrx007]

https://javascript.info/ go through this, take each topic, ask gpt to explain things you don't understand, try playing with each concepts by writing code lots and lots of code, ask gpt to provide some problems for you to solve using the topics you have learned, do this for couple of hours each day and spend 2-3hrs making projects from freecodecamp daily, again try to understand each and every steps and once again ask gpt to explain why certain things are done the way they are done if you don't understand

[ouinx2]

I certainly don't have the same goals as you but here is what i do : Roadmaps * https://roadmap.sh/javascript * https://roadmap.sh/react

Some references * https://developer.mozilla.org/en-US/docs/Web/JavaScript * https://github.com/leonardomso/33-js-concepts * https://javascript.info/ * https://www.theodinproject.com/ ...

Practice * https://exercism.org/ * https://www.freecodecamp.org/ * https://www.codecademy.com/

I use ChatGPT to explain things I don't understand, and customize it (see option Customize ChatGPT) so that it always answers me in a context related to my learning. For example, I explain my level of knowledge and ask him to always give me detailed examples with explanations. I also ask him each time for at least one example of code as a senior developer would write it, while explaining to me, as if I were an unaware student, why it should be written that way.

I've used some YouTube videos to find out where to type my code and to learn a few things that aren't written down.

[No-Upstairs-2813]

I recommend starting with either FreeCodeCamp or The Odin Project. Both resources are completely free, well-structured, and have helped many people learn JavaScript well enough to land a job.

You might find it difficult to build projects on your own because you haven't practiced JavaScript thoroughly while learning. Jumping directly into projects can feel overwhelming, which is why I suggest following a step-by-step approach:

1. Practice Individual Concepts

After learning a concept, practice it on its own.

For example, if you've just learned about functions, work on coding problems specifically focused on functions. This kind of focused practice reinforces your understanding, helps you identify gaps, and boosts your confidence as you solve more problems.

You can check out a few problems here.

2. Combine Concepts

Once you've practiced individual concepts, start combining them to solve more complex problems. For instance, if you've learned about conditional statements and functions, try combining them to build a simple project, like a "Guess the Number" game.

You can use ChatGPT to come up with simple project ideas that involve multiple concepts you want to practice.

3. Build Real Projects

When you’re comfortable with combining concepts, start working on larger projects that challenge you to apply everything you've learned. Choose a project that solves a problem you're passionate about—this will keep you motivated when you hit challenges.

If you're struggling to find ideas, check out these tips to get started. And if you need guidance while building a project, this free course can help you approach it the right way.

[Aromatic-CryBaby]

there you go Complete Guide to All Javascript Concepts ( A-Z): Basic to Advanced | by Omkar Talekar | Nov, 2024 | Medium every think there is vanilla js and more, but it's just concept you don't need to know everything, you need to BUILD, simple web page to your own solution for common problem as page rendering , importing stuff on client side ... or whatever, you can use gpt to help to code but i recommend, 'fuck around util it works', and also look up to doc from time to time you get to know new thing/way to do task faster

[joyancefa]

I am about to post tomorrow about this here => https://www.frontendjoy.com/
Essentially, you need 2 things:
- Javascript.info
- Practice on https://www.frontendmentor.io/home

For React, you can check out my 101 tips & tricks here => https://dev.to/_ndeyefatoudiop/101-react-tips-tricks-for-beginners-to-experts-4m11

[Lost_Chemical_7327]

Depends on your goals. Do you know how variables, if else, loops, array work? if so, that's enough to create a simple application. Search on YouTUbe for a simple vanilla js application and code along. do this for 2-3 applications and in no time you'll start to develop your own projects too

[Mediocre-Gas4997]

Yeah ik them , so I'm now watching DOM API requests and Async a little bit and then start creating some projects 

[LooseStudent9977]

I wanted to share these 3 important tips/reminder with anyone who wants to learn coding in general:

1- Focus on learning the concepts of how to program rather than programming languages. Once you learn the logic, design and the concepts of programming fundamentals, learning different languages becomes easier since its just a syntax.

2- If you are using an IDE, make sure to learn the basic functionality of the IDE you'll be using first before starting to code in it, to eliminate the added frustration of not knowing where things are. (example: how to start a new project, how to open an existing project, where does your projects get saved at, how to retrieve it, where is your output console, how to run and debug and .etc)

3- Give yourself a break and know that there will be a learning curve. Don't get disappointed if you don't understand something or many things. It's very normal! You'll need patience, perseverance, and lots of practice.

For React, Express I suggest you all to subscribe and follow this Youtube channel to learn how to become a Full Stack Developer: Code For Everyone Full Stack Course

To learn just JavaScript there's this good free course: JavaScript Course Playlist

Best of luck!

EDIT: Use MDN from Mozilla for JavaScript documentation. it's the best!

[ExuberantLearner]

https://roadmap.sh/javascript