You are on page 1of 1

Gatsby.

js Precompilers: SASS / PostCSS / LESS / Stylus


JAMStack (burn your wordpress/drupal apps to the ground!)
Jekyll
CSS Tools & Skills
Next.js
You might not need a framework anymore! Grid and Flexbox are awesome

Bootstrap
CSS Frameworks
Materialize

Bulma

Tailwind Fragments
Software Developer
BEM Async Act
React/Vue Developer CSS Organization Atomic (design)
Concurrent Mode
Web Developer SMACSS
Portals
Frontend Developer NPM Scripts Newer/Advanced React Topics
Frond End Build Tools
Hooks
Webpack
Frontend Engineer
Parcel Suspense
Javascript Engineer
Job Titles

React.js
React Router or React Router (navigation, etc)

Create React App or Parcel (starting up apps)


Apollo for GraphQL
Front End Next.js (Server-Side Rendered Apps)
Frameworks/Tools
React storybook (testing/documenting framework)
CSS - Emotion / Styled-Components
Vue Nuxt (Next.js for Vue)

Vuex (Redux-ish for Vue)


Javascript Frameworks

Basic Front End

MobX
HTML The basics
Responsive Layouts & Grids (grid and flexbox) - these days try to Redux
Basic Terminal Usage use as few media queries as possible!
No Matter Which Route You Take CSS MobX State Tree
State Management
Basic SSH Navigation, mobile nav
Content & Components
Fun ways to display content Jest
Github Basics
Responsive Images
Mocha
CSS Animation
Learn How Client & Server Talk To Each Other Code Basics
Karma (run Jest or Mocha in browsers)
Querying, Selecting, working with DOM
RESTful Web Services / GET POST PUT DELETE Documentation, Unit / E2E Testing
requests Javascript Fundamentals Closures, Scope, Context & First-Class Functions Enzyme (react)
Modular Javascript
Domain name and DNS basics Cypress.io E2E Testing
XHR (AJAX) with Fetch
Storybook - documentation, component development

Typescript

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


Web Development In 2020
JS Skills

PWA (progressive web apps)


Performance and optimization
AMP (Google's preferred mobile content format)

New/First-timer?: Setup webhost and domain Backend Developer / Engineer


(I absolutely recommend hostgator Use Code DROP25PERC,
Where should I host my websites? DROP10BUCKS, LETSMAKEADEAL) Fullstack Engineer / Developer

Confident with command line and GitHub?: Netlify (JAMStack) Software Developer/Engineer/Architect

Building Apps & Services?: DigitalOcean / AWS Node.js/Python/Ruby/PHP/.NET/... Developer/Engineer

Platform Engineer/Architect
Job Titles
DBA (database administrator...Databases are your passion)

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


I have a Node.js Course!
Operational Visibility Backend
Python (django, flask^) - good for data science
Monitoring (NewRelic, DataDog, Sentry, CloudWatch)
Ruby (Ruby on Rails, Sinatra^)
Logging (Elk Stack, Sematext)
PHP (Laravel, Lumen^)

Go (a.k.a. GoLang)
Digital Ocean (simpler infrastructure)
High-Performance Languages
AWS Rust
Infrastructure Platforms
Azure
Clojure
Google Cloud
Functional Languages
Haskell
Docker Scala
Terraform
Elixir
Ansible Dev Ops
Salt
Puppet
Server Management (configuration management or CM) Java
Chef
Notable Others
C# / .NET

AWS Lambda + Serverless

Github Actions
Hosted solutions
CircleCI

Codeship
Relational Databases: PostgreSQL, MySQL
CI Pipelines
Jenkins
Caching: Redis, Cassandra
Internal solutions
DroneCI (Docker native YAY)
Document Databases: MongoDB, Couchbase, RethinkDB
GitLab Data
Search Engine: ElasticSearch, Solr

Graph Databases: ArangoDB, Neo4j, OrientDB

Message Brokers (RabbitMQ, ZeroMQ, Kafka)


Docker
Small Scale: Just run containers on DigitalOcean Docker servers

Medium Scale: Rancher, AWS Fargate

Big Scale: Kubernetes


Package Management

Unit/Functional Testing
Things to Learn for your Language/Framework
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

You might also like