Concrete Steps to Get Off the Tutorial Treadmill
Tags: beginners
Published: 2019-07-19 13:07:06

I recently received an email asking how to get off the [tutorial treadmill](https://www.thewebdevcoach.com/blog/2018-12-14-learning-to-code-get-off-the-tutorial-treadmill/):

![An email from a Nigerian student asking how to create their own web development project.](https://www.thewebdevcoach.com/img/screen-shot-2019-07-18-at-11.00.24-pm.png)

My tutorial treadmill blog post was admittedly vague and metaphorical. Here, I’ll construct concrete actions you can take to finally write your very own project.

# Build a Foundation

Do not start out by trying to create the next Facebook. Instead:

Learn the foundational pieces of web development: HTML and CSS. Go to the [freeCodeCamp curriculum](https://learn.freecodecamp.org/) and complete the Responsive Web Design Certification in parallel with the Codecademy [Introduction to HTML](https://www.codecademy.com/learn/learn-html) and [Introduction to CSS](https://www.codecademy.com/learn/learn-css) tutorials. This should take about half a month to a month to complete (assuming you work or go to school in the mornings and devote about an hour a day to learning web development).

# Complete your First Project

You’re now ready for your first project! Go to the freeCodeCamp [Tribute Page project description](https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page) and get started. You will create a tribute page structurally similar to:  <https://codepen.io/freeCodeCamp/full/zNqgVx>.

Please do:

1. Google everything your heart desires! It is NOT cheating to use Google to remind yourself of HTML elements and attributes you may have forgotten. Also use Google to remind yourself of CSS selectors and properties.
2. Ask questions on [Twitter](https://twitter.com/aryanjabbari)  or the [freeCodeCamp forums](https://www.freecodecamp.org/forum/). Socialize with other developers-to-be in the same boat as you. Make some internet friends.
3. Don’t be afraid to ask _why_ suggestions are made one way over another. Asking why is how you’ll learn.
4. Take the code creation step-by-step. Break your vision down into bite-size chunks. Identify the very next step you can take to move towards project completion. For example, start off by figuring out how to create a title. Once you're done with that, render an image and center it. Now, what's next? 🤔

Please **don’t**:

1. Copy the code from the sample project. Everything you’ll learn comes from the struggle and frustration (it _WILL_ be frustrating) of creating something on your own (of course with help from Google).
2. Get intimidated by the forest. Chop the website down tree by tree. This directly corresponds to point number 4 above.

# Find a Peer Review

The learning doesn’t stop just because you finished your project. Find a more senior developer that will review your code. [Twitter](https://twitter.com/aryanjabbari) and the [freeCodeCamp Project Feedback forum](https://www.freecodecamp.org/forum/c/project-feedback) are pretty much perfect places to find peer reviewers. If you’re having trouble finding a peer review, don’t be afraid to shoot me a tweet. I’d be more than happy to help.

# Rinse and Repeat

Congratulations! You’ve finished your first project! Now finish all the [Responsive Web Design projects](https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects) following all the steps above. Once you’re done with them, continue through the rest of the [freeCodeCamp curriculum](https://learn.freecodecamp.org/). Just make sure to avoid the dreaded [tutorial treadmill](https://www.thewebdevcoach.com/blog/2018-12-14-learning-to-code-get-off-the-tutorial-treadmill/)!