/web-development-2020-course-list

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

Web Development In 2021 - A Course List

It's that time of year again, and Brad Traversy has released his annual 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! However, this can also be quite intimidating for beginners. So, I have comprised a list below of the top Udemy courses for each slide as well some other resources, hopefully easing your decision making. Each block of courses is listed in alphabetical order for simplicity's sake.

You certainly DO NOT need to learn everything here. This list aims to simply provide you with the options of what you CAN learn (and some things you SHOULD learn - such as HTML, CSS, and JavaScript). 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 one of the most popular, so that's what I am going with. So, without further ado, let's get learning!

If Udemy's not your jam though, no worries! There are plenty of other resources to learn about web development from, some of which I've listed below:

Udemy Alternatives

Basic Tools

Slide 1

Computer & OS

  • Linux
  • MacOS
  • Windows

Text Editors

IDEs

Web Browsers

Design

HTML & CSS

Slide 2

HTML & CSS

CSS

Sass

Slide 3

Sass

CSS/UI Frameworks (Choose One)

Slide 4

Tailwind

  • Nothing here yet...

Bootstrap

Materialize

Bulma

UI Design

Slide 5

UI/UX

Vanilla JavaScript

Slide 6

For Beginners

ES6 Focused

Project Focused

Advanced JavaScript

Other Tools To Start Learning

Slide 7

Git/GitHub

NPM

Yarn

Parcel

Webpack

A Bit of Everything

Basic Front End Deployment

Slide 8 Slide 9

GitHub Pages

Netlify

Front End Framework & State Management (Choose One)

Slide 10

React

React (Project Focused)

React (Advanced)

Vue

Angular

Svelte

TypeScript

Slide 11

TypeScript

Testing

Slide 12

Testing

Server-Side Rendering

Slide 13

Next (React)

Nuxt (Vue)

Angular Universal (Angular)

Static Site Generators (Choose One)

Slide 14

Gatsby (React)

Gridsome (Vue)

11ty (JavaScript Alternative to Jekyll)

  • Nothing here yet...

Jekyll (Ruby)

Hugo

  • Nothing here yet...

Headless CMS (Choose One)

Slide 15

Strapi

Sanity.io

Contentful

Prismic

WordPress

The Jamstack - JavaScript, APIs & Markup

Slide 16

Jamstack

Server Side Language (Choose One)

Slide 17

Node

Deno

Python

C Sharp (C#)

GoLang

Ruby

PHP

Java

Rust

Server Side Framework (Choose One)

Slide 18

Express (Node)

Koa (Node)

Nest (Node)

Loopback (Node)

Django (Python)

Flask (Python)

Laravel (PHP)

Symfony (PHP)

Slim (PHP)

  • Nothing here yet...

ASP.NET MVC (C#)

Spring MVC (Java)

Grails (Java)

Ruby on Rails (Ruby)

Sinatra (Ruby)

  • Nothing here yet...

Database (Choose One)

Slide 19

PostgreSQL

MongoDB

MySQL

MS SQL Server

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.

Elasticsearch

CouchDB

Redis

GraphQL

Slide 20

GraphQL

  • GraphQL is typically used with React & Node

Socket.io

Slide 21

Socket.io

WordPress Development

Slide 22

WordPress

Deployment, Servers & DevOps

Slide 23

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.

Digital Ocean

AWS

  • There is a LOT to cover about AWS. Use this link to see search results for AWS

Azure

  • There is a LOT to cover about Azure. Use this link to see search results for AWS

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.

Docker/Kubernetes

Vagrant

Cloundinary

  • Nothing here yet...

S3

  • Nothing here yet...

Jenkins

Travis CI

  • Nothing here yet...

Circle CI

  • Nothing here yet...

SSH (Secure Shell)

Linode

SSL

Mobile Development (Optional) (Choose One)

Slide 24

Flutter/Dart

React Native

Ionic

Xamarin

Kotlin

Swift

NativeScript

Java

PWA: Progressive Web Apps

Slide 25

Progressive Web Apps

Desktop Apps with Web Technologies

Slide 26

Electron

NW.js

  • Nothing here yet...

Tkinter (Python)

AI/Machine Learning

Slide 27

Python

JavaScript

Web Assembly

Slide 28

Web Assembly

C++

Rust

AssemblyScript

  • Nothing here yet...

Algorithms & Data Structures

Slide 29 Slide 30

JavaScript

C/C++

Python

Java

Software Design Patterns

Slide 31

Software Design Patterns

  • Nothing here yet...

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

But wait, there's even MORE!!

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 on the front end. MERN uses React, MEAN uses Angular, and MEVN uses Vue.

Full Stack (Beginner)

Full Stack (Advanced)

MERN

MEAN

From 2020 Course List

Content Management

WordPress

Drupal

Serverless Architecture

AWS Lambda

API-First Design

APIs