GithubHelp home page GithubHelp logo

learning-svelte's Introduction

Svelte Training

This repository contains all of the exercises for working through the the "Learning Svelte" Workshop.

Getting Started

This workshop assumes that you have a few tools available on your computer. Here are the tools, along with the versions that I used to create and work through the exercises:

  • Node.js 10.16
  • npm 6.10.2
  • git 2.22.0

I imagine that unless you have a really old version of these tools you will most likely not have any problems running these exercises. But, if you do, that is the first place I would look.

Once you've ensured that you have Node.js, npm, and git available, run the following commands:

git clone https://github.com/lund0n/learning-svelte.git
cd learning-svelte
npm run setup

This will check out the project to your computer, and install the necessary npm dependencies for running the workshop on your computer. If everything was successful, you should see a message letting you know that you're set up!

Working Through the Exercises

To start the app containing the exercises, run the following in your terminal:

npm run dev

and then open a web browser to http://localhost:5000. You should see a list of exercises.

All of the exercise files can be found in the src/exercises directory, and my solution to the exercises and found in the src/solutions directory.

You can also write and run tests, which are found in the src/__tests__ directory, but running the following in your terminal:

npm test

Note that there are currently only tests for exercise 1. I hope to add more tests in the future.

learning-svelte's People

Contributors

lund0n avatar

Stargazers

Virginia de la Riva avatar

Watchers

 avatar James Cloos avatar

Forkers

jakefreeberg

learning-svelte's Issues

Undocumented yarn dependency?

Attempted to run setup with node 10, npm 6, and git 2. Got this error:

$ npm run setup

> [email protected] setup /Users/zac/Dropbox/Code/learning-svelte
> node ./scripts/setup.js

/bin/sh: yarn: command not found
๐Ÿšจ  There was a problem:
{ Error: Command failed: yarn --version
/bin/sh: yarn: command not found

    at checkExecSyncError (child_process.js:629:11)
    at execSync (child_process.js:666:13)
    at execValidator (/Users/zac/Dropbox/Code/learning-svelte/scripts/workshop-setup.js:1719:18)
    at validateYarn (/Users/zac/Dropbox/Code/learning-svelte/scripts/workshop-setup.js:1751:12)
    at Module.setup_setup (/Users/zac/Dropbox/Code/learning-svelte/scripts/workshop-setup.js:1887:62)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:832:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
  status: 127,
  signal: null,
  output:
   [ null,
     <Buffer >,
     <Buffer 2f 62 69 6e 2f 73 68 3a 20 79 61 72 6e 3a 20 63 6f 6d 6d 61 6e 64 20 6e 6f 74 20 66 6f 75 6e 64 0a> ],
  pid: 46193,
  stdout: <Buffer >,
  stderr:
   <Buffer 2f 62 69 6e 2f 73 68 3a 20 79 61 72 6e 3a 20 63 6f 6d 6d 61 6e 64 20 6e 6f 74 20 66 6f 75 6e 64 0a> }

If you would like to just ignore this error, then feel free to do so and install dependencies as you normally would in "/Users/zac/Dropbox/Code/learning-svelte". Just know that things may not work properly if you do...

Resolved by installing yarn globally.

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.