Web Development In 2018

Dev Ops

Server Management (configuration management or CM)

Chef

Ansible

Basic Front End

Front End

CSS Tools & Skills

No Matter Which Route You Take

Infrastructure Platforms

Javascript Frameworks

Puppet

CSS Frameworks

jQuery (not really required anymore)

XHR (AJAX) with Fetch

Querying, Selecting, working with DOM

Precompilers: SASS / PostCSS / LESS / Stylus

Ember.js

AWS

Azure

Google Cloud

Digital Ocean (simpler infrastructure)

Salt

CI Pipelines

Unit Testing

JS Skills

Mocha

Service Workers

Functional Programming (rx.js)

ES6 (2015/16/17)

Materialize

CSS Organization

BEM

SMACSS

Atomic (design)

State Management

Flux (good to know for history's sake)

Jest

Karma (run Jest or Mocha in browsers)

Enzyme (react)

Layouts & Grids (grid and flexbox)

Responsive Images

Responsive Design (media queries)

CSS Animation

Backend

Scripting Languages

Node.js ( express^, hapi^)

Python (django, flask^)

Ruby (Ruby on Rails, Sinatra^)

PHP (Laravel, Lumen^)

Functional Languages

Haskell

Scala

Clojure

Elixir

High-Performance Languages

Go (a.k.a. GoLang)

Rust

Notable Others

Java

C# / .NET

Data

Relational Databases: MySQL, PostgreSQL

Caching: Redis, Cassandra

Document Databases: MongoDB, Couchbase, RethinkDB

Search Engine: ElasticSearch, Solr

Things to Learn for your Language/Framework

Unit/Functional Testing

RESTful API, GraphQL API

Security Best Practices

Authentication/Authorization: OAUTH2 / JWT

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

Websockets

ORM / Data Management

Internal solutions

Hosted solutions

CircleCI

Codeship

Jenkins

DroneCI (Docker native YAY)

Docker

Small Scale: Docker Swarm, Docker Cloud

Medium Scale: Rancher, Docker Datacenter/Universal Control Plane

Big Scale: Kubernetes, Mesos

CSS Grid (you might not need a framework anymore!)

Nuxt (Next.js for Vue)

Vuex (Redux-ish for Vue)

Static Type Checkers

Flow

Typescript

Graph Databases: Neo4j, OrientDB

Package Management

Message Brokers (RabbitMQ, ZeroMQ, Kafka)

GitLab

Domain name and DNS basics

Frameworks

Relay / Apollo for GraphQL (Big, complex)

Next.js or After.js (Server-Side Rendered Apps)

CSS

Glamorous

Emotion

Styled-Components

Using Rx.js & Bacon.js

Publish "website"

Setup webhost and domain
(I recommend hostgator Use Code DROP25PERC, DROP10BUCKS, LETSMAKEADEAL)

Upload HTML/CSS/JS files to website

Job Titles

Web Developer

Frontend Developer

Frontend Engineer

React/Vue/Angular Developer

Javascript Engineer

Job Titles

Software Developer/Engineer/Architect

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

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

Fullstack Engineer / Developer

Platform Engineer/Architect

Backend Developer / Engineer

Terraform