Web 前端开发工程师

如果您对于 JavaScript 基础语法尚不完全了解，那么建议您首先浏览现代 JavaScript 语法基础与工程实践或者 JavaScript-CheatSheet 以了解基础的 JavaScript 语法及实践应用。

如果您想快速地了解 Web 开发实践，或者是想查阅某些清单，那么建议您前往 Awesome-CheatSheets/Web；或者从导论篇开始阅读，它会包含 Web 开发简史与变迁、数据流驱动的界面、模块化与组件化、工具化与工程化、前后端分离与全栈架构、微前端与大前端、运行机制与性能优化等内容。

接下来，您可以选择以下章节中感兴趣的模块进行深度阅读：

• 基础篇: 对于 HTML、CSS、DOM 等 Web 开发中涉及的基础知识与理念的总结介绍。
• 工程实践篇: 构建工具，测试，安全，WebAssembly。
• 架构优化篇: 组件化，状态管理，性能优化，PWA。
• React 篇：近年来前端领域百花齐放，各种技术方案争妍斗艳，各领风骚。本书立足于其中的佼佼者 React，深入浅出的介绍 React, Webpack, ES6, Redux, MobX 等常见前端开发工具与开发库的用法，帮助初学者能够迅速成为一名合格前端工程师。而本书也不仅局限于工具使用的层面，探寻各种技术方案背后蕴含的设计思想与架构模式，从前端工程化的角度讨论前端开发者在进阶过程中需要掌握的工程实践、模块化与组件化、质量保障、性能优化等知识要点。最终帮助开发者在前端开发中能够因地制宜的指定合理方案，以尽可能快的速度实现可信赖的产品。

在阅读之外，我们同样需要进行大量的代码实践，不仅仅是熟悉常用的框架，还需要去积累自己的组件、框架等功能库：

• fe-boilerplates 是笔者对于日常工作中的基于 React/Vue.js 技术栈与实践的收集与沉淀；为了方便不同级别/熟练程度的开发者使用，笔者将模板尽可能地泛化为多个项目，包含了从入门级到生产环境，微前端等多个不同层次/复杂度的模板项目。

• fractal-components 则是笔者日常工作中总结出来的应用、组件库以及组件开发模式，为了保证其独立性与复用性，笔者以不同的方式实现了组件。

• Ueact 旨在从零开始实现自定义的组件系统，多调和策略与数据流响应方式，同时能够被渲染/编译到多种组件。

• Legoble 则承载了自己实现一款可视化的应用构建工具的念想。

• HoloWeb 是有关于 Web Automation、多维度记录、回放、优化工具等集合。