Technology Stacks for Web Front-End Development

Web

• HTML

• CSS

• JavaScript

  • JavaScript Design Patterns

  • ECMAScript

• Web APIs

• Web Components

• WebAssambly

• JSON & XML & SVG

• Security & Privacy

• Browser

• SEO

• Cross-Platform

  • Ionic / uni-app

  • Electron / NW.js

Mobile

• H5

• Mini Program

• RN / NS / Weex

• Flutter

• iOS & Android

Server

• Node.js

  • npm & Yarn

• Frameworks & Libraries

  • Express / Koa

  • Nest.js / Egg.js

  • PM2 / Forever

• SQL / NoSQL / ORM

• MQ & IPC

Linux

• Linux

• CentOS

• FirewallD

• nginx

Network

• HTTP

• TLS

• DNS

DevOps

• Git

• Docker

• Kubernetes

• Jenkins

Development Environment

• FEED (Front End Engineering & Design)

  • Shell

  • Gulp & Webpack

  • Linting & Testing

• Development Utilities

Data Structure & Algorithm

• Data Structure

  • Stack & Queue

  • Linked List

  • Tree

  • Graph

• Algorithm

  • Time Complexity & Space Complexity

  • Search & Sort & Insert & Update & Delete