2019 年 Web 开发技术指南和趋势

这是一份 2019 年成为前端、后端或全栈开发者的进阶指南：你不必学完所有技术；下面只是按类别列出选项，并加上作者经验和当时趋势。先讲通用基础，最后才是 2019 的新名词。

• 不必学会所有技术才能当 Web 开发者
• 指南只是简单分类列出技术选项
• 建议来自作者经验和参考资料
• 先通用知识，再看 2019 趋势

一、基础前端开发者

1.1 HTML 与 CSS

最基础的知识：

• 语义化 HTML 元素
• 基础 CSS 语法
• Flexbox 与 Grid
• CSS 变量
• 浏览器开发者工具

1.2 响应式布局

响应式不再是加分项，而是必须：

• 设置 viewport
• 非固定宽度
• 媒体查询
• 用 rem 替代 px
• 移动优先，柱状显示

1.3 基础部署

学会把静态网站部署到服务器：

• 注册域名（NameCheap, Google Domains）
• 管理共享主机或虚拟机（Inmotion, Hostgator, Bluehost）
• FTP / SFTP 上传（Filezilla, Cyberduck）
• 静态托管（Netlify, GitHub Pages）

1.4 SASS 预处理器

不是必须，但推荐学，基础并不难：结构化 CSS、变量、嵌套、Mixins 与函数、继承。

1.5 原生 JavaScript

不靠框架先把原生语法学扎实（原文“凑总府”应为操作符）：

• 数据类型、函数、条件、循环、操作符
• DOM 操作和事件
• JSON
• Fetch
• ES6+：箭头函数、Promise、async/await、解构

1.6 这一档能做什么

• 构建静态站点
• 按设计图用 HTML/CSS 还原 UI
• 加一些交互
• 部署和维护网站

这时能找到入门级 Web 工作，但远远不够。

二、成熟的前端开发者

2.1 HTML / CSS 框架

框架没有 jQuery 时代那么“必须”，但仍建议选一个学：Bootstrap、Materialize、Bulma。

2.2 Git 与工作流

Git 是每个 Web 开发者必须掌握的。还要会：

• 基础命令行：touch、cd、mkdir
• Git 版本控制
• NPM 或 Yarn
• Webpack 或 Parcel
• Gulp 或 Grunt
• 编辑器插件：ESLint、Prettier、Live Server

2.3 前端框架

学一个框架在当时已是必须：大公司流行、交互和组件更多、组件化模块化、利于团队。

2.4 状态管理

大型框架项目往往要应用级状态：Redux（Context API）、Apollo（GraphQL Client）、Vuex、NgRx。

2.5 这一档能做什么

• 构建完整前端应用
• 流畅稳定的前端工作流
• 多人协作并熟练使用 Git
• 请求后端 API 并做数据响应

满足以上条件，可以顺利找到前端工作并干得出色。

三、全栈开发工程师

3.1 一门后端语言

选项：Node.js、Python、PHP、C#、Go。学习顺序：基础语法 → 数据结构和工作流 → 包管理 → HTTP / 路由。

3.2 服务端框架

不要重复造轮子：Node（Express, Koa, Adonis）、Python（Django, Flask）、PHP（Laravel, Symfony）、C#（ASP.NET）。

3.3 数据库

• 关系型：MySQL, PostgreSQL, MS SQL
• 非关系型：MongoDB, Couchbase（原文 Counchbase）
• 云服务：Firebase, AWS, Azure, DocumentDB
• 轻量：SQLite, NeDB, Redis

3.4 服务端渲染

React / Vue / Angular 都可以 SSR：Next.js、Nuxt、Angular Universal。

3.5 CMS

适合快速开发和让客户自己改内容，对自由开发者尤其有用：WordPress / Drupal（PHP），Ghost / Keystone（JS），Mezzanine（Python，原文 Mezzazine），Piranha / Orchard（.NET）。

3.6 DevOps 与部署

会写代码是一回事，装环境、测试、上线是另一回事：

• 部署：Linux, SSH, Git, Nginx, Apache
• 平台：DigitalOcean, AWS, Heroku, Azure
• 虚拟化：Docker, Vagrant
• 测试：单元、集成、函数式、系统测试

3.7 这一档能做什么

• 搭全栈环境和工作流
• 做后端 API 和微服务
• 数据库操作
• 独立完成前端 + 服务端
• 部署到云（SSH, Git, Servers）

四、2019 技术趋势

4.1 原生应用

• React Native
• NativeScript（原文 NativeScirpt）
• Ionic 混合应用
• Flutter（Dart）
• Xamarin（C#）

4.2 Electron 桌面应用

用 JavaScript 做跨平台桌面软件：Chromium + Node.js，兼容 Windows / Mac / Linux，带崩溃报告、调试和性能分析。

4.3 GraphQL 与 Apollo

GraphQL 是一种更严格的 API 查询语言（原文 RESET 应为 REST）：只查想要的字段，前后端更好协作，查询很像 JSON。Apollo 是发请求的客户端；当时也常和 Gatsby 静态站点生成器一起出现。

4.4 TypeScript

JavaScript 超集，加静态类型、类和一批 ES6 能力。Angular 标配，也能用在 React、Vue。

4.5 无服务架构

不必自己管服务器，把函数交给 AWS、Netlify、Firebase；在 Gatsby 场景里很常见，也有 Serverless 框架。

4.6 AI 与机器学习

Web 里也会出现可随时间调整的模型。多数生态在 Python，但也有 TensorFlow.js、Brain.js。

4.7 区块链

Solidity 智能合约、Mist 以太坊浏览器、比特币 API，用来做更安全的数字交易相关应用。

4.8 PWA

Progressive Web Apps：响应式、可离线、类 App 交互、HTTPS，追求可靠、迅速、更好。

4.9 WebAssembly

类似汇编的二进制，浏览器可执行，可用 C/C++、Rust 编写：比 JS 更快，受同源和安全策略约束，开放可调试。

更多细节见 Youtube 视频：Web Development in 2019。原文出处：李棠辉。

一句话总结：2019 的路径仍是先打好 HTML/CSS/JS，再精进一个框架和 Git 工作流，全栈再补一门后端；新趋势按项目需要捡，而不是一次学完。