explanation
The Introduction to Developer Tools course is a set of developer tools for the Google Chrome browser published by Frontend Masters Academy. Development tools or development tools are one of the competitive advantages of Chrome browser over other existing browsers such as Mozilla. Developer Tools is actually a very useful and valuable toolkit that can help programmers and developers of websites and web applications in the field of site optimization and troubleshooting. With the rapid evolution of the web world in recent years, developer tools have become one of Google’s main priorities, with new features being added with each update.
Among the most important features of the developer tools section, we can mention console, debugger, website performance testing, RAM and processor memory capacity, accessibility testing, etc. Each section contains valuable information about the performance and flexibility of your website and can help you develop increasingly compliant websites.
What you will learn in Introduction to Developer Tools
- History of developer tools and development process
- Network panel and website elements
- Identify security and performance bugs on your website using the Performance panel
- Use Google Lighthouse tools
- Familiarity with the concept of accessibility and how to improve it
- Website SEO Optimization
Course specifications
Publisher: Frontend Masters
teacher: John Cooperman
Language:English
Level: Beginner
Number of classes: 30
Duration: 3 hours 22 minutes
Introduction to developer tools course topics
introduction
introduction
DevTools History
setting
Elements and Networks panel
Performance, Console, and Security Panel
Sources, Applications, and Memory Panels
Lighthouse, device emulation and element finding
Quick edits: CSS, HTML, and scrolling through views
Quick Edit: Calculated Style and Specificity
Quick edits: HTML breakpoints, themes, and accessibility
Quick editing practice
Quick editing solution
workspace
Workspace practice
workspace solutions
Debugging step by step
Debugging walkthrough step by step
Debugging solution step-by-step progress and Q&A
Network and user performance
Network Performance and Network Waterfall
Network Performance Q&A
Measure real user performance
On-Page Performance
Performance panel and page jank tips
Layout thrashing exercise
Layout Thrashing Solution
Run Node.js
Memory leaks and memory heap snapshots
Factors that can slow down your website
Network state simulation
lighthouse appreciation
finish
finish
movie
Introduction video introducing developer tools
installation manual
After extracting, watch with your favorite players.
Subtitles: None
Quality: 1080p
download link
File password: free download software
size
774 MB