btholt/intro-to-web-dev-v2

Intro to Web Dev, v2

intro-to-web-dev-v2's Issues

importing popmotion from node_modules

In lesson Building Your Code with Node.js I am getting an error after removing the unpkg script tag from the HTML file and replace it with import popmotion from "popmotion" in my JavaScript file.

The error I am getting from the dev tools console is Uncaught TypeError: Error resolving module specifier “popmotion”. Relative module specifiers must start with “./”, “../” or “/”.

I found this issue on Stack Overflow --> https://stackoverflow.com/questions/63623432/uncaught-type-error-when-i-am-using-npm-install-popmotionit-is-used-for-animati, which I believe is a student having the same error. They get a different error message, but I think that is because they don't test their code until after they build, just as you do in the lesson. If I build my code with the error, I get the same error message as them.

Event Delegation Example Issue

Hello!

Just went through the wonderful Intro to Web Development v2 course on FEM and ran into a small issue.

At https://btholt.github.io/intro-to-web-dev-v2/dom/#event-delegation when you add the if statement to check if something within the container is a button before firing the alert function (the code in the video is "if (event.target.tagName === 'button')"), the code does not work. Also, the playground stops working, even if you remove the if statement to return the code to what it was by default.

Thanks!
Krista

Images src links are broken

In the basic HTML lesson, the url supplied to the src attribute of the image is broken. The image tag looks like <img src="http://www.placepuppy.net/100/100" alt="an adorable puppy" />, the image does not display because http://www.placepuppy.net/100/100 is broken.

Brian Holt

"Compliment", not "Complement"

Great class. Thank you the effort! The flow is just what a beginner needs.

One of the major examples misspells "compliment" (opposite of insult) as "complement" (something that enhances or completes something else) in the chapter text and the code.

There are other minor typos -- I will file those as time allows.

HTML CSS PROJECT LINK NOT FOUND

Html & Css project link returns missing.

Terminal gives me a lot of errors :(

I have a feeling this is a problem with my computer setup, but could do with advice on what these errors mean / how to fix... I'm on a windows 10 Pro surfacebook.

I was attempting to follow the start instructions in the docs (I've only just started reading the course, so maybe I'm getting ahead of myself and this is covered in the written material). Here goes...

After npm install, I got a load of security warnings, then this:

And when I then tried npm run develop I got this:

Is this because I need to install python on my machine? Or something else?

Incompatible node.js versione

Hi Brian, I just end Complete intro to Web Dev v2 but I noticed that with npm install node.js npm installs me the last node.js version (currently 14.17.5) that gave me problem when i made parcel index.html returning me this error C:\..\ Cannot resolve dependency 'tslib' I solved it with npm install [email protected].

404s at JS-Project

After completing the HTML and CSS on my own, and dabbling with the JS, I went to see the solutions to see the differences I may encounter. I discovered that the links lead to GitHub 404s.

Thanks!

js-project.md

in js-project.md folder, justify-cotent is incorrect and i fix it, please accept this branch: Update js-project.md @btholt

event parameter missing from calculator exercise

The calculator exercise does not function properly (input values are not accepted) when using Firefox because of a missing parameter at line 90 in calculator.js

Without the event parameter, the calculator works as expected in chrome which is an odd behavior that Brian even mentions. At 9:25 of https://frontendmasters.com/courses/web-development-v2/javascript-html-and-css-solution-part-2 that it's not optional. ;)

PR forthcoming.