All Articles

The Guaranteed Fastest Way to Break into Web Development

Goku learning React

Do lots of projects.

367ei5

I’m not kidding, it’s really that simple. If you’ve internalized this, stop reading and go work.

Projects Everywhere

  • When you get the job, you’ll do projects.

  • When you find a better job, you’ll lead projects.

  • When you open that multi-million dollar consulting company you’re dreaming of, you’ll run many projects.

So to become a distinguished developer you must—say it with me now—do lots of projects!

367etb-1

What About Books and Courses?

In theory, they’re great.

harold-bought-another-udemy-course-1

But in reality, they can be a brilliant source of procrastination.

harold-wont-finish-his-course-3

Of all your learning material, how much did you finish? Even better, how much of it directly impacted your career?

Little to none? Trust me I’ve been there. My own physical and virtual libraries are packed with the same dusty volumes.

your-books-arent-helping

It’s because we’re doing it backwards.

just-do-a-project

Use Them as References

First tackle a problem or interesting idea, then maybe buy something. Because without action, books and courses are just interesting information.

You’ll sound very smart, but you won’t be very useful.

In the context of a project, however, all of that information is invaluable to better understanding your problem space.

This is better

I love books! I’m not saying “Don’t read”.

I’m saying find a project that intimidates you a little. Try to complete it, then use your material as a reference when you inevitably get stuck.

Do this and watch your gains fly to the moon.

When you add a project to your portfolio

I’m New to Web Development, Where Do I Start?

I can’t emphasize this enough–pick a project!

Pick any project

After that, the process is simple:

  • Learn just enough to move forward
  • Get stuck
  • Learn just enough to move forward

Over and over again.

It’s maddeningly simple, that’s why hardly anyone does it. We look for a grand, overly-complex system that’ll “drive us to success”, while ignoring this timeless principle…

Find something you can’t do, and figure out how to do it. Whatever it takes.

The Ultimate Beginner Project

TodoMVC

In my opinion, TodoMVC is the ultimate beginner project. It’s conceptually simple, yet has an interesting design and nice amount of functionality.

  1. Add todos
  2. Edit todos by double-clicking
  3. Delete todos
  4. Check/Uncheck todos
  5. Filters for complete/active todos
  6. Counts how many todos are left
  7. Todos are saved to LocalStorage

Code a pixel-perfect copy in HTML/CSS, then implement the functionality in JavaScript.

TodoMVC in action

Do whatever it takes to get this done. If you buy a book or course, it’s specifically to complete TodoMVC.

You shouldn’t need any though. Google and FreeCodeCamp are perfect resources, and their total cost is $0.

As a professional web developer, I’ve personally used TodoMVC to…

  • Sharpen my HTML, CSS, and JavaScript skills.
  • Learn React two weeks before starting my role as a Lead React developer.
  • Acquaint myself with a whole new programming language.

Wherever you are, whatever you’re learning, TodoMVC is the perfect introductory project.

After that, pick something new or even a harder version TodoMVC.

  • Allow users to sign in with GitHub
  • Save users’ todos in a database
  • Show them next time they log in
  • Fall back to LocalStorage if they don’t want to sign in

The complexity can scale almost indefinitely. If you hate todo lists for whatever reason, fine. My advice still stands—pick a project.

What About Resume, GitHub, etc?

These are your finishing touches.

First lay a strong foundation of quality projects, then feature them everywhere–on your GitHub, Resume, LinkedIn, personal website.

For extra credit, learn to use Git/GitHub as you’re doing the project. The workflow will eventually feel comfortable, and you’ll be simulating a work environment much closer.

Whether it’s open source, a meetup, or by yourself, just do lots of projects.

Thanks for reading

For more content like this, check out https://yazeedb.com! And please let me know what else you’d like to see! My DMs are open on Twitter.

Until next time!