Interested in creating websites? Here are four free resources that can get you rolling in the world of web development.
So you’re looking to learn code, but you’re not sure where to start?
Codecademy gives you hands-on HTML and CSS lessons in an interactive game-like format.
While video tutorials certainly have a place in the world of self-led training, Codecademy will have you creating real code on your own. But don’t worry; each “level” only focuses on one or two concepts. Straightforward instructions and helpful hints are also available to help you complete each project.
A Text Editor
When you’re ready to create some code of your own, you’re going to need a text editor.
Unlike Microsoft Word, a text editor won’t autocorrect everything that looks like a misspelled word. And when you’re working with code, almost everything you type looks like a misspelled word.
If you have a Mac, I recommend using TextWrangler (it’s what I use.)
If you have a PC, I’ve heard great things about NotePad++.
Even experienced web developers need to consult a reference sometimes, so there’s nothing wrong with using W3 Schools while you work.
Bookmark W3 Schools. You’ll be using it a lot.
Google Chrome Developer Tools
Wouldn’t it be great if you could just go to your favorite website and see its code in action?
With Google Chrome Developer Tools, you can do just that (and a lot more.)
Open Chrome and go to a webpage (any webpage will do.) Then, in Chrome’s menu bar, go to View > Developer > Developer Tools. A panel will display the HTML and CSS of that webpage near the bottom of the browser window.
In the Chrome Developer Tools panel, double-click some code and modify it (check out W3 Schools if you need some ideas.) All of your changes will display in the browser in real time.
If you want to get rid of all of your crazy changes and view the webpage the way its developers intended you to see it, just hit the refresh button.