Web Development In 2020

Basic Front End

Front End

Backend

Dev Ops

Server Management (configuration management or CM)

CSS Tools & Skills

Functional Languages

CSS Frameworks

High-Performance Languages

Documentation, Unit / E2E Testing

Javascript Frameworks

Scala

Enzyme (react)

Job Titles

State Management

JS Skills

Ansible

HTML

Scripting Languages

CI Pipelines

Frond End Build Tools

No Matter Which Route You Take

You might not need a framework anymore! Grid and Flexbox are awesome

Rust

React.js

Data

Javascript Fundamentals

MobX

Webpack

Infrastructure Platforms

Domain name and DNS basics

Bootstrap

Google Cloud

Internal solutions

NPM Scripts

Haskell

Node.js ( express^, hapi^) - learn this first

Functional Programming (rx.js, immutable.js, ramda)

Document Databases: MongoDB, Couchbase, RethinkDB

Frameworks/Tools

Things to Learn for your Language/Framework

Security Best Practices

DroneCI (Docker native YAY)

Caching: Redis, Cassandra

Websockets

CSS

Authentication/Authorization: OAUTH2 / JWT

RESTful API, GraphQL API

RESTful Web Services / GET POST PUT DELETE requests

Basic Terminal Usage

CSS Organization

Deploying your app (package with Docker, run on a server with Docker installed)

Ruby (Ruby on Rails, Sinatra^)

Materialize

Node.js/Python/Ruby/PHP/.NET/... Developer/Engineer

Where should I host my websites?

Message Brokers (RabbitMQ, ZeroMQ, Kafka)

Github Basics

PHP (Laravel, Lumen^)

Modular Javascript

Fullstack Engineer / Developer

Elixir

Responsive Layouts & Grids (grid and flexbox) - these days try to use as few media queries as possible!

Relational Databases: PostgreSQL, MySQL

SMACSS

Clojure

Chef

Vue

XHR (AJAX) with Fetch

GitLab

Next.js (Server-Side Rendered Apps)

Closures, Scope, Context & First-Class Functions

Content & Components

Docker

Web Developer

Digital Ocean (simpler infrastructure)

Search Engine: ElasticSearch, Solr

Mocha

Terraform

Learn How Client & Server Talk To Each Other

Notable Others

AWS

Medium Scale: Rancher, AWS Fargate

Confident with command line and GitHub?: Netlify (JAMStack)

Basic SSH

BEM

Graph Databases: ArangoDB, Neo4j, OrientDB

AWS Lambda + Serverless

Typescript

Karma (run Jest or Mocha in browsers)

Precompilers: SASS / PostCSS / LESS / Stylus

Small Scale: Just run containers on DigitalOcean Docker servers

Apollo for GraphQL

Hosted solutions

Big Scale: Kubernetes

Java

Docker

Puppet

Salt

DBA (database administrator...Databases are your passion)

Unit/Functional Testing

Azure

Codeship

Frontend Engineer

New/First-timer?: Setup webhost and domain
(I absolutely recommend hostgator Use Code DROP25PERC, DROP10BUCKS, LETSMAKEADEAL)

Go (a.k.a. GoLang)

React/Vue Developer

Atomic (design)

Platform Engineer/Architect

Jenkins

Code Basics

Software Developer/Engineer/Architect

Vuex (Redux-ish for Vue)

Nuxt (Next.js for Vue)

I have a Node.js Course!

Python (django, flask^) - good for data science

The basics

Package Management

Backend Developer / Engineer

CircleCI

Jest

ORM / Data Management

MobX State Tree

Javascript Engineer

C# / .NET

Querying, Selecting, working with DOM

Frontend Developer

Redux

Building Apps & Services?: DigitalOcean / AWS

Software Developer

Bulma

Tailwind

Parcel

Performance and optimization

PWA (progressive web apps)

Newer/Advanced React Topics

Hooks

Suspense

Portals

Concurrent Mode

Async Act

Fragments

React storybook (testing/documenting framework)

Create React App or Parcel (starting up apps)

CSS - Emotion / Styled-Components

Github Actions

Cypress.io E2E Testing

React Router or React Router (navigation, etc)

JAMStack (burn your wordpress/drupal apps to the ground!)

Jekyll

Gatsby.js

Next.js

AMP (Google's preferred mobile content format)

Fun ways to display content

Responsive Images

CSS Animation

Navigation, mobile nav

Storybook - documentation, component development

Operational Visibility

Monitoring (NewRelic, DataDog, Sentry, CloudWatch)

Logging (Elk Stack, Sematext)