CodeYourFuture / curriculum

The CYF Curriculum

https://curriculum.codeyourfuture.io

Other

27 stars 29 forks source link

[Workshop] Web Inspector for JS #331

Open illicitonion opened 9 months ago

illicitonion commented 9 months ago

Workshop Request

Context: https://github.com/CodeYourFuture/curriculum/pull/330/files/f7182e63ee46801b3853cc12b9863bd14e3e8a0c#diff-0fe9daf0f2cb318614cdd80d90a20be5485beb3ba937743ce26e8d598bd409ac

What is the title of your workshop

Web Inspector for JS

What are the key topics that will be covered in the workshop?

Using the javascript console in the web inspector (both to see logs, and to execute code)
That the element tree shows the current DOM state of elements, not the initial HTML state

What knowledge does the trainee need before starting?

Must have written some JavaScript (literally any JavaScript)
Must have used console.log
Ideally an introduction to the DOM

illicitonion commented 9 months ago

Note: There is already a devtools workshop (https://github.com/CodeYourFuture/CYF-Workshops/tree/main/devtools) - this should build on that specifically to introduce concepts around running JavaScript.