Goal: Setup an operating system and basic editor for writing HTML & CSS; install and explore web development browser extensions. Advanced learners have the opportunity to install tools to enhance their web development workflow.
Prerequisites: Introduction to Web Development
Required skills: Basic computer literacy (Windows or OS X)
Total time (core material): 30 minutes
Setup your operating system and its associated built-in text editor:
Set your chosen editor with an appropriate font for coding:
Setup your browsers to make them a useful web development testing environment, harden their security, improve your web sense, learn some keyboard shortcuts, and understand browser development.
- Use Chrome Workspaces
- Harden Your Browser
- Improve Your Web Sense
- Essential Browser Keyboard Shortcuts
- Browser Development
- 4 New Browsers
Intermediate to advanced learners may choose to setup one of the following as their editor:
You will also need to set up an image editor; the most popular in the industry are part of the Adobe Suite:
Advanced learners may also want to choose tools to speed up their development process:
You may also want to set up version control:
Watch the fourth film in Jessica Hische and Russ Maschmeyer’s “Don’t Fear The Internet” series: Don’t Fear The Browser. (Total time: 4 minutes)
Watch Introduction to Text Editors at the Treehouse site (Total time: 6 minutes. Note that watching the full video will require a Treehouse membership).
Read HTML and CSS: Design and Build Websites Creating a Web Page On A PC and Mac (pages 29 - 32).
When You're Done
Once you’re finished setting up your tools and have learnt a little bit about them, you’re ready to start writing HTML, which comes in the next section.
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.