jkup / mastering-chrome-devtools Goto Github PK

Looks like the url is down for the debugging exercise:

https://cat-fact.herokuapp.com/facts

Seems like the demo website is no longer available in any of the following URLs
https://mastering-chrome-devtools-2.vercel.app/
https://masteringdevtools.com/

Probably related to the latest commit of 23/8
c861359

This isn't a major deal, but took me a minute to figure out. maybe it will help others watching the debugger and breakpoints videos.

Using Chrome Version 55.0.2883.95 (64-bit)

Steps to replicate :

node server.js

navigate to : http://localhost:3000/debugging

Open chrome dev tools, click sources tab.

Expected :
I can see the "debugging2.js" file in my Dev Tools "Sources" tab

Actual :
The "debugging2.js" file does not appear in the sources tab, nor does it appear in the list of files when searching with Cmd + P.

Notes :
Editing server.js and including 'debugging2.js' serves the file and it appears in my sources tab.

// Debugging Demo
app.get('/debugging', function (req, res) {
  res.render('debugging', {
    scripts: ['debugging.js','debugging2.js']  <-- I can just add it here and it works.
  })
})

What's strange is I think after creating a Workspace and adding my local files I was able to see the debugging2.js, even after I removed the Workspace. But then on subsequent refreshes of the page the file debugging2.js no longer appeared under the sources tab, so I went ahead and edited server.js as above.

Good class, I'm learning a lot, thanks!

Before editing server.js to serve the file explicity :

After editing server.js :

when doing npm install i keep getting errors about not being able to find some packages, current error points:

npm ERR! code E404
npm ERR! 404 Not Found: @types/babylon@^6.16.2

Tried installing through yarn, but got the same error.

edit: this only happens in mac, in windows 10 i was able to run npm install with no issues

hello I have an app with a similar structure to this (layouts in a views folder, and the rest of the assets in a public folder). The dev server works well, but I'm not exactly sure of the proper technique to deploy this app to a live url. Are there any further resources on this you would recommend? thanks

On Fedora 30 - Google Chrome Version 79.0.3945.130 (Official Build) (64-bit), when I Shift + Click the color in Styles tab, the color format changes but it reverts back when the list item with class domChanges has an attribute change/toggle.

https://masteringdevtools.com/lessons/editing

Works fine on Firefox though.