阿里云飞天发布时刻,领先大模型限免,超7000万 tokens免费体验 了解详情
写点什么

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

  • 2013-03-26
  • 本文字数:611 字

    阅读完需:约 2 分钟

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

2013-03-26 04:148137
用户头像

发布了 91 篇内容, 共 39.3 次阅读, 收获喜欢 3 次。

关注

评论

发布
暂无评论
发现更多内容

Partisia Blockhain:兼顾区块链不可能三角的创新系统

BlockChain先知

wasm 系列之 WebAssembly 和 emscripten 暴力上手

工匠若水

前端 Wasm WebAssenbly

Linux 设备驱动系列(一)——设备驱动介绍

Linux内核拾遗

Linux内核 设备驱动

(含永久密钥)无缝衔接,畅享多系统!体验VMware虚拟机的强大功能

Rose

虚拟机软件 VMware Fusion 虚拟机 VM虚拟机密钥

前端代码规范 - JavaScript 部分规范

南城FE

JavaScript 前端 代码规范

Final Cut Pro中文版 导出视频的教程(含fcpx安装包)

Rose

Final Cut Pro中文版 FCPX下载 fcpx Final Cut Pro教程 Mac软件视频编辑

软件开发流变史:从瀑布开发到敏捷开发再到DevOps

敏捷开发

DevOps 敏捷 敏捷转型 瀑布模型 IT 运维

OceanBase开发者大会2023届视频及PPT汇总

菜根老谭

oceanbase

mac电脑如何使用Linux系统?PD虚拟机安装Linux系统详细教程

Rose

Linux系统 mac电脑 pd虚拟机 19

苹果专业的视频下载器Downie 4 for mac的主要功能和优势

Rose

Mac 软件 视频下载工具 Downie 4许可证 Downie 4 Mac版

如何使用Microsoft Remote Desktop for Mac微软远程?

Rose

Mac软件 microsoft remote desktop 微软远程管理

SketchUp Pro草图大师2023中文直装版下载 mac/win

Rose

草图大师2023下载 SketchUp Pro 2023下载 SketchUp Pro 2023破解

如何基于Django中的WebSockets和异步视图来实现实时通信功能

华为云开发者联盟

开发 华为云 华为云开发者联盟 企业号2024年4月PK榜

基于CH32V103的多功能推杆设计

芯动大师

单片机 CH32V10

Partisia链:兼顾去中心化、安全性与可扩展性的创新区块链系统

石头财经

ownips数据获取工具全面测评

Yan-英杰

TCP

✅真实对账系统是如何设计并优化的

派大星

互联网大厂面试 java 架构

探索Photoshop 2024新功能,让设计更出彩!

Rose

Photoshop 2024破解版 Photoshop 2024直装版 ps2024新功能 ps2024中文版

掌控基础设施,加速 DevOps 之旅:IaC 深度解析

SEAL安全

DevOps 运维 IaC

Partisia Blockhain:兼顾区块链不可能三角的创新系统

股市老人

探索人工智能在测试领域的新纪元:AI编写测试用例的前景

霍格沃兹测试开发学社

Parallels Desktop 18:Mac上的Windows体验再升级,游戏、工作两不误

Rose

pd18虚拟机 Mac虚拟机下载 Parallels Desktop 18破解 Parallels 激活码 PD18安装教程

Google通过Code School提供免费Web开发教程_JavaScript_彭超_InfoQ精选文章