|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/devtools-espanol/
课程评论：没有评论
Coursera 课程“掌握 Google Chrome 开发者工具” (Curso Mastering Google Chrome DevTools) 是一门旨在帮助开发者深入了解并高效利用 Google Chrome 开发者工具（DevTools）的课程。 **课程概述：** 许多开发者可能只浅显地使用 DevTools，但它实际上是一个强大的工具集，能够极大地提升网站开发效率和质量。DevTools 提供了包括代码调试、元素检查、JavaScript 执行测试、性能问题查找、样式问题诊断、无障碍性问题检测等在内的多种功能。 本课程将引导学员掌握 DevTools 的核心功能。从与页面 DOM 树交互的工具，到通过图表和建议来识别和解决性能及可用性问题的工具，学员将学到如何全面提升用户体验。课程结束后，学员将能够熟练运用各项 DevTools 功能来优化他们的应用程序和网站。 **课程内容亮点：** * **DOM 树交互工具：** 学习如何查看和操作网页的 DOM 结构。 * **Console (控制台)：** 掌握利用控制台执行 JavaScript 代码和进行调试。 * **Sources (源代码面板)：** 了解如何利用此面板与网页的源代码进行交互。 * **Network (网络面板)：** 学习如何分析网络请求和响应，查找网络瓶颈。 * **性能优化工具：** 识别和解决影响网站性能的瓶颈问题。 * **渲染问题查找：** 发现并修正与网页渲染相关的各类问题。 * **以及更多其他主题。** **先修知识建议：** 为了更好地学习本课程，建议学员具备 HTML、CSS 和 JavaScript 的基础知识。 **课程目标：** 掌握 Google Chrome 开发者工具的核心功能，从而能够创建更优质的应用程序和网站。
¿Sabías que con Google Chrome DevTools es posible analizar el rendimiento de tus sitios web?¿O que es posible simular problemas de visión para crear sitios accesibles?Si tu respuesta ha sido negativa a alguna de estas preguntas, es porque posiblemente sólo conozcas y hayas utilizado Google Chrome DevTools de forma superficial.DevTools, es un conjunto de potentes herramientas que ayudan a los desarrolladores a construir mejores sitios web. Esto es posible porque DevTools contiene herramientas para depurar código, inspeccionar elementos de un sitio web, ejecutar código JavaScript para pruebas, encontrar problemas de rendimiento, problemas de estilo, problemas de accesibilidad, entre muchos otros.En este curso, aprenderás a utilizar las herramientas principales de devtools, desde aquellas que permiten interactuar con el árbol dom de una página, hasta aquellas que permiten detectar problemas de rendimiento y usabilidad a través de gráficas y consejos a implementar para brindar una mejor experiencia de usuario.Al final del curso, sabrás cómo utilizar y dónde encontrar las principales DevTools para mejorar tus aplicaciones y sitios web.Algunos de los temas que veremos en el curso sonHerramientas para interactuar con los elementos del árbol DOM.Uso de la consolaUso del panel Sources para interactuar con el código fuente.Visualización de los elementos de la red con el panel Red.Herramientas para mejorar el rendimiento y encontrar cuellos de botella de rendimiento.Herramientas para encontrar problemas de renderizado.Entre otros muchos temas.Para aprovechar al máximo el curso, se recomienda tener conocimientos básicos de HTML, CSS y Javascript.¿Qué esperas para crear mejores aplicaciones y sitios web? Nos vemos en el curso
