Google通过Code School提供免费Web开发教程

对于前端工程师来说，掌握Chrome DevTools是一项必备技能。而大多数前端开发工程师也承认，即使天天都在使用Chrome DevTools，也未必了解它的所有功能。

\

现在好消息来了：日前，Google与Code School合作发布了Chrome浏览器内置开发者工具的交互式在线课程“Discover DevTools”。

\

和Codecademy与Treehouse类似，Code School是一个在线教授编程与Web设计知识的网站。如果需要学习网站上的所有课程，Code School会按月收取$25的费用。不过Discover DevTools课程是免费的。

\

Google在这个系列教程的发布声明中指出，这个课程的学习者至少得有一些JavaScript开发经验。

\

教程共分七级，从简单的检查HTML元素和修改CSS开始，然后进阶到DOM的操纵，debugging，以及其他更深入内容：

\

• \

  LEVEL 1 - 基础DOM与样式 学习Elements面板，学习如何改变DOM、更新样式。

  \ \
• \

  LEVEL 2 - 进阶DOM与样式 用工作流来加速开发工作。

  \ \
• \

  LEVEL 3 - 学用控制台 学习控制台、如何检查exception、快捷键。

  \ \
• \

  LEVEL 4 - JavaScript调试 学习调试JavaScript程序的最佳步骤。

  \ \
• \

  LEVEL 5 - 提高网络性能 学习使用Network面板和页面加速扩展程序来提升网络交互速度。

  \ \
• \

  LEVEL 6 - 提升性能 熟悉程序渲染性能，学习如何使用CPU分析工具来查找性能问题。

  \ \
• \

  LEVEL 7 - 内存分析 学习如何查找内存泄漏

  \ \

整个教程制作相当精良，开篇甚至有专门为Web开发编撰的Rap歌曲。教程本身亦是精美的HTML5作品。如果你对这些感兴趣，请点击教程链接。