精通 Google Chrome DevTools 课程
了解如何使用 DevTools 中的主要工具，包括性能工具、灯塔、辅助功能等。
讲师：Héctor Uriel Pérez
口袋资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！
用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。
你会学到什么
- 了解 Chrome DevTools 的主要工具
- 了解在哪些情况下使用 DevTools 面板
- 如何使用 DevTools 调试 JavaScript 代码
- 检查和修改 DOM
- 检查和修改 CSS
- 优化网站性能
要求
- HTML基础知识
- CSS基础知识
- JavaScript 基础知识
描述
您是否知道使用 Google Chrome DevTools 可以分析您网站的性能？
还是可以模拟视力问题来创建可访问的站点？
如果您对其中任何一个问题的回答是否定的，那是因为您可能只肤浅地了解并使用过 Google Chrome DevTools。
DevTools，是一组功能强大的工具，可帮助开发人员构建更好的网站。
这是可能的，因为 DevTools 包含调试代码、检查网站元素、运行 JavaScript 代码进行测试、查找性能问题、样式问题、可访问性问题等的工具。
在本课程中，您将学习如何使用 DevTools 的主要工具，首先是一段视频，我在视频中通过案例研究解释了其中一种工具的用法，然后是带有必要资源和链接的练习，以便您可以复制您在视频中看到的内容，并以有关课程中所学概念的问题结束。
在课程结束时，您将知道如何使用以及在哪里可以找到主要的 DevTools 来改进您的应用程序和网站。
我们将在课程中看到的一些主题是：
- 与 DOM 树元素交互的工具。
- 使用控制台
- 使用 Sources 面板与源代码交互。
- 使用网络面板可视化网络元素。
- 提高性能和发现性能瓶颈的工具。
- 查找渲染问题的工具
- 在许多其他主题中。
为充分利用本课程，建议您具备 HTML、CSS 和 Javascript 的基本知识。
您还在等什么来创建更好的应用程序和网站？课程见
本课程适合谁：
- 想要学习如何使用 Chrome DevTools 的开发者
- 希望提高调试技能的开发人员
- 想要解决网站问题的开发人员
- 想要了解 Chrome DevTools 最新功能的开发者
声明：口袋资源网（koudaizy.com）提供的所有课程、素材等资源全部来源于互联网，赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持，从本站下载资源，说明你已同意本条款。
