Web前端开发在产品开发中的作用越来越重要，并且需要专业的前端工程师才能做好。在过去的两年中，该领域的专业人员受到青睐。 Web前端开发是一种非常特殊的工作，涵盖了广泛的知识，包括特定技术和抽象思想。简而言之，其主要功能是更好地向用户展示网站的界面。
Photoshop和Dreamweaver可以用于创建网页。仅仅掌握这些还不够。不管开发的难度或开发方式如何，当前的网页制作都更接近于传统的网站背景开发，因此现在不再称为网页制作，而称为网页前端开发。
首先，您必须掌握基本的Web前端开发技术，包括：CSS、 HTML、 DOM、 BOM、 Ajax、 JavaScript等，在掌握这些技术的同时，还应清楚了解它们在不同浏览器上的兼容性、呈现原理和现有技术错误。
其次，在合格的前端工程师的知识结构中，还必须掌握网站性能优化、 SEO和服务器端的基本知识。
第三，我们必须学习使用各种工具进行辅助开发。
第四，除了掌握技术知识水平外，还要掌握理论知识水平，包括代码可维护性、组件易用性、分层语义模板和浏览器评级支持等。
当前，有关Web前端开发的书籍主要针对单一技术。《编写高质量的代码》与这些书本质上不同。它主要希望实现两个目标：首先，为经验不足的Web前端开发工程师树立一张全景图，以便他们能够真正理解和理解这一专业;其次，通过编写高质量的代码来帮助具有一定Web前端开发经验的工程师练习内部技能，从而提高您的前端代码的可维护性。这是许多前端开发工程师感兴趣的东西。
《编写高质量的代码》的前两章讨论了站点重构和团队合作，这是必要的。网站重构的目的仅仅是为了使网页更符合Web标准吗?没有!重构的本质应该是构建一个前端灵活的MVC框架，即HTML作为信息模型(Model)，CSS控件样式(View)，JavaScript负责调度数据和实现某种表示逻辑(Controller)。同时，代码需要非常可重用和可维护。这是高效、高质量开发和协作开发的基础。在建立了这种总体情况之后，学习特定技术的想法就更加清晰了。
代码质量是前端开发中应考虑的问题之一。例如，实现网站界面可能有多种选择，但是某些解决方案将具有较高的维护成本，某些解决方案将存在性能问题，而某些解决方案将更易于维护和更好地执行。这里的关键因素是代码的质量。CSS、HTML、 JavaScript三种前端开发语言具有不同的特性和不同的代码质量要求，但它们有着千丝万缕的联系。《编写高质量的代码》包含许多开发思想和经验，这些思想和经验是长期开发实践中积累的，并且将激发不同级别的Web前端工程师。