Udemy

Chrome Developer Tools Course

立即報名
  • 586 名學生
  • 更新於 1/2019
4.3
(115 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
2 小時 18 分鐘
教學語言
英語
授課導師
Sofia Kostiunina
評分
4.3
(115 個評分)
3次瀏覽

課程簡介

Chrome Developer Tools Course

Learn Chrome DevTools to edit, debug, test and optimize your web apps

Google Chrome is currently one of the most popular web browsers used by web developers today, but most people only know about the most basic features. Chrome Developer Tools provide deeper access to the web applications and knowledge of additional features can increase productivity and your work speed.

During the course you will learn such things as..

Inspect and Edit HTML and CSS

Debug JavaScript

Set Breakpoints

Console Logs and other Commands

Use Snippets

Add Workspaces and Persist Changes to Disk

View and Remove Browser Storage

Examine Network and Resources

Analyze Memory and Security Problems

Optimize Critical Rendering Path

Discover useful tools

Test and Optimize Performance

Perform Audits

Optimize Website's Speed

This course consists of 3 main sections: editing, debugging, testing and optimizing performance. We'll walk through each of 9 panels of Chrome's developer tools and learn all the great, useful things they can do.

After finishing this course you'll be able  to use your new knowledge in developing faster and better apps!

課程章節

  • 4 個章節
  • 27 堂課
  • 第 1 章 Introduction
  • 第 2 章 Elements panel
  • 第 3 章 Debugging
  • 第 4 章 Audit and Performance

課程內容

  • Edit websites on-the-fly
  • Test ideas and quickly make some design changes
  • Add workspaces and persist changes to disk
  • Use command menu
  • Debug JavaScript code
  • Set breakpoints
  • Use Console Log and other commands
  • Improve load and runtime performance
  • Analyze security issues
  • Find memory leaks and fix memory problems
  • Make audit and improve website's google ranking
  • Inspect and Debug Progressive Web Apps

評價

  • L
    Learning Moolya
    2.0

    can be better

  • T
    Thania Abrahams
    3.0

    I thought you made a great effort in your lessons, especially with additional tips, however, just some suggestions are to increase the quality of your presentation in terms of video - it was a bit difficult to see smaller items and text. I would also do more in-depth explanations about terminology and what things mean for beginners in the different panels inside of chrome developer tools for eg. performance but other than that great job!

  • J
    John Taylor
    5.0

    I learned so much, in just a few hours. This course presents useful information from start to finish. Well done!

  • M
    Martina Planinic
    4.0

    Would recommend as a start course, as it goes through all the panels of the Google DevTools, but I lack more quiz questions and excercises.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意