Mastering Chrome Developer Tools for Beginners

سرفصل های دوره

Unlocking Web Development: A Beginner's Guide to Chrome DevTools Mastery

1. Introduction

1. Introduction.html

2. Overview of Chrome Developer Tools.html

3. Importance and benefits of using Chrome DevTools.html

4. What is Chrome Developer Tool

5. Setting up your environment

6.1 AtomSetup.zip

6. Note on atom text editor.html

7. Installing Atom

8. Installing Visual Studio Code

9. Installing Atom-live Server

10. What is the DOM

11. How to access chrome devtools

12. Resource Files

Files.zip

2. Exploring Chrome Developer Tools Panels

1. Introduction to chrome dev tools groups

2. Dev Tools Options

3. Simulating Mobile Devices in Chrome Dev Tools

4. Working with Element Panel

5. Setting up persistence

6. How to edit and examine box model

7. Using the Console

8. Using and exploring the network panel

9. Exploring other devtools panels

3. How to debug Javascript code inside DevTools

1. Debugging JavaScript in Chrome Developer Tools

2. Step 1 Reproducing the Bug

3. Step 2 Pausing the code with a breakpoint

4. Step 3 Stepping through the code

5. Step 4 Setting up another breakpoint

6. Step 5 Checking variable values

7. Step 6 Applying the Fix to the code base

Files.zip

4. Real-world Applications

1. Using DevTools for SEO Optimization.html

2. Accessibility Testing with DevTools.html

3. Mobile Web Development and Testing.html

54,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy