Description
Introduction to Dev Tools The training course is a set of Devoloper tools for Google Chrome browser, published by Frant & Masters Academy. Development tools or Dev Tool is one of the competitive advantages of Chrome browser over other existing browsers such as Mozilla. Devoloper 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. In recent years, with the rapid development of the web world, Devoloper tools has become one of the main priorities of Google, and new features are added to it with each update.Among the most important features of the Devoloper tools section are the console, debugger, website performance test and RAM and processor usage, accessibility test, and so on. Each of these sections contains valuable information about the performance and flexibility of the website and can help you develop more and more compatible websites.
What you will learn in the Introduction to Dev Tools course:
- History of Devoloper tools and its development process
- Network panels and website elements
- Identify security and performance bugs of the website using the Performance panel
- Work with Google Lighthouse tools
- Familiarity with the concept of accessibility and ways to improve it
- Website SEO optimization
Course specifications
Publisher: Front & MastersInstructor: Jon Kuperman
Language: English
Level: Introductory
Number of Courses: 30
Duration: 3 hours and 22 minutes
Introduction to Dev Tools course topics
IntroductionIntroduction
DevTools History
Setup
Elements & Network Panels
Performance, Console, & Security Panels
Sources, Application, & Memory Panels
Lighthouse, Device Emulation, & Element Finder
Quick Edits: CSS, HTML, & Scroll Into View
Quick Edits: Computed Styles & Specificity
Quick Edits: HTML Breakpoints, Themes, & Accessibility
Quick Edits Exercise
Quick Edits Solution
Workspaces
Workspaces Exercise
Workspaces Solution
Step Through Debugging
Step Through Debugging Exercise
Step Through Debugging Solution and Q&A
Network & User Performance
Network Performance & Network Waterfall
Network Performance Q&A
Measuring Real User Performance
On-Page Performance
Performance Panel & Page Jank Tips
Layout Thrashing Exercise
Layout Thrashing Solution
Running Node.js
Memory Leaks & Memory Heap Snapshots
What Can Slow Down a Website
Simulating Network Conditions
Lighthouse Audits
Wrapping Up
Wrapping Up
Course pictures
Introduction to Dev Tools course introduction video
Video viewerMedia error: Format(s) not supported or source(s) not found
دریافت پرونده: https://dl.downloadly.ir/Files/Elearning/Sample/Introduction_to_Dev_Tools_Downloadly.ir.mp4?_=1
00:00
00:00
Installation guide
After Extract, watch with your favorite Player.Subtitle: None
Quality: 1080p