Navigate back to the homepage

Concrete Steps to Get Off the Tutorial Treadmill

Aryan Jabbari
July 19th, 2019 · 2 min read

I recently received an email asking how to get off the tutorial treadmill:

An email from a Nigerian student asking how to create their own web development project.

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 and complete the Responsive Web Design Certification in parallel with the Codecademy Introduction to HTML and Introduction to 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 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 or the freeCodeCamp forums. 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 and the freeCodeCamp Project Feedback forum 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 following all the steps above. Once you’re done with them, continue through the rest of the freeCodeCamp curriculum. Just make sure to avoid the dreaded tutorial treadmill!

📧 Join my email list and get notified about new content

Stay updated with all my blog posts and future randomness!

More articles from The WebDev Coach

In Defense of Quincy Larson and freeCodeCamp

In case you missed it, freeCodeCamp News has moved to Medium . Since then, there has been a slight uproar about copyright infringement and…

June 4th, 2019 · 2 min read

Using React Quill with Zeit Next.js

I decided to use React Quill for a Next.js application I am working on. My goal is to add a Medium-like text editor to my application. I…

April 20th, 2019 · 1 min read
© 2018–2019 The WebDev Coach
Link to $https://twitter.com/aryanjabbariLink to $https://www.youtube.com/c/thewebdevcoachLink to $https://github.com/AryanJ-NYCLink to $https://www.linkedin.com/in/aryanjabbari