Browser Developer Tools – Using for everything

Browser Developer Tools – Using for everything, available at $54.99, has an average rating of 5, with 19 lectures, 2 quizzes, based on 1 reviews, and has 4 subscribers.

You will learn about How to improve the web development workflow when working on UI by using the browser developer tools first, then applying to code How to use the browser developer tools on Android/iOS apps and be able to apply changes in realtime How to manipulate any web application behaviour through the elements, console, and application tabs How the browser developer tools can be used for studying, taking your html/css skills into another level. The power of javascript and the console tab, not limiting yourself into only using it when developing applications Many other real-world examples of how the browser developer tools can be used for productivity, debugging, and learning purposes This course is ideal for individuals who are You are a web developer or You are a UI/UX designer or You are a quality assurance tester or You work with any of these three It is particularly useful for You are a web developer or You are a UI/UX designer or You are a quality assurance tester or You work with any of these three.

Enroll now: Browser Developer Tools – Using for everything

Summary

Title: Browser Developer Tools – Using for everything

Price: $54.99

Average Rating: 5

Number of Lectures: 19

Number of Quizzes: 2

Number of Published Lectures: 19

Number of Published Quizzes: 2

Number of Curriculum Items: 21

Number of Published Curriculum Objects: 21

Original Price: €34.99

Quality Status: approved

Status: Live

What You Will Learn

How to improve the web development workflow when working on UI by using the browser developer tools first, then applying to code
How to use the browser developer tools on Android/iOS apps and be able to apply changes in realtime
How to manipulate any web application behaviour through the elements, console, and application tabs
How the browser developer tools can be used for studying, taking your html/css skills into another level.
The power of javascript and the console tab, not limiting yourself into only using it when developing applications
Many other real-world examples of how the browser developer tools can be used for productivity, debugging, and learning purposes

Who Should Attend

You are a web developer
You are a UI/UX designer
You are a quality assurance tester
You work with any of these three

Target Audiences

You are a web developer
You are a UI/UX designer
You are a quality assurance tester
You work with any of these three

Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load.

By the end of this course, you will gain a new perspective on the Browser Developer Tools, and develop a comprehensive understanding of practical application in day-to-day development and its usage on web applications.

What exactly are you going to learn then?

The overview of the most used tabs of the browser developer tools
- Elements
- Console
- Sources
- Network
- Application
- Performance, Memory, Lighthouse & and more tools
How you can use the browser developer tools
- To customise any app/website for your own benefit
- To avoid repeating yourself while developing with hot-reload mode activated.
- To save time while developing hybrid apps.
- To still be able to contribute with your team or product even when not on your development machine
- To learn new HTML/CSStechniques and implementations.
- To increaseimplementationsuccess of your app/website suggestions or improvements
- To gaincontrol over any app/website behaviour through storage manipulation.
- To beaware and learn from the network activity of any app/website desired.
- To discovernewtechnologies used by any app/website out there.

Course Curriculum

Chapter 1: Tabs Overview

Lecture 1: We’re always learning

Lecture 2: How to open the inspector (chrome, firefox, safari)

Lecture 3: The Elements tab overview

Lecture 4: The Console tab overview

Lecture 5: The Sources tab overview

Lecture 6: The Network tab overview

Lecture 7: The Application tab overview

Lecture 8: Performance, Memory, Lighthouse, and more

Chapter 2: Use cases

Lecture 1: Using it to customise external app/website for your own benefit

Lecture 2: Using it when developing an app/website with hot-reload

Lecture 3: Project setup and opening the Developer Tools (Web/Android/iOS)

Lecture 4: Using it for realtime change on Android/iOS apps

Lecture 5: Using it when you are not on your computer

Lecture 6: Using it to improve your html/css skills

Lecture 7: Using it to suggest changes

Lecture 8: Using it to manipulate app/website behaviour

Lecture 9: Using it to study external app/website network requests

Lecture 10: Using it to discover external app/website technologies

Chapter 3: Wrap-up

Lecture 1: Thanks for being part of the course

Instructors

Derick Florencio
Fullstack Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 0 votes
5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu