/web-development-2020-course-list

A list of Udemy courses from Brad Traversy's Web Development 2020 video

Web Development In 2020 - A Practical Guide Course List

It's that time of year again, and Brad Traversy has released his Web Development roadmap for the upcoming year. It is a fantastic resource that I know we are all thankful for. And being a web developer has never been better, and as shown in the video there are a TON of technologies at our disposal! But, that can also be rather intimidating for newcomers. So I have comprised a list below of the top Udemy courses for each slide as well for other resources, as much as possible, hopefully easing your decision making. Each block of courses are listed in alphabetical order for simplicity's sake.

As Brad mentions in the video, you certainly DO NOT need to learn everything here. He is just providing you with the options of what you CAN learn (and somethings you SHOULD learn - such as HTML, CSS, and JavaScript), and he explains what these technologies are. So, it really is up to you what you want to learn.

Watch the video here

And of course there are other learning platforms besides Udemy, but it's the platform I am personally most familiar with and I think (??) is one of the most popular, so that's what I am going with. So without further ado, let's get learning!

But first, if Udemy's not your jam, no worries! There are plenty of other sites to learn from, some of which I've listed below:

Udemy Alternatives

Tools 1 - The Necessities

Slide 3

Computer & OS

  • Linux
  • MacOS
  • Windows

Text Editors

IDEs

Browser

Design

UI/UX

Now while it is true that once you work on a team/for a company, there is very likely going to be a UI/UX Designer, and you will focus on the development aspect of that project. But having even a bit of experience under your belt and a keen eye for design can be greatly beneficial, especially if you want to work as a Front-End Developer. The course above by Daniel Walter Scott is perfect for just that. He walks you through the entire processing of being a UI/UX Designer, and you get to use Adobe XD, which is a completely free and fantastic wireframing/design tool.

The Building Blocks & Responsive Design

Slide 4 Slide 5

HTML & CSS

CSS

Custom Reusable CSS Components

Slide 6

Sass

CSS Frameworks (Choose One)

Slide 7

Bootstrap

Materialize

Vanilla JavaScript

Slide 8

For Beginners

ES6 Focused

Project Focused

Advanced JavaScript

Tools 2 - Essential Dev Tools

Slide 9

Git/GitHub

NPM

Yarn

Webpack

A Bit of Everything

Front-End Framework & State Management (Choose One)

Slide 13 Slide 15

React

Vue

Angular

Svelte

Slide 14

Svelte

Server-Side Rendering

Slide 16

Next (React)

Nuxt (Vue)

Static Site Generators

Slide 17

Gatsby (React)

Gridsome (Vue)

TypeScript

Slide 18

TypeScript

Server-Side Language (Choose One)

Slide 20

Node

Python

PHP

C Sharp (C#)

Ruby

GoLang

Java

Rust

Server-Side Framework (Choose One)

Slide 21

Express (Node)

Koa (Node)

Nest (Node)

Laravel (PHP)

Symfony (PHP)

Django (Python)

Flask (Python)

ASP.NET MVC (C#)

Spring MVC (Java)

Grails (Java)

Ruby on Rails (Ruby)

Database (Choose One)

Slide 22

PostgreSQL

MySQL

MS SQL

MongoDB

CouchDB

Firebase

  • NOTE There aren't really any courses on JUST Firebase specifically, it is usually paired with something else. Popular choices include Angular, Vue, iOS, & Android.

Azure & AWS

  • There are WAY too many course on these, and I am not familiar with them at all, so I am not sure what to place here. You will have to search/research them on your own.

Redis

GraphQL

Slide 23

GraphQL

Content Management

Slide 24

WordPress

Drupal

Deployment & DevOps

Slide 25

SSH (Secure Shell)

NGINX

Apache

  • Setup Your Own Web Hosting Environment by Gabriel Avramescu (17 lectures / 2hrs)
  • There a ton of variants when it comes to Apache. There's Tomcat, Kafka, Spark, Cassandra, and more. You'll have to do some research on your own which one suits your needs as I am not familiar with this topic myself.

Linode

Heroku

  • While there aren't really any courses on how to deploy a site to Heroku, there are plenty of tutorials over on YouTube you can use.

Docker

Vagrant

SSL

Mobile Development (Choose One)

Slide 27

Flutter & Dart

React Native

NativeScript

Ionic

Xamarin

Java

Kotlin

Swift

PWA: Progressive Web Apps

Slide 28

Progressive Web Apps

Desktop Apps with Electron

Slide 29

Electron

JAMstack

Slide 30

Serverless Architecture

Slide 31

AWS Lambda

API-First Design

Slide 32

APIs

Machine Learning / AI & The Web

Slide 33

Python

JavaScript

Speech Recognition

Slide 34

Web Assembly

Slide 35

Wow, that is a LOT to learn! 2020 is looking to be an amazing time to learn about web development, and far more than that too.

But wait, there's MORE!!

gasps

Udemy is also well known for having all-in-one full stack web development courses, as well as more recently full stack courses with specific technologies, such as MERN, MEAN, and recently MEVN. These 3 all use the same 3 letters: M, E, & N which stand for MongoDB, Express, and Node. The key difference between them is which JavaScript library/framework they use. MERN uses React, MEAN uses Angular, and MEVN uses Vue. You can find courses for these listed below.

Also below are courses for Data Structures & Algorithms, as well as interview prep. JavaScript interviews, especially at large companies like Google, Amazon, Apple, Facebook, etc., are infamous for their whiteboard coding challenges. Below are some of the top courses for Data Structures & Algorithms for JavaScript to help you ace your next interview.

And finally, testing, or Test-Driven Development (TDD). TDD is actually quite important, so knowing how to test your code will be huge boost to your resume/skill set and set you apart from other candidates when you start applying for jobs.

Full Stack (Beginner)

Full Stack (Advanced)

MERN

MEAN

Data Structures & Algorithms/Interview Prep

Test / Test Driven Development (TDD)