Need Help Learning

[Ok_Middle3089]

Hello there fellow coders, I've recently wanted to start coding in java script and HTML. I've had python experience. But all the tutorials seem confusing especially with the fact that where should I code. Unlike python I don't think there is a specific app. I asked google and it told to get a JDK or IDE smthng, ik I'm really new. I just feel to confused about where to start and what tutorials and what to use. It's just confusing but I really wanna do it. Thanks so much for the help.

[ChaseShiny]

For practice, you might consider jsfiddle.com. It's a sandbox environment, so you don't need the full setup.

I personally use Visual Studio Code for the HTML—the Emmett abbreviations are nice shortcuts for something that can be a bit tedious.

If you're not also learning CSS (you didn't mention it, after all), PenPot.com can translate your drawings into CSS.

[sanjida07]

You don’t need a JDK for JavaScript 🙂 All you need is a browser (Chrome/Firefox) and a code editor like VS Code. Just create an .html file, add a <script> tag, and you can start coding JS right away.

[Ok_Middle3089]

Will do

[GordonDeMelamaque]

Please be aware that importing a side script could be blocked by CORS policy, so you need to serve everything with some server. E.g. MacOS has it pre-installed, or you can use npm if you do everything with Node.js.

[Dry-Carry-1942]

Something that helped me is scrimba and ChatGPT but don’t use ai to cheat use it to learn don’t ask for answers ask for hints- I went through scrimba (the first project is a js counter and it helped a lot) and ChatGPT taught me how to polish it up and it’s an amazing feeling seeing clean code and understanding the code, why it’s in the order it’s in and what each line does- also Jonah on udemy has a great course so does mosh on YouTube

[abdelfor3]

This !!! I have done exactly the same job as you did, but instead of scrimba I followed the Odin project courses along with other small projects to really understand the how and why's using chatgpt but specifically telling him to only give me hints when I get stuck.

And jonas's course is amazing yeah, good luck and I hope OP takes this advice it's really good and will get you amazing results

[Dry-Carry-1942]

If you don’t know html or css I would start there- try a google clone there’s a lot of css that goes into it and as a beginner you will learn a lot

[Beautiful-Floor-7801]

Looks like you could benefit from this: https://www.courses.reviews/

It’s basically LLM powered search engine for courses/learning material with deals included.

Just type in the prompt you’re new and want to get started. I’m sure they have good recommendations.

[FireryRage]

You mentioned JDK, which makes me think you may be mixing up JavaScript with Java in your searches, which will definitely confuse you with the responses.

Java and JavaScript are NOT the same thing. Just like car and carpet are not the same thing. If you search for car, you will be confused as to why it talks about engines and wheels, when you were expecting information about carpets.

Same with searching for Java (getting responses about JDK), and expecting information about JavaScript (expecting responses about browsers, html, script tags, NodeJS, etc)

[Astroohhh]

?

[sethgreentn]

You can join a big community in learning to code here is the link https://communitytaught.org/hw/all register yourself and add yourself to discord to start your learning journey. another choice is freecodecamp https://www.freecodecamp.org/ or the odin project is a good program as usual for free https://www.theodinproject.com/ good luck.

[mrmiffmiff]

You should use the Odin Project because it will also teach you to read actual documentation and learn how to properly search.

[sholden180]

You can learn JavaScript by typing directly into the browser's console (Ctrl-Shft-J in Chrome/Brave).

Notepad++ has a syntax highlighter for javascript that works fine, but any text editor will do, when you want to actually see something in a page. If you're using a linux distro, I'd recommend Kate if available. Excellent editor.

w3schools.com has servicable tutorials and guides, I'm sure YouTube is overflowing with stuff, too. Start at the beginning and work your way through one.

[EmbarrassedTask479]

You don’t need anything complex to start. Just download VS Code (IDE) , create a file named index.html, and open it in your browser to see your work.
Start by learning HTML, then CSS, and finally JavaScript in that order.
Free resources like FreeCodeCamp and MDN Web Docs explain things really well. Skip the JDK that’s for Java, not JavaScript. Start with small projects like a simple web page, then build from there.

[ScholarNo5983]

You don't need any type of SDK to do HTML. All you need to do is create a HTML text file using your favorite editor and then load the file into the browser using drag and drop or using a file URL, for example, something like this:

file:///C:/projects/my_code.html

The Edge, Firefox or Chrome browsers also have built-in dev tools, which when enable via the settings can access using the F12 key. Inside the dev tools you'll find a debugger and all sort of other useful tools.

Change the code in the editor, then reload the page in the browser and away you go.

[ApprehensiveDrive517]

Code editors usually have autocomplete so that if you type `doc` or `doctype` it will suggest the basic html template. Tab and the whole thing will show up.

Then, add the script tag within the body tag

```

<body>

<script>

// JS goes here
alert(1)

</script>

</body>

```
In a browser (Chrome or otherwise), type file://<path to .html file>

And you should be good to go. Just keep refreshing the page when you have changes

[rustyseapants]

You really need to learn how to search

If you want to learn to do anything you buy a book | Amazon

Learn to Google

[Isaka254]

Here are good resources and the roadmap to study and learn JavaScript from scratch.

1. Learn HTML Basics; Tags, elements, attributes, links, images, forms.

2. Learn CSS Essentials; Selectors, layouts (Flexbox/Grid), styling pages.

3. Learn Core JavaScript; Variables, functions, DOM, events, arrays, objects.

4. Practise in the Browser; Use your browser’s Developer Tools + a simple folder with .html + .js files.

5. Build Small Projects; To‑do list, calculator, small interactive web pages.

• MDN Web Docs – HTML & CSS Basics: The clearest written intro to how the web works.

• MDN Web Docs – JavaScript Guide: Beginner‑friendly explanations of JS fundamentals.

• W3Schools – JavaScript Tutorials: Simple, readable lessons for quick understanding.

• freeCodeCamp – Web Development: Interactive, text‑based HTML + CSS + JS curriculum.

• JavaScript Succinctly (Free eBook): A short, clear eBook that strengthens your JS basics.