MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Using The Chrome Developer Tools

Course Summary

Did you know that you can modify just about any part of a web page live in your browser? What about setting breakpoints that automatically trigger whenever an AJAX call is made, or whenever a specific element on a page is modified? You can do all this and


  • +

    Course Syllabus

    ● Overview and Console
        ◦ Introduction
        ◦ Who This Course Is For
        ◦ Course Overview
        ◦ What Are The Chrome Dev Tools?
        ◦ Opening The Dev Tools
        ◦ Panel Overview
        ◦ The Console
        ◦ Opening The Console
        ◦ Console Logging
        ◦ Project Setup
        ◦ Using Logging
        ◦ Filtering
        ◦ Using Assert
        ◦ Grouping And Formatting
        ◦ Using Grouping
        ◦ Using Formatting
        ◦ Logging Objects
        ◦ Timing
        ◦ Debugger
        ◦ Command Line API
        ◦ Javascript Expressions
        ◦ Selectors
        ◦ Using The $ Selector
        ◦ Inspecting
        ◦ Monitoring Events
        ◦ Up Next
    ● Elements Panel
        ◦ Introduction
        ◦ View, Edit, Reload
        ◦ The Solution
        ◦ Elements Panel Overview
        ◦ Using Inspect Element
        ◦ Adding And Editing
        ◦ Moving And Deleting
        ◦ Inspect Mode
        ◦ Recently Selected
        ◦ Styles
        ◦ Examining Styles
        ◦ Computed Styles
        ◦ Enabling And Disabling
        ◦ Editing And Adding
        ◦ Pseudostate Styles
        ◦ Box Model
        ◦ Editing The Box Model
        ◦ Editing Properties
        ◦ DOM Breakpoints
        ◦ Event Listeners
        ◦ Searching
        ◦ Saving Modifications
        ◦ Up Next
    ● Resources And Network Panels
        ◦ Introduction
        ◦ Resources Panel Overview
        ◦ Modified JavaScript Files
        ◦ Chrome Version
        ◦ Frames
        ◦ Web SQL
        ◦ Indexed DB
        ◦ Local and Session Storage
        ◦ Cookies
        ◦ Application Cache
        ◦ Network Panel Overview
        ◦ Reading The Timeline
        ◦ More Advanced Timeline
        ◦ Sorting The Timeline
        ◦ Request Data
        ◦ Up Next
    ● Sources And Network Panels
        ◦ Introduction
        ◦ Sources Panel Overview
        ◦ Viewing Sources
        ◦ Modifying The Scripts
        ◦ Basic Debugging
        ◦ Watch Expressions
        ◦ Scope Variables
        ◦ Conditional Breakpoints
        ◦ Caught Exceptions
        ◦ Uncaught Exceptions
        ◦ XHR Breakpoints
        ◦ Event Listener Breakpoints
        ◦ Web Workers
        ◦ Audit Panel Overview
        ◦ Running An Audit
        ◦ Up Next
    ● Timeline And Profiles Panels
        ◦ Introduction
        ◦ Timeline Panel Overview
        ◦ Recording a Timeline
        ◦ Events View - Top Bar
        ◦ Events View - Records
        ◦ Frames View
        ◦ Memory View - Top Frame
        ◦ Memory View - Counters
        ◦ Troubleshooting Slow JavaScript
        ◦ Marking The Timeline
        ◦ Profiles Panel Overview
        ◦ CPU Profiles
        ◦ CSS Selector Profiles
        ◦ Memory Overview
        ◦ Memory Snapshotting
        ◦ Comparing Snapshots
        ◦ The End

     


Course Fee:
USD 29

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top