frontend-roadmap

前端科技树探索之路

前端的涵盖范畴是和客户直接交互的部分。

以下几个因素促进了前端在这些年差异化成一个需要专业人才的领域

• Web API不断丰富和更新，允许JS做更多的事情，同时也需要不停学习跟进
• 语言规范赋予JS更多的特性和可能，允许专业的人做更专业的事
• Node等轮子的出现拓展了JS的应用场景，方向更加细化
• 用户对界面要求越来越高，需要专门的人处理

从而使前端渐渐分化出来成为一个面向复杂场景、承诺服务质量、进入工程领域的职业。

更细化的说，面向复杂场景包括：

• 浏览器应用、桌面应用、移动端应用、后端应用多宿主
• 复杂的网络环境
• 差异化巨大的浏览器和浏览器版本（所幸比以前好了很多）
• 用户群体的不同
• ……

承诺服务质量包括：

• 更快地渲染页面
• 更美观的页面效果
• 更流畅的用户交互体验
• 更高的代码稳定性（对应着lint和debug能力）
• 差异化环境的表现一致性
• ……

进入工程领域包括：

• 更舒适的开发体验（设计模式与诸多轮子）
• 更高的开发效率（如工作流的设计）
• 更顺滑的团队间协作（如mock）
• 版本控制
• ……

上面是作为一个技术的要求，在公司应用范畴，还需要考虑下面这些：

• 产品设计

• 团队建设

• 人才培养

• 项目管理

• 立身之本

  • HTML
  • DOM
  • JavaScript基本语法
  • CSS

• 关联技术

  • Web API
  • ajax
  • JSON
  • 正则
  • SVG/Canvas/WebGL
  • PWA

• 深入了解

  • ES6 ES7
  • TypeScript
  • CSS3
  • SASS Less

• 现有轮子

  • NodeJS
  • Electron
  • React