The Ultimate Guide to Learning Full Stack Web Development in 6 months, for $30

The 2019 Guide to Learning Web Development.

Hey everyone! In this article I’m going to show you how to go from knowing little to nothing about Web Development to Junior Full Stack Developer in just .

This article will cover everything you need to know! You’ll first learn the basics of Web Development with an online coding bootcamp (). You’ll follow that up with an advanced bootcamp (). Then, we’ll jump into free tutorials, articles, and documentation where you will reinforce everything you’ve learned in the first two bootcamps. Next, you’ll build a few projects with your new skills and open-source them on GitHub. Finally, we’ll focus on resume creation, interview preparation, and salary negotiation.

Disclosure: I write reviews and receive compensation from the companies whose products I review. All opinions expressed here are my own.

Here’s what you’ll learn if you follow this guide:

#1. The Web Development Bootcamp

First thing’s first — You need to learn the basics and build a solid foundation of web development principles. There are many ways to do this, but in my opinion, this is the and way.

Colt Steele’s Web Development Bootcamp is the single best web development course money can buy. It’s sometimes on sale for $20 or less, and it’s packed with more than 40 hours of on-demand content.

Colt Steele, the instructor, was a lead instructor at a coding bootcamp in San Fransisco before moving to online coding education. This course is the online equivalent of what he taught at his in-person bootcamp.

This course covers all of the web dev basics: SemanticUI, DOM Manipulation, Unix(Command Line) Commands

Once you’ve got the basics down, you’ll explore more advanced topics like: NPM, REST, Database Associations, PassportJS, and Authorization.

Colt not only knows web development, but almost more importantly, he knows how to teach it. He clearly explains tougher concepts and breaks everything down in the easy to handle chunks. Plus, the course revolves around projects, so you learn by building real-world things, not boring reading and test taking.

#2. The Advanced Web Development Bootcamp

Now that you’ve taken the first bootcamp and know how to build full stack web applications, it’s time to take your learning a little deeper. This course builds upon the first by introducing more complex technologies, frameworks, and tools you can use to build beautiful, responsive, web applications.

The Advanced Web Development Bootcamp is designed to take your coding skills to the next level! Don’t worry, this course is also project based. You’ll build 10+ projects and explore dozens of code challenges with solutions to ensure you understand everything!

Here’s what you’ll learn in this course:

  • Build upon your CSS Skills by learning Transitions, Transforms and Animations
  • Dive into a front-end Framework and learn , React-Router, and Redux
  • Enhance your JavaScript skills with , , and , as well asCallbacks, Promises, Generators and Functions
  • Building charts, force graphs and
  • Testing with
  • Building APIs
  • Building Single Page Applications
  • Object Oriented Programming in JavaScript
  • Closures and the keyword ‘this’
  • in JavaScript
  • and
  • Asynchronous Code with JavaScript

This course has nearly 350 lectures and 30 hours of content, you’re going to learn a lot!!

#3. Reinforce your Skills

At this point, you’ve taken two online coding bootcamps and you’re hopefully starting to feel comfortable with your web development skills. You can successfully take a simple idea and build it out beautifully using a Node.js backend, and React on the front-end. Plus, you’re confident in your CSS abilities to style out a mobile first, responsive page.

Now it’s time to continue learning while your new skills. Below is a list of documentation, articles, and tutorials.

Reading these a few months ago probably would’ve made no sense — but with your new skills you can handle them like a champ.

You have to work through every link I’ve provided. Think of these more like starting points.

HTML/CSS

JavaScript

React

Full Stack

Databases

Git

#4. [Optional] Courses

Want to keep learning? Here are some additional courses that I recommend that dive deeper into the subject of your choosing:

#5. Coding Games

Level up your skills in your free time with these fun coding games and challenge websites.

#6. Build Something

Go forth and build something cool! Show off all of the skills you’ve learned and bring an idea from concept to production!

Need some help brainstorming what to build? Here are a few links that should have you thinking in the right direction:

Make sure to open source your project so you can show off everything you’ve learned. The first bootcamp goes into Git and GitHub with great depth, but if you’re still not feeling comfortable with it, you can check out these two links for a little additional motivation and help:

#7. Resume & Portfolio

You’ve learned the skills, now it’s time to make your resume shine and make your portfolio stand out. Here’s a collection of links to help you accomplish that:

*Closing Notes*

You made it to the end of the article… Good luck on your Web Development journey! It’s certainly not going to be easy, but by following this guide, you are one stop closer to accomplishing your goal.

Please consider if you’d like to be added to my once-weekly email list, and don’t forget to follow codeburst on

If this post was helpful, please click the clap 👏 button below a few times to show your support! ⬇⬇

codeburst

Bursts of code to power through your day.

Brandon Morelli

Written by

Creator of @codeburstio — Frequently posting web development tutorials & articles. Follow me on Twitter too: @BrandonMorelli

codeburst

Bursts of code to power through your day. Web Development articles, tutorials, and news.

Brandon Morelli

Written by

Creator of @codeburstio — Frequently posting web development tutorials & articles. Follow me on Twitter too: @BrandonMorelli

codeburst

Bursts of code to power through your day. Web Development articles, tutorials, and news.