JavaScript Roadmap: THE ULTIMATE GUIDE
Some good places to start learning:
Awesome Frontend Dev Course → imp.i384100.net/5gv519
Cheaper Frontend Dev Course → click.linksynergy.com/deeplin...
*Disclosure: Please assume that most links I share are affiliate links. I may receive a commission for qualifying purchases.
MORE GOOD COURSES
Python Course → imp.i384100.net/LXMKoZ
Data Structures Course → imp.i384100.net/anMOYZ
Code Interview Prep → imp.i384100.net/MmMAjK
A modern JavaScript learning path for new frontend developers. These are the core JavaScript concepts that beginners need to know if they want to get a job building JavaScript web applications. I've intentionally left out a lot of the more obscure and seldom used concepts. There's already enough to learn without getting lost in the weeds. One of my mistakes as a beginner was reading several JavaScript books cover to cover. I wasted a lot of time when I should have focused on learning the core principles of web development.
React.js Roadmap: • ReactJs Learning Guide
Here are the things I wish I knew when first learning frontend web development: • Learn Web Development ...
0:00 Best JavaScript Learning Path for Beginners
1:20 JavaScript Variables
2:20 JavaScript Data Types & Data Structurs
5:33 Instance and Static Methods
7:15 JavaScript Data Flow and Looping
8:42 Common JavaScript Operators
9:59 Major Mistake New Programmers Make
11:01 More JavaScript Operators
12:23 Synchronous and Asynchronous JavaScript
13:39 DOM Web Apis & Global Window Object
14:58 Imports, Exports, JavaScript Modules, Class Objects
Affiliate Links
📖 How to crush code interviews → amzn.to/3JGRHWZ
📖 Learn React.js → amzn.to/3mSA6lV
⌨️ Favorite keyboard for programming → amzn.to/3mIGHzd
💻 Favorite laptop for frontend development → amzn.to/3YP0iuY
🖥 Other stuff I use as a programmer → jamescrossjr.com/programming/...
📷 Gear I use for making KZread Videos: jamescrossjr.com/youtube/gear
💰 VidIQ → Tool I used to grow my channel faster: vidiq.com/jamescross
Disclosure → How I make money with affiliate / paid links: jamescrossjr.com/affiliate-di... For example, As an Amazon Associate I earn from qualifying purchases.
Пікірлер: 215
React roadmap: kzread.info/dash/bejne/k5-J0tGHfauzeNo.html and here are the things I wish I knew when first learning frontend web development: kzread.info/dash/bejne/maCbz8Ove7rNY7w.html and how much youtube pays software development youtubers: kzread.info/dash/bejne/g32A2s-DoKucp7A.html
@gamingdork3681
2 жыл бұрын
@devsmak is it compulsory for me to work on Linux as a front end dev or can I use something like VS code editor to on windows to solve industry level problems ? cause so far VS has been successful in doing all the linux terminal related jobs like downloading react.js, sass extensions and babel as well
@jamescross
2 жыл бұрын
@@gamingdork3681 i sometimes tease in my videos. i prefer mac but i learned on a windows laptop and did just fine for the first year and a half. use what you have and don't overthink it.
@gamingdork3681
2 жыл бұрын
@@jamescross And also can you make react.js and git road map it will be of great help thanks in advance
@gloomboyyt1791
2 жыл бұрын
wow thank for the video bro, i really needed this 👍
Perfect timing. I just started to learn JS. Love how you talk about the actual codes rather than just theory/mindset/experiences like every other channel. Please make that React roadmap too!
@jamescross
2 жыл бұрын
Great to hear!
I’m getting excited to get stuck in to JS because I started with Python (and a tiny bit of C++) before deciding on front end, so things like arrays, if/else/elif statements and for/while loops etc are already familiar to me. Just finishing up some learning on CSS (mostly grid) and I should be ready! Aiming to land a job by November and ditch the steel toe capped boots for good!
@jamescross
2 жыл бұрын
Best of luck! Fortunately, a lot of concepts transfer across programming languages.
@hailex2045
Жыл бұрын
how're you doin there man?
@boratsagdiyev522
Жыл бұрын
Where did u learn javascript?
@meozdemir90
Жыл бұрын
It is December, how is it goin?
@siriusplayz5871
Жыл бұрын
@@boratsagdiyev522 You can learn JavaScript from a number online resources and websites, Just to name a few: 1: Freecodecamp... they also have a youtube channel as well. 2: W3schools 3: MDN is also a great source of Documentation 4: Codeacademy 5: Pluralsight and finally GREAT youtubers like "James Cross" who help us along the way to make sure we meet our programming goals. These are our heroes.
I just Started Learning Javascript Frameworks. This Roadmap with Sequences was very helpful and Informative Thank you. Keep the Great Content Coming. I had To watch Three Times over to really Grasp all the Concepts but all in all Straightforward.
@jamescross
2 ай бұрын
Glad it was helpful!
Subbed. I know around 60% of the things covered here. The hidden value is that hearing you explain helps me improve at communicating concepts. Most of my learning is pretty isolated, so it’s hard to practice communication in my environment. Thanks again!!
@jamescross
Жыл бұрын
Awesome, thanks for the feedback!
As a completely new web dev'er, your "roadmap" videos have been super helpful in directing my studies, and time. If you haven't already got one planned, a React roadmap video would be fantastic also 😊
@jamescross
2 жыл бұрын
Thanks! Working on it. It should be one of the next two videos to come out.
Thanks for this. I am switching careers laterin life and just started learning JS. This helped. Please do a video on best methods/ways to learn JS if you can.
@jamescross
2 жыл бұрын
Great suggestion!
@wraith8323
2 жыл бұрын
Seconded, forever greatful 🤗
@aminuibrahim7145
Жыл бұрын
Yeah I've searched all his videos for a way to learn JS, I'm a beginner either.
This is beautiful. Distilling a massive topic down to its essentials. I love your style of explaining things. A react roadmap of this type would be beyond helpful and appreciated!!
@jamescross
2 жыл бұрын
Thank you! Will do!
This channel is definitely slept on, you deserve more subs. Thanks for the video! 🙏
@jamescross
2 жыл бұрын
Glad you think so!
Thanks for this! I just started learning JavaScript a few weeks ago so this definitely helps alot. A React Roadmap video would be pretty awesome too
@jamescross
2 жыл бұрын
Sure thing!
Great video probably one the best videos I have seen in a short amount of time can't beat 16 mins of gold. Great job
@jamescross
2 жыл бұрын
Glad you enjoyed it
This is the one I was waiting for! Thank you
@jamescross
2 жыл бұрын
you're welcome
Worked for me thank you!❤️
Absolute legend. Nice one
I spent 2 hours copyng and searching for all you show here. Thanks
I’ve been subbed to you for a while, and watched and rewatched videos of yours. I just want to thank you for the no fluff no nonsense videos. I really appreciate you, and you’ve helped so much in my start of coding. First time I watched some of your videos I had no clue what you were talking about. Revisited and have more of an idea. I’m now into the JavaScript portion of my journey from html and css with some c, scratch thrown in from cs50, and I always find my self coming back to your vids as a beacon of hope, so thank you so much!!!! I would love the react roadmap, and there isn’t a day that goes by that I don’t think about your angular boomer basement comment….even though I don’t know why that’s true yet. 😂
@jamescross
2 жыл бұрын
thanks for the feedback! reat video just came out today. the boomer joke was more a joke about me since i learned living in my mother-in-laws basement. :)
Wow i actually have learned quite a bit of the stuff you’ve mentioned. I feel more confident about my js skills now lol
@jamescross
2 жыл бұрын
that's great! it's quite common to have the sheer amount of stuff to learn overshadow our view of how far we've actually come.
This was very helpfull, thank you.
Been watching a lot of your content lately. Great stuff! I'm currently learning html in depth, then on to css, then Javascript. Trying to make a career change within a year, you content has been very helpful in giving me a rough road map to follow. Ever thought of making a video series where you choose to mentor a aspire dev from 0 to his first job? Lol keep up the good work man!
@jamescross
2 жыл бұрын
Glad you are finding it useful. That's an interesting series I idea. I'll keep it in mind in case my schedule opens up more down the road. Right now, it's a challenge just to get these videos out and juggle my kids' schedules.
@hollow5569
2 жыл бұрын
Oh yeah I have 3 boys all in sports I get that. Cheers!
@mannyN54
2 жыл бұрын
That's awesome man. I'm on the same boat, i'm on JS right now and it's really fun even though sometimes you get stuck and it feels like you'll never figure it. Whenever that happens I take a breather then come back to it and that usually does the trick. Anyways good luck on your journey 👍
@jamescross
2 жыл бұрын
Great to take breathers and clear the mind. Still have to do that with some bugs. Good advice!
@boratsagdiyev522
Жыл бұрын
@@mannyN54 does it matter which language to learn first? I've dived straight into javascript instead of html or css.
I like to see a person who enjoys Javascript. I'm following many people who are hating on it big time but I for one want to master JS because it really excites me, I kind of get it but very slowly 🤣
@jamescross
2 жыл бұрын
It's easy to hear the haters. Truth is there are lots of people who like it. Just go to a JavaScript conference. There are pros and cons of each language. It comes down to choosing what's right for your task.
@redone2728
2 жыл бұрын
@@jamescross there are always pros and cons, couldn't agree more. But JS really clicks for me. I hope I find a press conference nearby me, one day. Thanks for a valuable suggestion 🙏
we need react absolutely
@jamescross
2 жыл бұрын
will do.
super dope... thanks
Yes. We need react roadmap
@jamescross
2 жыл бұрын
will do
I would love to see a react road map, I am starting my journey as a developer and JavaScript and react are what I will be working with.
@jamescross
2 жыл бұрын
noted
I am just now finally feeling more comfortable with JS. I've used C# for a long time, but JS always made me upset, haha. It just felt too loose. Typescript helped me get comfortable with JS. Now I'm moving into vanilla JS. Kinda backwards approach, but now that I see how much JS has improved in recent years I'm excited to jump on board and finally learn this flexible language
@jamescross
Жыл бұрын
It has changed a lot that's for sure.
@ewwitsantonio
Жыл бұрын
@@jamescross definitely! And I forgot to say, great video! This is an excellent overview. I'll share it with our students
great roadmap, I know most of these topics, that react roadmap is a great timing for me!
@jamescross
2 жыл бұрын
Great to hear!
Please make a Javascript bootcamp. I'm switching careers. Being in Finance is not longer safe. I love your videos man
@jamescross
2 жыл бұрын
thanks
Amazing video 🎉 thank you very much 😊
@jamescross
Жыл бұрын
My pleasure 😊
Amazing video - would love to see a React one too as well as a React Native after that! (or combined) as that's my intended route! Thanks again
@jamescross
2 жыл бұрын
noted
Man I'm so happy that after just 2 weeks of JavaScript lessons on my own pace, I understood first 15 out of 17 mins of this videos clearly and perfectly. I watched this video a month ago and didn't understand a word, what's a DOM, what's conditionals, Objects, methods bla bla... Now after a few JavaScript practice projects, moving on to Node.js next week. I'm proud of myself today! :)
@KnottyKnights
11 ай бұрын
What did you start with? as this might as well be in Russian right now.
🗺Thanks for pointing the way
Thank you for this, we need a react roadmap.
@jamescross
2 жыл бұрын
my pleasure!
This gives me hope. I am doing a course at the moment and I understand almost all of those concepts in theory. I am just worried to put all this knowledge into real projects. But at least a good start I guess!
@jamescross
2 жыл бұрын
that's great! real projects is where it all comes together. the sooner you get into the better.
Thanks for the video. Do you think it's necessary to learn data structure and algorithms for a front-end dev, especially in js? I'm pretty confused by many youtube videos about software developer interviews with this type of question
@jamescross
2 жыл бұрын
Yes. We use data structures all the time. Algorithm is just another way of saying instructions which we code all the time. Often algorithms is thrown around to describe efficient solutions to more complex problems. Unfortunately, this does come up in interviews. If I had to choose between memorizing algorithms and refining my skills building applications, I would build applications. Build a portfolio. Not every interview will be heavy into algorithms, but you will be expected to do the job they are hiring for.
This is gold.
Im having difficulty. Loading JV on Live server first worked an now its stopped working. Changed src script, moved the src scripts instead of the head section of the html file. went to settings an changed port 5500 to 0. Copied the file path. An some time, says uncaught unexpected token. Any tips to fix this?
looking forward for Reactjs roadmap
definitely 100% make a react roadmap!
@jamescross
2 жыл бұрын
noted
Hi Devsmak. Hope you’re well. Another great video! I was just wondering if you could consider making a video on how you learnt to code, as in how you studied, any methodologies on retaining information and tips for people to soak in the information they’re learning etc.
@jamescross
2 жыл бұрын
Great suggestion! Added it to my list.
Timing is on point just went through html and css today.
@46fut
2 жыл бұрын
Yes to React!
@jamescross
2 жыл бұрын
nice!
I like the arcade style background music
Thank you for this
@jamescross
2 жыл бұрын
My pleasure!
yes, react plz😆 great vid, i was lost doing a lot of stuff and with no direction and you helped me a lot. thx
@jamescross
2 жыл бұрын
Will do! yw.
I would definitely watch React Roadmap, especially I started learning it week ago
@jamescross
2 жыл бұрын
Noted!
LOOOL YESSSSSSSS TNice tutorialS COMNT IS FELTTTTT
Please, Yes to a React roadmap
@jamescross
2 жыл бұрын
will do. thanks.
Wow, I was waiting for this, thanks Devsmak, please do React for the next video
@jamescross
2 жыл бұрын
Sure thing!
Worked, thx
@jamescross
Жыл бұрын
Good to hear
Thanks for the video, will you be releasing a PDF of this information in the future?
@jamescross
2 жыл бұрын
I've added it to my list.
Thank you man
@jamescross
2 жыл бұрын
you're welcome
this was really good...
@jamescross
2 жыл бұрын
thanks!
Great video
@jamescross
2 жыл бұрын
Glad you enjoyed it
Thank you sir, it was useful
@jamescross
2 жыл бұрын
You are welcome
In your opinion, is any one text editor better than the other when it comes to front end dev? Sublime Text, Visual Studio Code, Textmate etc.
@jamescross
2 жыл бұрын
a lot comes down to personal preference. i like visual studio code of the free ones. i use intellij at work, but it's expensive and my company is paying for it.
Thanks 🙏🙏
@jamescross
2 жыл бұрын
You’re welcome 😊
Great video. React roadmap, indeed.
@jamescross
2 жыл бұрын
Thanks! Will do!
Maybe it is just me but it would be great if u would make a cheat sheet as pdf!?
@jamescross
2 жыл бұрын
great idea.
do a video about react! you explain things very easy!
@jamescross
2 жыл бұрын
kzread.info/dash/bejne/k5-J0tGHfauzeNo.html
Hi, i need a freelance programming job in order to gain work experience, any entry-level jobs for me that require no work experience?
Learning concepts isn't too hard. But retaining the information can be much harder. Do you have any suggestions for the best ways to retain what we learn? Thanks. My guess is doing projects and stuff like codewars, maybe leetcode...
@jamescross
Жыл бұрын
Yeah, building stuff is where it starts to sink in because you get a feel for the most useful stuff. It can be helpful to come up with a couple of code snippets using something you just learned even if not ready for a project that way you apply what you just learned to something similar to the tutorial but different enough that it's not just a copy and paste. That helped me anyways.
@brandoncbh
Жыл бұрын
@@jamescross thanks for the tips!
these vids cheers g
Hi, do I need algoritms in normal every day coding in company ? Like I mean and I think about BST or graphs Or AVL RBT etc? Like these things have Not been implemented yet? Or is these thing even usefull ?
@jamescross
2 жыл бұрын
By definition you use algorithms everyday. As for those taught to solve harder problems, totally depends on what you work on. Some areas not so much, if you are doing a lot of data intelligence stuff, then you'll do more of it. A lot of programming languages have builtin utilities to handle a lot of the common ones.
@sebuszqo3239
2 жыл бұрын
@@jamescross yeah, I know what word algorithm means, but that’s why I asked about these 4 „types” of algorithms/DS.
@jamescross
2 жыл бұрын
Hard to know how much people do or don't know. Hope I didn't offend you as that wasn't my intention. Have those been used on projects I have worked on? Yes. Everyday, no. What happens is when there is a need for something like that, you typically use a builtin function, or if that's not available or good enough then you pull in a package that has optimized things and if that won't work for your needs then you write something. When you write something, if possible you write it so that it is reusable within the project so that there aren't a bunch of implementations everywhere. You might have to occasionally enhance it, but in most areas it's not like you have to write a new tree algo everyday. Most people's search requirements aren't as intense as Google Search because of the cost / rewards of investing that heavy into search. If however, you were working some of the Google Search algorithms, then you might be working on this stuff all the time. You might have one team doing a fair amount of this and the rest of the teams work on other stuff.
@sebuszqo3239
2 жыл бұрын
@@jamescross yeah, sure, Thanks a lot, no you didn’t offend me, idk Why you had thought that you had. So basically, everything depends, I’m asking cuz, I’m the first year student, And we have some algorithms And DS, and i get most of the concepts, but problem is when it comes to implement something with it (hackerrank etc.) it can rile up. And I intend to be a „software” engineer, idk What exacly I want to do. However my question was caused becouse of my thinking that without it Or because I dont know how to implement these things I should Not be trying to become dev. Cuz these things are needed in everyday life of dev And without them I cannot be one. Thanks again for your answers.
@jamescross
2 жыл бұрын
@@sebuszqo3239 You will likely encounter interviews that have hackerrank type questions so thinking through how to solve those will help not just in interviews but in writing code in general. I lot of CS grads I've worked with have mentioned forgetting tons of the algo implementations they learned in school. Even if that happens, you have an advantage because you may not remember the implementation, but you'll know the algo exists and what to look up.
crystal clear is a nice drink
Hey did you will be do some content like crash courses with htm;l5 css3 , I know question is not relevant to the topic but , I start follow and am so much impressive with you channel and how you talk about programming and all aspect of front end developing cheers and hope you create more superb content like do now , thx Lucas beginner in Front End
@jamescross
2 жыл бұрын
will add it to my ideas list
Great video. After learning the basics. What's next?
@jamescross
2 жыл бұрын
I have several videos talking about different parts of the journey along with my own experiences. Once you've had a chance to check them out, I'm happy to answer any specific questions you have.
@GuitarHope
2 жыл бұрын
@@jamescross thank you so much for sharing such priceless knowledge.
What if I learn this all would I be than a web developer ? Else how long would it me to learn this all from scratch as a noob
@jamescross
2 жыл бұрын
javascript is just one of the things you need to learn for frontend. I have another video that is a frontend developer roadmap that gives a higher level overview. There's also the backend if that's more your thing. How long it takes comes down to the amount of quality time you can put in and your aptitude for learning and doing.
Did you make that react roadmap!?…. We want it!
@jamescross
2 жыл бұрын
Working on it. Those take a little more time to make. It should be one of the next two videos I release.
@therealp7667
2 жыл бұрын
@@jamescross Awesome! Thats understandable. Love the content, man! Appreciate all you do.
Hi. I'm teaching myself frontend development. I live in Canada but I hate the cold weather. Could you please make a video on how people like me could find jobs in the US preferably (L.A and the bay area)?
@dreamz808
2 жыл бұрын
First step, move there
@ibrahimibrahim-ih3se
2 жыл бұрын
since you live in canada i think as long as you are good enough it should'nt be that hard you can do it
@jamescross
2 жыл бұрын
that would be an interesting video. i just don't have experience doing it so it would be speculative on my part.
Do you think regular expression are important to learn for frontend ?
@jamescross
Жыл бұрын
they are useful but not the first thing i would worry about mastering.
DO make the React roadmap too! pleas, thanks for the great content as always!
@jamescross
2 жыл бұрын
Sure thing!
What about ?
@jamescross
2 жыл бұрын
that is good to use.
can you give a mini course in Js ?
React roadmap would be tite. I just started js because i wanted to make my own apps and landing pages for my businesses. Paying someones easier but i like punishment. It seems like js and then react is a good foundation to have. I hope that's right.
@jamescross
2 жыл бұрын
it's a good place to start. if using a single page application setup, be sure to look into server side rendering if you need google to index your pages.
@opsjesse
2 жыл бұрын
@@jamescross thank you!
What courses would you recommend for learning HTML CSS and JavaScript in 2022?
@jamescross
2 жыл бұрын
working on a video for that
is {!variable} the same as {variable !== true} ???? I often use "!..." for boolean.
@thomasmicciche4933
2 жыл бұрын
{!variable} and {variable} is a better practice
@jamescross
2 жыл бұрын
the second is more explicit. the first does a truthy check which comes with gotchas like empty strings being false.
@guichi200
2 жыл бұрын
@@jamescross Thank you
lol just started the JavaScript section in The Odin Project kinda crazy how I was looking for a video like this
@jamescross
2 жыл бұрын
that's a good resource
@Mad1Caster
2 жыл бұрын
@@jamescross I learned about it thanks to one of your videos lol I've been at it for about a month and some change now honestly the longest I've gone with out hitting a wall
@jamescross
2 жыл бұрын
that's great to hear you making good progress!
First like yeaaah
@jamescross
2 жыл бұрын
:)
Would love a React roadmap!
@jamescross
2 жыл бұрын
here you go: kzread.info/dash/bejne/k5-J0tGHfauzeNo.html
React or angular?
@jamescross
2 жыл бұрын
I have a frontend developer roadmap that covers things at a higher level. I personally like both but prefer React.
Did I miss where the road map was? This just seemed like you were listing out all the components that equal JavaScript but nothing about how to learn them in the right order?
keep making these videos
@jamescross
2 жыл бұрын
will do
@eikiolive5419
2 жыл бұрын
@@jamescross would you be able to make a video about what to do after freecodecamp.org and code wars..
@jamescross
2 жыл бұрын
will add that to my list
When someone asks me what laptop I have, I'm simply going to answer with a: "look I'm mostly cool, thinking of becoming cool"
Sir I'd love a React Roamap
@jamescross
Жыл бұрын
kzread.info/dash/bejne/k5-J0tGHfauzeNo.html
React Roadmap please ❤️
Here's an idea. Head First JavaScript does a poor job in explaining the Thing-A-Ma-Jig brain exercise. Maybe you can look through that and explain step by step and strongly advise people try to figure out the steps on their own before watching your video.
@jamescross
2 жыл бұрын
will add that to my list. thanks.
@midknight3350
2 жыл бұрын
@@jamescross If you'd like, I could send in the exercise and solution to you later
isn't "||" meaning "or" instead of "and" ? Am I misunderstood something ? 💻
@jamescross
2 жыл бұрын
will check if i made a typo in my haste. but yeah || is or whereas double && is and.
@guichi200
2 жыл бұрын
@@jamescross Thank you a lot, I wasn't sure, I'm still learning, and I often used the "||" in API call, when you don't receive anything, it's good to use it in the case... ; )
Put defer in script tag
@jamescross
2 жыл бұрын
yup
Can you help to learn
11:07
React please
@jamescross
2 жыл бұрын
sure thing!
im 3 weeks into this... omg,, whatd he say?
@jamescross
2 жыл бұрын
you'll get there
Please with html and css too
@jamescross
2 жыл бұрын
will add to my list. did you happen to watch my frontend developer roadmap video? i go into css quite a bit there.
@shiaabuali2350
2 жыл бұрын
@@jamescross I think yes but will watch it again
React Roadmap please
@jamescross
2 жыл бұрын
will do
@phillipsantillan7904
2 жыл бұрын
@@jamescross Thank you
"else, use windows..." I see, You have chosen death......
Did this mans just say bouillon
@jamescross
2 жыл бұрын
nope. but sounded close to that.
@Speak2Music
2 жыл бұрын
Although weirdly reading this, I remembered that I need to add that to my shopping list. Thanks Stranger =)
@jamescross
2 жыл бұрын
🤣
No technical skill at all I’m already lost 😅
@jamescross
2 жыл бұрын
it's a lot to learn
it! Glad I watched tNice tutorials video, feel like an idiot lmao
@jamescross
Жыл бұрын
It is a lot to learn. That you're on the journey says a lot. Best wishes!