cristofersousa

StarQuiz

Objetivo

O objetivo desse desafio é medir o conhecimento do candidato em relação ao desenvolvimento de aplicativos Web com foco no front-end.

Enredo

Você conhece os personagens de Star Wars?

cristofersousa

let app = New Vue({
  el=“#app”,
    data: {
      meunome = “DevCasa&Café”
     }
  });

<div id=“app”>
    <span v-bind:title=“meunome”>
      {{meunome}}

cristofersousa

/* =======================
 States Rules
==========================*/
.is-visible {
 display: block
}
.is-hidden {
 display: none;
}

cristofersousa

let name = 'Opensanca';       // nossa variável global
  function sayName() {
    let name;                // nossa variável local de mesmo nome que a global
    console.log(name);       // chamando a variável local dentro da function
    let = "Opensanca";       // nossa variavel global foi para dentro da function pois ocorreu o hoisting e com isso não temos nenhuma atribuição global para o JS o que resulta em `undefined`
}

cristofersousa

```
 let name = 'Opensanca';

 function sayName() {
   console.log(name);
   let name = 'Opensanca';
 }

 sayName();

cristofersousa

  var name = 'Opensanca';

 function sayName() {
   console.log(name);
   var name = 'Opensanca';
 }

 sayName();

  > Saída obtida: name is not defined

cristofersousa

function test(o) {
    var i = 0;      // i está definida para toda a função
    if (typeof o == "object") {
      var j= 0;

        for (var k=0; k <=10; k++) {
          console.log(k);
        }
        console.log(k);
    }

cristofersousa

 function {  
   // seu código aqui
 }

cristofersousa

  scope = "global";              // declara uma variável global mesmo sem var

  function checkscope2() {
    scope = "local";             // alterando o valor da variável global pela local
    myScope = "local";           // adicionando uma nova variável global mesmo dentro da função

    return  [scope, myScope];     // retornando os dois valores declarados dentro da function
  }

  checkscope2();                 // ["local", "local"]: temos efeitos colaterais aqui, esperavamos **["global, local"]**

cristofersousa

```
  let scope = "global"      // declara uma variável global
  function checkscope() {   
    let scope = "local";    // declara uma variável local com o mesmo nome da global
    return scope;           
  }

  checkscope();
  > saída: "local"