BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 彭超 关注 0 他的粉丝 发布于 2013年3月27日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

对于前端工程师来说,掌握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作品。如果你对这些感兴趣,请点击教程链接

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

页面 by feng liu

好东西,太漂亮

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

1 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT