Image source: techdesknation.com

We are close to the beginning of the new year and it’s very common to see many articles and blog posts talking about the technologies that you should learn during the next year. Brad Traversy has already released a roadmap for web developers in 2020 and Andrew Shearer has prepared a long list of Udemy courses that you can watch to learn the technologies mentioned.

The list is pretty long, but you don’t have to learn everything. At least, not all at once. You can try learning things progressively and choose the things that you need the most.

There are other alternatives to learn rather than Udemy, such as Codeacadey, Coursera, Udacity, YouTube, etc.
Here is the list of all the tools and courses copied from the following GitHub repository.

Tools 1 – The Necessities

Slide 3

Computer & OS

  • Linux
  • MacOS
  • Windows

Text Editor / IDE

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, especically 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#

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)

Datebase (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)