🔥 2020 年 Web 开发人员前端路线图

这些笔记是Andrei Neagoie在《2020 年 Web 开发者路线图》中提出的建议的一部分。我邀请您复习一下《2020 年 Web 开发者完整课程》，或者如果您有经验，可以学习一下《2020 年初级到高级 Web 开发者完整课程》，并获取您自己的见解。所以，这是一个很棒的反馈，它告诉我们作为 Web 开发者，我们在 2020 年应该关注什么。第一部分涵盖了路线图中的前端视角，后端部分即将推出😅。

重要提示：强烈推荐标有🚀的链接和注释

一般建议

• 掌握你的IDE
• 提高你的基本功
  • Git/Github
  • 终端技巧
  • 学习如何将文件上传到主机并创建自己的域名
  • 了解有关 JSON/gRPC 的更多信息

前端

浏览器提供的 Web API

• 获取/XHR
• DOM
  • 本地存储和会话存储
• Service Worker和PWA
• 国际化

HTML5🚀

• 语义HTML
• 无障碍设施
• 搜索引擎优化
• 表格

响应式移动优先🚀

CSS3🚀

• 动画
• CSS 变量
• Rem vs EM vs PX
• 媒体查询
• 预处理器
  • SASS🚀
• CSS 布局
  • Flexbox 模块和ZerotoMastery 资源
  • 网格模块
• JS 中的 CSS
  • CSS 模块
  • 样式组件
• 组织 CSS
  • 原子 CSS 🚀
  • 边界元法
• 框架和库
  • 超光速粒子
  • 顺风
  • 布尔玛

JavaScript

• 基础知识🚀
  • 异步 JavaScript
  • DOM 操作 + Web API
  • OPP 与 FP
  • 模块
• 编译器/转译器
  • TypeScript
  • 苗条
  • 榆树
  • ReasonML
  • 巴别塔
• 框架/库
  • ReactJS🚀
  • 角度
  • Vue
  • RedwoodJS

国家管理

• Vuex
• NgRx
• Mobx
• Redux 🚀
• Apollo GraphQL🚀

SSR🚀

• 工兵
• Next.js 🚀
• Angular Universal
• Next.js

助手🚀

• 巴别塔🚀
• ESLint🚀
• 更漂亮🚀
• 沙哑
• SASS Lint

构建工具

• NPM 脚本
• 捆绑器
  • 包裹
  • Webpack 🚀
  • 汇总

Web 组件

• 模版
• 聚合物
• LitElement

包管理

• Npx🚀
• Npm🚀
• 纱
• Npm 注册表

热门图书馆

• Axios
• D3.js
• MomentJs
• 拉姆达
• RxJS
• 伊默尔
• Lodash

JAM 堆栈🚀

• 静态站点
  • 雨果
  • 杰基尔
  • 史卡利
  • 盖茨比🚀
  • 格里索姆
• 内容管理系统
  • WordPress
  • 无头 CMS 🚀
  • 内容丰富🚀

单元测试

• 开玩笑🚀
• 艾娃
• 摩卡 / 柴 / 西农
• 茉莉花
• React 测试库🚀

端到端测试

• 量角器
• 柏树🚀
• nightwatchjs
• TestCafe🚀

持续集成/持续交付

• Gitlab CI
• 特拉维斯 CI🚀
• 詹金斯🚀
• 圆圈 CI🚀
• Github Actions🚀

后端

静态托管

• 泽特/韦尔塞尔
• 涌
• Gitlab 页面
• Github 页面🚀
• Netlify🚀

托管主机

• 蓝色主机
• Hostgator🚀

云

• 赫罗库🚀
• 数字海洋🚀
• AWS🚀
• 地理控制协议
• Azure

Web服务器

• Nginx 🚀和 [Nginx 负载均衡]( http://nginx.org/en/docs/(http/load_balancing.html)
• 凯迪拉克 2 🚀
• 阿帕奇
• CDN Cloudfare 🚀

无服务器

• AWS Lambda
• Netlify Lambda

Node.js

• Express.js🚀
• Nest.js
• Koa.js
• Hapi.js

🦕 Deno

Python🚀

• 烧瓶
• Django

API 消耗

• GraphQL🚀
• 休息
• Web套接字
• gRPC🚀

验证

• 托管：Firebase🚀
• 第三方：Oauth2🚀
• 基于 Cookie 的身份验证
• 基于令牌的身份验证🚀

容器

• Docker🚀

关系数据库🚀

• PostgreSQL
• MySQL
• 新SQL

NoSQL 数据库

• MongoDB
• 卡桑德拉
• Redis🚀
• 重新思考数据库
• CouchDB
• DynamoDB

托管数据库

• AirTable🚀
• Firebase🚀
• 棱镜
• AWS/GCP/Azure

移动的

• React Native 🚀
• Flutter 🚀
• 渐进式网页应用🚀
• 爱奥尼
• NativeScript

桌面

• 电子

机器学习

• 预构建模型🚀，例如 cloudML / Firebase ML / Clarify / IBM ML / AWS ML
• Brain.js
• Tensorflow.js🚀

Web Assembly🚀

• Blazor

附言：如果您正在开始您的 Web 开发职业生涯，我建议您可以从ZTM 的完整 Web 开发人员 2020 课程开始，并使用该链接获得 10% 的折扣。

PS2：为了查看更多类似的帖子，我邀请您访问我的博客🤖。

加油，继续学习！🍻