Tehtävä

  1. Tee nämä muutokset ja lisäykset edellisen projektin tehtävään

  2. Käynnistä palvelin ja livereload-kehitys npm run dev-server

  3. Tee pelistä kivemman näköinen Bootstrap-kirjaston tyyleillä. Esimerkiksi:

    <button class="btn btn-primary">...</button>
  4. Siirrä pelin koodeja omiin moduuleihin, jottei kaikki ole yhdessä tiedostossa. Esimerkiksi:

    src/card.js
    export default ({ name, version, ...statistics }) => 
      `<h3>${name}@${version}</h3>
      <ul>
        ${Object.entries(statistics)
          .map(([prop, value]) => `<li>${prop}: ${value}</li>`)
          .join('')}
      </ul>`;
    src/index.js
    import card from './card';
    /* ... */
  5. Ota käyttöön ulkopuolisia JavaScript-kirjastoja, esimerkiksi Lodash korttien sekoittamiseen

    npm install --save-dev lodash
    import { shuffle } from 'lodash';
    /* ... */
    this.cards = shuffle(this.cards);

Last updated