The first thing to do before starting any new programming/scripting language is to make sure you have the right tools to edit/compile your project and the best thing about HTML/CSS/JS is that all you need to make something with it is a text editor and all you need to see what it looks like is a web browser, every computer comes with one of each installed below is the pre-installed Text Editor and Web Browser for both Windows and Mac.
- Internet Explorer or Microsoft Edge
- Safari Browser
These are the default applications that can do the job we want but not really help us to do it and that’s not enough when it comes to any kind of programming because after you start whacking out those many lines of code you’ll probably find out that you need to change just a tiny piece of the previous code, trying to find that one or two lines in a huge file of black and white text will most likely make you decide to bin the project or just give up on programming completely, but that’s alright because there are loads of different free and paid text editors that could make it easier to stick to a project and see it through, while everyone has one that makes it easier for them and what works for me might not work for you but I wouldn’t pay for anything just yet because first you’ll want to make sure that you can stick to coding and not give up (like most people) so here’s a few free one’s to get you going.
After you decide what text editor to use the next thing you need to do is get a good web browser because your basic built in browser will work for most things you try doing but then there are things like the canvas element that will only work in a more modern browser and seen as we could be looking at making a game or even just an image editor were going to need that canvas support, so for both Windows and Mac your probably best using Google Chrome and with that and a new text editor you should be all ready to start coding.