Devtools Pro: Beginner to Expert w/ Chrome Developer Tools

所在平台: Udemy

课程主页: https://www.udemy.com/course/master-google-chrome-developer-tools/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:Devtools Pro: 从初学者到专家的Chrome开发者工具 课程概述:你想成为一名专家级的网页开发者吗?我与多种平台(从PC到Playstation)都有过合作,而没有什么能比谷歌Chrome开发者工具更强大。让我们充分利用这个工具。本课程是DevTools的全面指南。我们从简单的样式示例开始,使用颜色选择器和盒子阴影编辑器来设计页面。但我们很快就会进入高级主题,例如利用审核面板来了解页面性能缓慢的原因,以及内存面板来分析为什么我们的应用可能会发生内存泄漏。 学员评价:“我学到了很多我以前不知道的内容,尽管我使用Devtools已经很多年。”——Bernard Niset。“这是我的第一门Udemy课程,但我非常享受这个过程。我对Chrome开发工具有一些先前经验,但这门课程中仍有一些小技巧让我受益匪浅。”——Stephen Wong。“讲师表达清晰简洁,课程内容丰富。即使是经验丰富的开发者也能获得一些有价值的见解。”——Tom Fitch。 课程完成后,你将能够实现以下目标: - 使用内置编辑器如动画面板和过渡编辑器添加高级样式。 - 运用六种不同的断点技术,理解和调试任何JavaScript代码。 - 分析网络请求,甚至破解Yelp的晚餐预订系统。 - 利用审核工具和Lighthouse加快页面加载速度,让你的网站飞快响应。 - 分析和修复渲染、CPU和内存瓶颈。 本课程的每一分钟都提供宝贵的信息,重复性和文字输入极少。课程建立于2017年,使用的是Chrome的预发布版本,甚至演示了如Workspaces 2.0等实验性功能。对于初学者,我会从基础开始,但很快就会讲到高级应用;对于专家,我也特别确保融入一些独特的技术,以提高你的网页,这些技巧在其他地方是找不到的。

课程评论(0条)

课程详情

Do you want to become an expert web developer? I've worked with tons of different platforms from PC to Playstation, and nothing beats the power of Google Chrome Developer Tools. Let's take advantage of that. This course is the comprehensive guide to DevTools. We start with simple styling examples, and use tools like the colorpicker and box shadow editor to design our pages. But we move quickly to advanced topics like using the Audits panel to understand slow page performance, and the memory panel to understand why our app might be leaking memory. Testimonials: I learned a lot of things I didn't know about although I've used Devtools for many years. -Bernard NisetMy first Udemy course, but I enjoyed it thoroughly. I have some prior experience with chrome dev tools, but there were still some tips I will be taking with me from this course - Stephen WongThe instructor is clear and concise and the course is loaded with information. There are even some valuable nuggets for experienced developers! - Tom Fitch Here's a sample of what you'll be able to achieve after taking this class: Add advanced styling with built-in editors like the animations panel and the transitions editor.Using six different breakpoint techniques, you'll be able to understand and debug any piece of javascript code.Analyze network calls, and even hack the dinner reservation system on Yelp.Speed up your page load speeds with Audits and Lighthouse to make your site blazingly fast.Profile and fix rendering, CPU and memory bottlenecks. Every minute of this course provides valuable information and there is minimal repetition and typing. The course was built in 2017 with a prerelease version of Chrome and even demonstrates the use of experimental features such as Workspaces 2.0. For the beginners, I start slow, but work quickly towards advanced usage, and for the experts, I've made sure to sprinkle in original techniques to improve your web pages that can't be found anywhere else.

课程标签

0人关注该课程

主题相关的课程