I would like a to have a general workspace where I can create and test what I’m learning in HTML, JS, CSS. Somewhere outside of the CodeAcademy console where I can jot down notes, throw in random lines of code, etc to play around with.
There’s a couple options I’d suggest:
- Replit is an online IDE that’s pretty good → https://replit.com/
- Codecademy has some fairly new, very beginner friendly, workspaces you can edit in →
That said, you can also setup and install something like VSCode and work on projects locally, which is what I’d probably recommend as it’ll give you good practise working independantly on off-site projects to an even greater extent than something online. Paired with something like the live preview extension it can be very powerful (although not as beginner friendly) → https://code.visualstudio.com/.
For note taking, sometimes I just put comments in the code and copy that for my notes. Everyone has their own method of note taking. There’s a discussion here from prior forum post on note taking.
Codecademy also has a template on Notion that lets you organize your notes and resources. I haven’t used it but it does look cool. (It’s free for individuals with limited features.)