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
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