andrews1022/web-development-course-list andrews1022/web-development-course-list

  • Stars
    star
    2,640
  • Rank 17,328 (Top 0.4 %)
  • Language
  • Created almost 5 years ago
  • Updated 3 months ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
andrews1022/web-development-course-list
github

andrews1022

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Web Development 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. 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 composed 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

More Repositories

1

javascript-handbook

A compilation of notes on vanilla JavaScript
JavaScript
17
star
2

sass-boilerplate

A modern Sass boilerplate designed to get you up and building as quickly as possible
SCSS
5
star
3

demo-nextjs-13-shopify

Simple storefront built using Next.js 13 + Shopify as headless backend
TypeScript
4
star
4

git-commands-cheat-sheet

A list of useful git commands
3
star
5

javascript-projects

A collection of vanilla JavaScript projects
JavaScript
3
star
6

demo-nextjs-13-digitalocean-and-docker

Simple full stack note taking app built with Next.js, DrizzleORM, PostgreSQL, DigitalOcean, and Docker
TypeScript
3
star
7

reddit-stock-scraper

A simpe node script to scrape reddit for most mentioned stock tickers
JavaScript
2
star
8

demo-nextjs-13-trackmania-api

A full stack app for Trackmania site where users can login, view tracks / campaigns, etc.
TypeScript
2
star
9

portfolio

My portfolio built using Next.js, TypeScript, styled-components, and Contentful
TypeScript
2
star
10

portfolio-react

My updated web development portfolio built using React!
JavaScript
1
star
11

temperature-converter-react

A simple 3-way temperature converter built using React
JavaScript
1
star
12

demo-gatsby-contentful

TypeScript
1
star
13

demo-bun-express

A very simple demo of using Express with Bun
Dockerfile
1
star
14

temperature-converter

A simple 3-way temperature converter built using React & TypeScript
TypeScript
1
star
15

hi-dozo-sushi

A website for a sushi restaurant in my area
JavaScript
1
star
16

borderlands-playthrough-generator

A quick simple app to generate your next playthrough of any Borderlands game
TypeScript
1
star
17

dev-portfolio

dev portfolio built using next, tailwind, & contentful
TypeScript
1
star
18

demo-nextjs-13-json-server

Simple helpdesk app built using Next.js 13 with json-server
TypeScript
1
star
19

demo-nextjs-13-nextauth-custom-pages-with-custom-oauth

Simple demo app built using Next.js 13 w/ TypeScript using NextAuth & Custom OAuth Provider
TypeScript
1
star