acacha

Troubleshooting

No troba dotenv al instal·lar a now

Repasseu el fitxer packaeg.json mireu el del professor:

• https://github.com/acacha/moixonet-nuxt-frontend/blob/production/package.json

En el meu cas @nuxtjs/dotenv estava a devDependencies i cal posar a dependencies. Esborrar node_modules i tornar a peer npm install

acacha

# ADVANCED VUE COMPONENTS

Exemples: inheritance, compositions, associations:

- https://www.visual-paradigm.com/guide/uml-unified-modeling-language/uml-aggregation-vs-composition/
- https://www.thoughtworks.com/insights/blog/composition-vs-inheritance-how-choose
- https://learn.adamwathan.com/advanced-vue/extending-components-using-composition
  - ModalDialog -> Composició es pot crear ConfirmModalDialog, Announcementdialog
## COMPOSITIONS VS INHERITANCE

acacha

Javascript

ESLINT

• docs: https://eslint.org/docs/user-guide/getting-started
• rules: https://eslint.org/docs/rules/

Com sap quina configuració aplicar: fitxer .eslintrc.js a la carpeta o carpetes pare (fins arribar a una que posi root: true)

Configuració .eslintrc.js (https://eslint.org/docs/user-guide/configuring). Exemple Nuxt:

acacha

alias gs="git status"
alias gl="git log"
alias gcom="git checkout master"
alias gaa="git add ."
alias gc="git commit -m "
alias gp="git push"
alias nah="git reset --hard && git clean -df"

acacha

FLOW USUARI NORMAL

Vegeu aplicació ebando per Android. Les interfície/frontend web/nuxt si tenen gestió (creació de canals, CRUD canals i missatges, etc) però les Apps natives Android/Ios només tenen funcionailitats usuaris normals

• https://play.google.com/store/apps/details?id=es.ebando.app&hl=es

Notes sobre seguretat:

• Canals són públics i els missatges també: de fet no caldria usuari a la app mòbil.
• Crides GET a la API totes públiques!!!

acacha

<?php

namespace Infrastructure\Auth;

use Illuminate\Foundation\Application;
use Infrastructure\Auth\Exceptions\InvalidCredentialsException;
use Api\Users\Repositories\UserRepository;

class LoginProxy
{

acacha

git clone URI_DEL_PROJECTE
cd NOM_PROJECTE
composer install
npm install
cp .env.example .env     => CONFIGURAR CONNEXIÓ A BASE DE DADES I ALTRES
php artisan key:generate
php artisan migrate

acacha

Vue.component('ParentA',{
  template:`
    <div id="parent-a">
      <h2>Parent A</h2>
      <pre>data {{ this.$data }}</pre>
      <button @click="reRender">Rerender Parent</button>
      <hr/>
      <child-a :score="score"/>
      <child-b/>
    </div>`,

acacha

var level1 = {
  preload: function() {
    console.log('PRELOAD')

    game.load.image('wall','assets/wall.png')
    game.load.image('ground','assets/ground.png')

    game.load.spritesheet('player','assets/player.png', 28, 22)

  },

acacha

var level1 = {
  preload: function() {
    console.log('PRELOAD')

    game.load.image('wall','assets/wall.png')
    game.load.image('ground','assets/ground.png')

    game.load.spritesheet('player','assets/player.png', 28, 22)

  },