Giter Club home page Giter Club logo

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

Frontend Masters

Welcome

Welcome to the code behind the course website for the Introduction to Web Development v2 course on Frontend Masters.

Devlopment

To develop locally

  1. git clone this repo
  2. npm install
  3. npm run develop

To publish

  1. npm run publish

License

  • Please, please use this material to learn to write code
  • Please share it with anyone who wants to learn
  • Please fork-and-fix any mistakes you see
  • Please use this material to teach in non-commercial settings. If you'd like to use this material in a commercial setting or to otherwise make money, contact me. DMs on Twitter work best
  • Any other questions, just ask. Answer may be yes

Content licensed under Attribution-NonCommercial 4.0 International

Code to run the site itself is licenced under Apache 2.0.

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

Contributors

1marc avatar ardacelik avatar aston13 avatar bosaio avatar brandnpatterson avatar btholt avatar dennisxzx avatar gastongarcia avatar hoomand avatar mikeli1 avatar mmeinzer avatar owenfallon avatar romeojeremiah avatar seanhamlet avatar skorasaurus avatar webtaculars avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

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

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!

404s

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

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.

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:
image

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

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].

"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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.