Do the Chrome Debugger Mini Workshop
还没有人认领这个 Issue。
评估
- 难度
- 1/5
- 预计耗时
- 1 小时以内
- 新手友好度
- 55/100
- Issue 类型
- 文档
- 描述清晰度
- 描述清楚
- 活跃度
- 停滞
- 技术栈
- javascript
调研方向
从链接的 Chrome DevTools JavaScript 教程开始,按照其中的七分钟视频和任务进行操作。完成调试练习,包括了解 Chrome 内置的调试工具;无需提交任何内容,也无需更新 repository 文件。
由索引模型根据 Issue 内容生成。
描述
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:
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.
- 主要语言
- JavaScript
- 星标
- 1
- 派生
- 327
- 平均合并
- 3 天 7 小时
- 30 天内合并 PR
- 3
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
CodeYourFuture/Module-Data-Groups 的其他 Issue
-
🏕 Priority Mandatory 🐇 Size Small 📅 Sprint 1 Core Module-Data-Groups Submit:None 🦔 Size Tiny
难度 1/5 1 小时以内 新手友好度 65/100
-
📅 Sprint 1 NotCoursework
CodeYourFuture/Module-Data-Groups#1443 · 已指派 1 人 ·
-
🏝️ Priority Stretch 🐇 Size Small 📅 Sprint 2 Module-Data-Groups Optional Submit:Issue
难度 1/5 1 小时以内 新手友好度 58/100
-
🏕 Priority Mandatory 🐂 Size Medium 📅 Sprint 2 Core Module-Data-Groups Submit:Issue
难度 1/5 1-3 小时 新手友好度 58/100
-
🏝️ Priority Stretch 🐂 Size Medium 📅 Sprint 3 Module-Data-Groups Optional Submit:None
难度 1/5 1 小时以内 新手友好度 35/100
查看 CodeYourFuture/Module-Data-Groups 的全部 Issue
相似的 Issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
georgestephanis/p2026#40 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·