CodeYourFuture / CodeYourFuture/Module-Data-Groups

Do the Chrome Debugger Mini Workshop

未关闭
#2 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
🏕 Priority Mandatory 📅 Sprint 3 Core Module-Data-Groups Submit:None 🦔 Size Tiny
主要语言
JavaScript
星标
1
派生
326
平均合并
3 小时 25 分钟
30 天内合并 PR
2

描述

### Link to the coursework

https://developer.chrome.com/docs/devtools/javascript/

### Learning Objectives

- [ ] Learn about the debugging tools built into Chrome

### Why are we doing this?

Remember the toolkit we spoke about back in [Structuring & Testing Data](https://itp.codeyourfuture.io/structuring-data/sprints/3/backlog/#:~:text=Watch%20the%20VSCode%20Debugger%20Video%20%F0%9F%94%97):

**Specifications**, like user stories, acceptance criteria, and Given/When/Then
Help us understand what to write and check we've written the right thing.

**Tests**, like unit tests and assertions
Help us break down our problems and check our solutions work even when we change things.

**Asking questions**
Help us formally reason through our problems and identify gaps in our mental models.

**Playing computer**
Helps us reason about code with a mental model.

**Audits**, like Lighthouse
Help us identify performance and quality improvements we can make to our code.

In that task we introduced the VSCode **debugger** and saw how we can include it in our workflow. Now we're going to look at the debugger inside Chrome.

As a reminder, some of the key reasons we use debuggers are:

- See what's happening inside functions
- Check if variables have expected values
- Pause execution and step through slowly
- Find exactly where mistakes happen

Complete this tutorial (it's a 7 minute video plus tasks) to explore the Chrome Debugger.

### Maximum time in hours

.5

### How to get help

AI can help you here. Code along with AI so it has the context and ask it when you get stuck. Use this starting prompt:

```
Act as a friendly, supportive, knowledgeable programming mentor. I am learning the debugger in Chrome Devtools. I'm doing this tutorial https://developer.chrome.com/docs/devtools/javascript/

Talk me through the tutorial step by step. Wait for me to confirm I've completed the step before going on to the next step. When I get stuck, answer my questions in CEFR B2 English meant for an adult professional speaking in a second language. Do not rephrase the tutorial text, just explain it when I ask you. Say okee dokee if you understand, and begin with step 1.
```

### Submission & Review

There is nothing to submit for this exercise.

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。