1

52nlp 2013-07-11 11:58 1 票支持; 0 票反对

之前在学习前端开发的时候遇到过一些问题，一位朋友在帮我调试的时候用过Google Chrome开发工具，当时有些印象，但是没有太在意。最近在玩Code School的时候遇到这门课程, Google了一下，发现Chrome DevTools应该是一位合格的前端开发工程师必备的技能，而我还不合格。这门课程是Google和Code School在今年3月份合作推出的一门web开发课程，并且免费，于是认真学习了一把，学习的过程中有种相见恨晚的感觉。

“工欲善其事，必先利其器”，Chrome DevTools就是一把前端开发的利器，课程包括通过Elements面板操作Dom元素，运用控制台，JavaScript调试，网站网络性能调试，CPU profiling检查以及内存泄漏问题的检查等。在这个过程中，也接触了Google出品的其他几个前端开发辅助工具，例如PageSpeed, Closure Tools等，以前在做后台C/C++开发的时候接触过Google的很多开源工具，例如glog, gflags, gtest, protobuf等，没想到前端开发中Google也提供了这么多好用的工具，真心佩服Google的工程师文化和工具文化。

下面的部分摘自InfoQ上今年3月的一篇报道《Google通过Code School提供免费Web开发教程》，帮助大家了解这门课程，也强烈推荐给准备学习前端开发的同学，“磨刀不误砍柴工”，这门课程绝对超值:

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作品。