Stuck inside? Here are sixteen (free) steps to get started in web development.
2. Watch and Code
Watch this video.
4. More Watch and Code
5. When you get stuck…
Troubleshooting is a huge part of the development process. All developers, regardless of skill level, spend a ton of time debugging their code. Having strategies to turn to when you encounter a bug can save time, help you better learn from your mistakes, and keep frustration at bay. Take a look at this set of troubleshooting strategies and try them out next time you hit a snag.
6. Using Stack Overflow
Stack Overflow is the industry standard for getting help online. The platform allows you to ask and answer questions regarding any development topic imaginable. I highly encourage you to sign up for an account. For more information view the Stack Overflow Tour.
Add Some HTML
7. What is HTML?
HyperText Markup Language’s job is to format information in a way that makes sense when viewed in a web browser. HTML describes the structure and purpose of web content. Read Mozilla’s introduction to HTML.
8. Practice some plain HTML
Complete the Codecademy HTML course.
9. Introduction to the DOM
10. Integrating JS + HTML
Add Some CSS
11. What is CSS?
Read This introduction to CSS.
12. Practice CSS
You will find a great interactive CSS tutorial on Free Code Camp. Complete parts 1-17 of Free Code Camp’s CSS course.
13. CSS Zen Garden
Visit CSS Zen Garden’s website and click the “View all Designs” button to see examples of different CSS styles applied to the same HTML document. Additionally, you can download the source code of each example to view its CSS code. View the CSS code on CSS Zen Garden’s website.
14. More CSS Practice
Complete the remaining sections of Free Code Camp’s CSS course.
15. CSS Approaches
When writing CSS, using a consistent and organized approach is extremely important. Take a look at a couple of CSS methodologies that might help prevent spaghetti code. Take a look at the following CSS methodologies and consider making use of them in your CSS files:
16. Build and deploy a website
Using the skills you learned above:
- Build a website of your choice, such as…
- A portfolio
- A shopping list app
- An interactive resume
- Anything else!
- Follow these directions to deploy your website using Netlify Drop.
The resources above are meant kick-start your experience as a developer. Stay tuned for part two, where I will cover more advanced topics.