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

  • 彭超

2013 年 3 月 26 日

话题:JavaScriptChromeHTML5语言 & 开发

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

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

CodecademyTreehouse类似,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 作品。如果你对这些感兴趣,请点击教程链接

JavaScriptChromeHTML5语言 & 开发