Browser Developer Tools
3.2 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
452 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Browser Developer Tools to your Wishlist.

Add to Wishlist

Browser Developer Tools

Get to know various Browser Developer Tools for popular browsers & use them to debug & speed up your development process
3.2 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
452 students enrolled
Last updated 12/2015
English
Current price: $10 Original price: $80 Discount: 88% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Know how to get most of the browser developer tools
  • Learn how to debug your code i.e javascript and css using debugger tools provieded by various browsers
  • Learn how to read minified scripts using different browsers
  • Learn how you can play with Document Object Model using tools provided by browsers
  • Learn how you can see what's affecting your page load time
  • Manage memory issues
  • Save your changes directly from browser to your code files
View Curriculum
Requirements
  • HTML
  • CSS
  • JavaScript
  • Browser knowledge
Description

Learn how you can make use of browser development tools to make web pages better.

This course tells you everything that you as a web-developer or web-designer needs to know when it comes to debugging your JavaScript or style-sheets using developer tools for browsers

Learn how you can dynamically change HTML and apply style-sheets to your web-pages and then save the same back to your source files all directly from the browser.

You will also learn how you can read minified scripts

This course also covers various other important topics like managing memory, optimizing page load time of web pages.

All lectures are recorded in HD quality video which ensures that you will not miss a thing.

So lets start learning now..

Who is the target audience?
  • Web Developers
  • Web Designers
  • Aspiring Web Developers
  • Aspiring Web Designers
  • Testers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 29 Lectures Collapse All 29 Lectures 03:07:49
+
Introduction to Browser Developer Tools
1 Lecture 01:34
+
Chrome Developer Tools
8 Lectures 52:39

Modifying DOM-(Document Object Model) on the fly

Preview 06:18

Learn how to use the network panel and analyze

Resource Info - size, type, etc

Server Response Details

Timeline of network details

Time of network requests

Network Panel
09:44

Learn how to

Modify application source files

Track file versions

Export changes

Sources Panel
04:50

In this lecture we will cover

Rendering Performance

CPU Profiling

Timeline Panel & Profiles
04:37

Debug live code with breakpoints

Reading minified code

Working with Local Storage

Debugging & Resources Panel
10:13

Working with console

Examining Exceptions

Element Selector Shortcuts

Console Panel
09:11

Finding Memory Leaks

Memory View - Timeline Panel
04:58

Emulate Browsers, screen sizes

Preview 02:48
+
Firebug for Mozilla Firefox
7 Lectures 41:25

What is Firebug

How to install Firebug

Preview 02:17

Modifying DOM-(Document Object Model) on the fly

Preview 07:15

Learn how to use the network panel and analyze

Resource Info - size, type, etc

Server Response Details

Timeline of network details

Time of network requests

Network Panel
04:06

Working with console

Examining Exceptions

Element Selector Shortcuts

Console Panel
09:49

Debugging your code

Script Panel
07:59

Working with StyleSheets

CSS Panel
07:21

Managing Cookies

Cookies Panel
02:38
+
Internet Explorer Developer Tools - F12 Tools
8 Lectures 58:45

Modifying DOM-(Document Object Model) on the fly

Preview 08:40

Working with console

Console Panel
07:22

Debugging your javascript

Debugger Panel
07:50

Learn how to use the network panel and analyze

Resource Info - size, type, etc

Server Response Details

Timeline of network details

Time of network requests

Network Panel
08:10

Analyze UI Performance

UI Responsiveness Panel
05:46

Profiling your script

Profile Panel
06:46

Diagnosing memory problems

Memory Panel
10:29

Emulate Browsers, screen sizes

Emulation Panel
03:42
+
Popular JavaScript Framework Tools
4 Lectures 10:26
React Developer Tool for Chrome
02:53

Ember JS - Ember Inspector
02:23

Angular JS - Batarang
02:39

Angular JS - ng-inspector
02:31
+
Conclusion & Code Download
1 Lecture 00:00
Conclusion & Code Download
23 pages
About the Instructor
SkillBakery Studio
3.3 Average rating
349 Reviews
4,017 Students
17 Courses
Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.