r/learnjavascript • u/UnitedAirport5964 • 4d ago
JavaScript basic learning
Does anybody now where to learn the basic of JS? Just got into the coding life, I already know a little bit of python but I want to learn JavaScript to make websites
8
u/IAmTheRedditBot 4d ago
This site is your best JavaScript friend: https://javascript.info/
Also do NOT listen to people posting these "Just ask ChatGPT" crap, you have every right to post here regardless of what you COULD have done or how useful AI is, just ignore them.
2
u/UnitedAirport5964 4d ago
THANK YOU SO MUCH, I hope I get to know it better soon, idk even how to code "Hello, World!" on JS
5
u/FreeLogicGate 4d ago
The Odin Project: https://www.theodinproject.com/
Free
Multiple Tracks
Curriculum created by actual working developers
Start with the Foundations Track. The reason for this, is that javascript in a web development environment is not going to make sense without a solid html/css foundation. These days you also want/need an IDE for efficiency/competence and an understanding of source control with Git.
2
1
u/Longjumping-Ad7502 15h ago
Can I skip around the lessons? I already learned html and css. I do want to learn git better and JavaScript but I really don't want to have to start from 0
1
u/FreeLogicGate 14h ago
Certainly -- I would suggest you scan through the lessons as a refresher, and to insure you actually know what you think you do. It's often the case that you might have learned some part of a topic, and as you are quickly going through the lesson, find that there is something unfamiliar in the courseware which prompts you to take a 2nd look, and either learn something valuable you or the course glossed over, or that you misunderstood.
At the end of the day, all self guided learning is only as effective as your commitment to it. If you truly know the material, then scanning through it and clicking next should take little to no time. I will say, just looking at it, that as an example, the css section has a concentration on flexbox, but no mention of grid. Why that is, I don't know, but clearly it's not an exhaustive investigation of css.
1
u/Longjumping-Ad7502 14h ago
That's a fair point. Besides I noticed I learn css and html best by making projects rather than studying course material so it's entirely possible I haven't learned everything. I'm noticing for JavaScript I may need a different approach and it surely won't hurt to double check my current knowledge of CSS and html as well.
1
u/FreeLogicGate 13h ago
Yes, that, and the way you have applied and structured your html/css makes a difference. For example, CSS has a number of frameworks that are popular. There are also css pre-processors like less/sass (although newer css features have made this less important than it used to be). There are some really good reasons to apply BEM. The overall organization of a project, and conventions and the way everything fits together is often the difference between a maintainable project and spaghetti. So you want to make sure you understand what the course expects you to understand.
1
u/Longjumping-Ad7502 12h ago
Right. I have been very specific about following professional code format, however I don't know the technical names of any of it. I've also been trying to learn how to optimize for SEO and accessibility like page readers. Now that you are mentioning these terms I think I'll go research them individually to make sure I understand.
1
u/FreeLogicGate 12h ago
Really forward thinking strategy on your part to look into accessibility early on, and make that a goal. The other important fundamental concept is to design for "responsiveness" so your site will work well for mobile devices, which are now the majority of clients. This is where most of the css frameworks started (twitter bootstrap, etc), with many starting out philosophically as being "mobile first", emphasizing that css designs don't leave mobile users as an after thought, or as was done not too long ago, as entirely different sites delivered based on the server performing agent identification. Rolling some of your own responsiveness, is another place where employing BEM has paid dividends in projects I've worked on.
1
u/Longjumping-Ad7502 12h ago
Right don't even get me started on that 😭💀 for some reason it was so difficult for me to get done how to make things work on mobile. Mostly it just took a long time for me to figure out where I should use px vs rem vs vh vs em and whatnot. I'm still not entirely sure about it but I figure as long as it looks right on various screen sizes it's ok. Grids are actually my favorite thing when it comes to making the layout look good on mobile. I just recently adopted the mobile first thought process myself because I found it was easier to plan for mobile first than try and fix it all later.
1
u/FreeLogicGate 10h ago
It's good that you've picked up on some of these issues already. So much material out there teaches people techniques that professionals don't use for good reason. The general answer is to always use rem units or in a few selective cases use em. I have certainly had to learn a lot of these things the hard way over the years, and made many mistakes.
1
u/Longjumping-Ad7502 10h ago
Yeah thank you for sharing so that we do not repeat your mistakes haha. My first big project I used percentages EVERYWHERE because I thought that was the solution to mobile layout and I hadn't yet heard of rem or em haha. I eventually ran into a bug that was taking me a while to figure out so I sent a picture to Claude and found out it was a percentage that was screwing up the whole thing with a flex box I think. I don't remember exactly but I learned my lesson.
2
u/EcstaticIce2 4d ago
If tutorial then There are two videos by Traversy Media, they're good. One is short and another one is 12hr long
2
2
2
u/No-Humor-3808 3d ago
If you already know Python and can solve katas, a great way to practise JavaScript is to solve katas in both languages. Take a look at reactchallenges.com/katas
1
u/MECH_Orzel 3d ago
Read the documentation, and have chat gpt guide you through some easy projects. Specify you want it to teach and not just give answers. I have learned a lot this way and I am much more confident than I ever was before!
1
u/PicomPixel 2d ago
Un cours payant m je recommande très fortement jonas schmedtmann js course cherche sur google
1
u/Far_Hospital4685 19h ago
Jet brains is alright for free. I am sure there are better alternatives,but this is ok
2
u/No-Razzmatazz7197 4d ago
youtube, w3 schools, MDN docs (https://developer.mozilla.org/en-US/), and AI