There are very few resources required to get started with building web pages, and presumably, you already have them installed on your computer. However, since we want to get to know this stuff bell, book, and candle, here’s just a couple of things you’ll need:
It is obvious that a browser is required to view how your application behaves in the real world. The more important point to remember here is in relation to browser compatibility. Throughout this series we will try to learn to write code that is compliant with web standards. Web standards became a talking point in the world of web development after the browser wars of the 1990s between Netscape and Microsoft. During this time, in an attempt to upstage the other, each of these browser vendors introduced feature after feature which the other one did not have. The web developers bore the brunt of this rivalry as they now had to write separate code for each browser, which is quite a taxing task. Web standards were introduced to eliminate these discrepancies. Presently, you do not have to know what each of the standards are, suffice it to know that we will be adhering to them throughout this series. To cut a long story short, what I’m telling you is, if you are an Intenret Explorer user, beware.It has been the death of many a developer due to its failure to get on board the web standards bandwagon. Anything but IE should work just fine.
- Text Editor
The humble Notepad or TextEdit is all you need on Windows or Mac respectively. These are programs that come with the OS and will suffice for any basic coding work. However, the use of text editors that are a tad bit advanced is strongly advised. Notepad++ and Text Wrangler are two softwares that are widely preferred. The application that takes the cake in this category, however, is Sublime Text.Its gorgeous interface and code completion abilities are just a couple of its many amazing features.
So all you need to do is open a new notepad, type in your HTML code and save it as as a .html file. The file icon will then become that of your default browser. Double click on it to view your webpage in the browser.
There are a number of other handy little implements that should be in every developers toolbox. We will get to know them as we go along. So for now, that’s it! We’ve covered everything you need to be on your way to building websites. In the next lesson, we finally get our hands dirty writing some actual code.