Loading edtechjoker..

The front end development community has largely landed on Node.js being the way to power their development environments. NodeJS (or Node, people reference it usually as just Node) is Javascript on the command-line / backend of a server in order to process requests.

People have landed on this because it allows for hot-swapping skills more readily (in theory). Know JS? You can get a back-end job. Know JS? You can get a front-end job.

To simplify our web components journey, we're going to start class ensuring that EVERYONE has NodeJS and the open-wc tooling installed and able to be used on their machine. Until everyone has this, just like in industry, you can't move forward as a team.

Activity

Until your entire team is on the same workflow, you can't exist as a start up / company doing web development. So starting with day one, we're going to work together as a group to get everyone set up with Node, local development tooling, and be able to get a demo of their first hello-world web component using open-wc .

• Install Node LTS release on their machine
• Install npm (should come with Node) as well as yarn (an alternative version of npm) - https://yarnpkg.com/
• Create a folder called Documents/git/edtechjoker for your projects to live under
• It can be in whatever location makes sense for your code projects but keepgin with this name will help simplify debugging for me / others as we all learn
• In that folder, be able to successfully run npm init @open-wc
• Create a hello-world boilerplate that has...
• a new project scaffold
• a web component
• all the options checked for linting, testing and demoing
• DOES NOT USE TYPESCRIPT
• is named hello-world
• is installed using yarn