From fc57441de1f723cafc4888631ccd7e8be071af6e Mon Sep 17 00:00:00 2001 From: Lupo Montero Date: Wed, 18 Jan 2023 16:35:00 +0100 Subject: [PATCH] feat(topics): Borra quizzes obsoletos --- topics/browser/02-dom/08-quiz/README.md | 275 ------------- topics/browser/02-dom/08-quiz/README.pt.md | 274 ------------- topics/browser/02-dom/14-requiz/README.md | 216 ---------- topics/browser/02-dom/14-requiz/README.pt.md | 217 ---------- topics/browser/04-xhr/06-xhr-quiz/README.md | 121 ------ .../browser/04-xhr/06-xhr-quiz/README.pt.md | 121 ------ .../browser/04-xhr/11-qz-fetch-jq/README.md | 71 ---- .../04-xhr/11-qz-fetch-jq/README.pt.md | 69 ---- topics/browser/04-xhr/20-quiz/README.md | 104 ----- topics/browser/04-xhr/20-quiz/README.pt.md | 104 ----- topics/css/01-css/09-quiz/README.md | 329 ---------------- topics/css/01-css/09-quiz/README.pt.md | 328 ---------------- topics/css/01-css/09-quiz/positioning.png | Bin 10179 -> 0 bytes topics/css/01-css/12-requiz/README.md | 371 ------------------ topics/css/01-css/12-requiz/README.pt.md | 368 ----------------- topics/css/02-responsive/04-quiz/README.md | 166 -------- topics/css/02-responsive/04-quiz/README.pt.md | 165 -------- topics/css/02-responsive/07-requiz/README.md | 167 -------- .../css/02-responsive/07-requiz/README.pt.md | 164 -------- topics/css/03-frameworks/05-quiz/README.md | 127 ------ topics/css/03-frameworks/05-quiz/README.pt.md | 128 ------ topics/css/03-frameworks/05-quiz/grid.jpg | Bin 53608 -> 0 bytes topics/css/03-frameworks/08-requiz/README.md | 145 ------- .../css/03-frameworks/08-requiz/README.pt.md | 147 ------- topics/functional/01-state/05-quiz/README.md | 102 ----- topics/functional/03-hof/07-quiz/README.md | 111 ------ .../05-flow-control/05-quiz/README.md | 108 ----- topics/javascript/01-basics/05-quiz/README.md | 363 ----------------- .../javascript/01-basics/05-quiz/README.pt.md | 364 ----------------- .../02-flow-control/04-quiz-1/README.md | 267 ------------- .../02-flow-control/04-quiz-1/README.pt.md | 268 ------------- .../02-flow-control/07-quiz-2/README.md | 216 ---------- .../02-flow-control/07-quiz-2/README.pt.md | 218 ---------- topics/javascript/04-arrays/05-quiz/README.md | 349 ---------------- .../javascript/04-arrays/05-quiz/README.pt.md | 321 --------------- .../javascript/04-arrays/07-requiz/README.md | 319 --------------- .../04-arrays/07-requiz/README.pt.md | 292 -------------- .../javascript/05-objects/05-quiz/README.md | 175 --------- .../05-objects/05-quiz/README.pt.md | 175 --------- .../javascript/05-objects/07-requiz/README.md | 101 ----- .../05-objects/07-requiz/README.pt.md | 102 ----- topics/scm/01-git/05-quiz/README.md | 43 -- topics/scm/01-git/05-quiz/README.pt.md | 43 -- topics/scm/02-github/02-quiz/README.md | 55 --- topics/scm/02-github/02-quiz/README.pt.md | 53 --- 45 files changed, 8222 deletions(-) delete mode 100644 topics/browser/02-dom/08-quiz/README.md delete mode 100644 topics/browser/02-dom/08-quiz/README.pt.md delete mode 100644 topics/browser/02-dom/14-requiz/README.md delete mode 100644 topics/browser/02-dom/14-requiz/README.pt.md delete mode 100644 topics/browser/04-xhr/06-xhr-quiz/README.md delete mode 100644 topics/browser/04-xhr/06-xhr-quiz/README.pt.md delete mode 100644 topics/browser/04-xhr/11-qz-fetch-jq/README.md delete mode 100644 topics/browser/04-xhr/11-qz-fetch-jq/README.pt.md delete mode 100644 topics/browser/04-xhr/20-quiz/README.md delete mode 100644 topics/browser/04-xhr/20-quiz/README.pt.md delete mode 100644 topics/css/01-css/09-quiz/README.md delete mode 100644 topics/css/01-css/09-quiz/README.pt.md delete mode 100644 topics/css/01-css/09-quiz/positioning.png delete mode 100644 topics/css/01-css/12-requiz/README.md delete mode 100644 topics/css/01-css/12-requiz/README.pt.md delete mode 100644 topics/css/02-responsive/04-quiz/README.md delete mode 100644 topics/css/02-responsive/04-quiz/README.pt.md delete mode 100644 topics/css/02-responsive/07-requiz/README.md delete mode 100644 topics/css/02-responsive/07-requiz/README.pt.md delete mode 100644 topics/css/03-frameworks/05-quiz/README.md delete mode 100644 topics/css/03-frameworks/05-quiz/README.pt.md delete mode 100644 topics/css/03-frameworks/05-quiz/grid.jpg delete mode 100644 topics/css/03-frameworks/08-requiz/README.md delete mode 100644 topics/css/03-frameworks/08-requiz/README.pt.md delete mode 100644 topics/functional/01-state/05-quiz/README.md delete mode 100644 topics/functional/03-hof/07-quiz/README.md delete mode 100644 topics/functional/05-flow-control/05-quiz/README.md delete mode 100644 topics/javascript/01-basics/05-quiz/README.md delete mode 100644 topics/javascript/01-basics/05-quiz/README.pt.md delete mode 100644 topics/javascript/02-flow-control/04-quiz-1/README.md delete mode 100644 topics/javascript/02-flow-control/04-quiz-1/README.pt.md delete mode 100644 topics/javascript/02-flow-control/07-quiz-2/README.md delete mode 100644 topics/javascript/02-flow-control/07-quiz-2/README.pt.md delete mode 100644 topics/javascript/04-arrays/05-quiz/README.md delete mode 100644 topics/javascript/04-arrays/05-quiz/README.pt.md delete mode 100644 topics/javascript/04-arrays/07-requiz/README.md delete mode 100644 topics/javascript/04-arrays/07-requiz/README.pt.md delete mode 100644 topics/javascript/05-objects/05-quiz/README.md delete mode 100644 topics/javascript/05-objects/05-quiz/README.pt.md delete mode 100644 topics/javascript/05-objects/07-requiz/README.md delete mode 100644 topics/javascript/05-objects/07-requiz/README.pt.md delete mode 100644 topics/scm/01-git/05-quiz/README.md delete mode 100644 topics/scm/01-git/05-quiz/README.pt.md delete mode 100644 topics/scm/02-github/02-quiz/README.md delete mode 100644 topics/scm/02-github/02-quiz/README.pt.md diff --git a/topics/browser/02-dom/08-quiz/README.md b/topics/browser/02-dom/08-quiz/README.md deleted file mode 100644 index be664f9b8..000000000 --- a/topics/browser/02-dom/08-quiz/README.md +++ /dev/null @@ -1,275 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #1 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) Completa el siguiente enunciado: `Las etiquetas HTML siempre serán nodos de tipo _______.` - -#### Opciones - - 1. Texto - 2. Comentario - 3. Elemento - 4. Atributo - -3 - -### 2) En la siguiente imagen, el texto `¡Hola Mundo! ¡La programación es muy cool!` entre las etiquetas h1, corresponde a un nodo tipo ______ - -```html - -

¡Hola Mundo! ¡La programación es muy cool!

- -``` - -#### Opciones - - 1. Condicional - 2. Texto - 3. Elemento - 4. Atributo - -2 - -### 3) El DOM nos sirve para - -#### Opciones - - 1. Entrar a los elementos de una página html y modificar sus propiedades - 2. Acceder a los elementos del navegador y modificarlos - 3. Dominar el mundo de la programación - 4. Crear bucles y condicionales - -1 - -### 4) Cuando quiero acceder u obtener un elemento único de mi página web a través de su identificador, ¿qué método/métodos de selección del DOM puedo utilizar? - -#### Opciones - - 1. `.getElementsByTagName();` - 2. `.getElementsByClassName();` - 3. `.getElementById();` - 4. `.querySelector();` - -3 - -### 5) Para acceder a elementos de mi página web que tienen la misma etiqueta HTML, ¿qué método/métodos del DOM puedo utilizar? - -#### Opciones - - 1. `.getElementsByTagName();` - 2. `.getElementsByClassName();` - 3. `.getElementById();` - 4. `.querySelector();` - -1 - -### 6) Selecciona los objetos del BOM - -#### Opciones - - 1. Location - 2. Screen - 3. HTMLtags - 4. Navigator - -1,2,4 - -### 7) BOM define ______ métodos para manipular el tamaño y la posición de la ______ - -#### Opciones - - 1. dos, ventana - 2. cuatro, ventana - 3. tres, etiqueta - 4. dos, información - -2 - -### 8) ¿Para qué puedo utilizar los atributos data? - -#### Opciones - - 1. Para agregar estilos a través de css a un elemento del HTML - 2. Para identificar a un elemento del DOM - 3. Para obtener el valor de una entrada de texto - 4. Para almacenar datos en las etiquetas HTML sin modificar la presentación - del documento - -4 - -### 9) ¿Cuál de las siguientes opciones es la correcta para hacer uso de los atributos data? - -#### Opciones - -1. Snippet 1: - - ```html - - ``` - -2. Snippet 2: - - ```html - - ``` - -3. Snippet 3: - - ```html - - ``` - -4. Snippet 4: - - ```html - - ``` - -1 - -### 10) Viendo el siguiente código, ¿cómo accedemos a nuestros atributos data a través de js? - -```html -

- Aquí está nuestro texto -

-``` - -#### Opciones - -1. Snippet 1: - - ```js - const text = document.getElementById('text'); - const autor = autor.dataset; - ``` - -2. Snippet 2: - - ```js - const text = document.getElementById('text'); - const autor = dataset.text.autor; - ``` - -3. Snippet 3: - - ```js - const text = document.getElementById('text'); - const autor = text.dataset.autor; - ``` - -4. Snippet 4: - - ```js - const text = document.getElementById('text'); - const text.dataset = autor; - ``` - -3 - -### 11) ¿A través de qué método eliminas un nodo del DOM? - -#### Opciones - - 1. elementoPadre.removeAttribute(**nodo**); - 2. elementoPadre.appendChild(**nodo**); - 3. elementoPadre.removeChild(**nodo**); - 4. elementoPadre.removeNode(**nodo**); - -3 - -### 12) ¿Con qué método creas un evento? - -#### Opciones - - 1. .addEventListener('____', **funcion**); - 2. .createEvent(' _____',**funcion**); - 3. .createElement('_____'); - 4. .actionListener('_____'); - -1 - -### 13) ¿Qué son los eventos? - -#### Opciones - - 1. Acciones que realiza el navegador cuando algo no anda bien. - 2. Acciones que se desencadenan a partir de la interacción del usuario con - un elemento de la página web. - 3. Fechas importantes para el navegador. - -2 - -### 14) ¿Cómo agregas un evento a un elemento? - -#### Opciones - -1. Snippet 1: - - ```js - const boton = document.getElementById('boton'); - boton.createEventListener(click, funcion_a_ejecutar); - ``` - -2. Snippet 2: - - ```js - const boton = document.getElementById('boton'); - boton.addEventListener = 'click' + 'funcion_a_ejecutar'; - ``` - -3. Snippet 3: - - ```js - const boton = document.getElementById('boton'); - boton.addEventListener('click', funcion_a_ejecutar); - ``` - -4. Snippet 4: - - ```js - const boton = document.getElementById('boton'); - boton = document.addEventListener('click', funcion_a_ejecutar); - ``` - -3 - -### 15) En ocasiones tenemos que usar e.preventDefault() para - -#### Opciones - - 1. Para prevenir cierto comportamiento que ya tienen los eventos. - 2. Para que nuestro evento tenga un valor por default. - 3. Para que el evento se ejecute en automático. - 4. Para prevenir que se llame al evento. - -1 diff --git a/topics/browser/02-dom/08-quiz/README.pt.md b/topics/browser/02-dom/08-quiz/README.pt.md deleted file mode 100644 index c5162185f..000000000 --- a/topics/browser/02-dom/08-quiz/README.pt.md +++ /dev/null @@ -1,274 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #1 - -## Objetivos - -- Nesta sessão, terá a oportunidade de se autoavaliar, colocando seus - conhecimentos à prova. É uma oportunidade para ajustar seu ritmo e - certificar-se de que realmente esteja aprendendo. Sucesso! - -*** - -## Perguntas - -### 1) Complete o seguinte enunciado: `As tags HTML sempre serão nós de tipo _______.` - -#### Opções - -1. Texto -2. Comentário -3. Elemento -4. Atributo - -3 - -### 2) Na imagem a seguir, o texto `Olá Mundo! Programar é muito cool!` entre as tags h1, corresponde a um nó do tipo **\_\_** - -```html - -

Olá Mundo! Programar é muito cool :3 !

- -``` - -#### Opções - -1. Condicional -2. Texto -3. Elemento -4. Atributo - -2 - -### 3) O DOM nos serve para - -#### Opções - -1. Atribuir aos elementos de uma página html e modificar suas propriedades -2. Acessar os elementos do navegador e modificá-los -3. Dominar o mundo da programação -4. Criar bucles e condições - -1 - -### 4) Quando eu quiser acessar ou obter um elemento exclusivo da minha página da web por meio de seu identificador, que método/métodos de seleção de DOM eu posso usar? - -#### Opções - -1. `.getElementsByTagName();` -2. `.getElementsByClassName();` -3. `.getElementById();` -4. `.querySelector();` - -3 - -### 5) Para acessar elementos da minha página da Web que possuem a mesma tag HTML, que método / métodos do DOM eu posso usar? - -#### Opções - -1. `.getElementsByTagName();` -2. `.getElementsByClassName();` -3. `.getElementById();` -4. `.querySelector();` - -1 - -### 6) Seleciona os objetos do BOM - -#### Opções - -1. Location -2. Screen -3. HTMLtags -4. Navigator - -1,2,4 - -### 7) BOM define **\_\_** métodos para manipular o tamanho e a posição da **\_\_** - -#### Opções - -1. dois, janela -2. quatro, janela -3. três, tag -4. dois, informação - -2 - -### 8) Como posso usar os atributos _data_? - -#### Opções - -1. Para adicionar estilos css a um elemento do HTML -2. Para identificar um elemento do DOM -3. Para obter o valor de uma entrada de texto -4. Para armazena dados nas tags HTML sem modificar a apresentação do documento - -4 - -### 9) Qual das seguintes opções é a correta para usar os atributos _data_? - -#### Opções - -1. Opção 1 - - ```html - - ``` - -2. Opção 2 - - ```html - - ``` - -3. Opção 3 - - ```html - - ``` - -4. Opção 4 - - ```html - - ``` - -1 - -### 10) Vendo o código a seguir, como podemos acessar nossos atributos _data_ por meio de js? - -```html -

- Aque está nosso texto -

-``` - -#### Opções - -1. Opção 1 - - ```javascript - const text = document.getElementById('text'); - const autor = autor.dataset; - ``` - -2. Opção 2 - - ```javascript - const text = document.getElementById('text'); - const autor = dataset.text.autor; - ``` - -3. Opção 3 - - ```javascript - const text = document.getElementById('text'); - const autor = text.dataset.autor; - ``` - -4. Opção 4 - - ```javascript - const text = document.getElementById('text'); - const text.dataset = autor; - ``` - -3 - -### 11) Por qual método você exclui um nó do DOM? - -#### Opções - -1. elementoPai.removeAttribute(**nodo**); -2. elementoPai.appendChild(**nodo**); -3. elementoPai.removeChild(**nodo**); -4. elementoPai.removeNode(**nodo**); - -3 - -### 12) Com que método você cria um evento? - -#### Opções - -1. .addEventListener('_\_\__', **funcion**); -2. .createEvent(' **\_**',**funcion**); -3. .createElement('**\_**'); -4. .actionListener('**\_**'); - -1 - -### 13) O que são os eventos? - -#### Opções - -1. Ações que o navegador realiza quando algo não está certo. -2. Ações que são disparadas a partir da interação do usuário com um elemento da - página web. -3. Datas importantes para o navegador. - -2 - -### 14) Como você adiciona um evento a um elemento? - -#### Opções - -1. Opção 1 - - ```javascript - const botao = document.getElementById('boton'); - botao.createEventListener(click, funcao_a_executar); - ``` - -2. Opção 2 - - ```javascript - const botao = document.getElementById('boton'); - botao.addEventListener = 'click' + 'funcao_a_executar'; - ``` - -3. Opção 3 - - ```javascript - const botao = document.getElementById('boton'); - botao.addEventListener('click', funcao_a_executar); - ``` - -4. Opção 4 - - ```javascript - const botao = document.getElementById('boton'); - botao = document.addEventListener('click', funcao_a_executar); - ``` - -3 - -### 15) Às vezes temos que usar e.preventDefault() para - -#### Opções - -1. Para evitar determinado comportamento que os eventos já tem -2. Para que nosso evento tenha um valor por default. -3. Para que o evento execute automaticamente. -4. Para evitar que se invoque o evento. - -1 diff --git a/topics/browser/02-dom/14-requiz/README.md b/topics/browser/02-dom/14-requiz/README.md deleted file mode 100644 index 381000243..000000000 --- a/topics/browser/02-dom/14-requiz/README.md +++ /dev/null @@ -1,216 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #2: Requizzing - -## Objetivos - -- Tomar un segundo quiz para asegurarnos que terminamos la unidad con un - entendimiento pleno de los conceptos. - -*** - -## Preguntas - -### 1) El nodo `document`, es `padre` de los objetos o nodos - -#### Opciones - -1. Nodos `meta` dentro de `head` -2. Nodos script dentro de `body` -3. Los nodos `head` y `body` -4. No es padre de ningún nodo - -3 - -### 2) Propiedades de los nodos del DOM - -#### Opciones - -1. `nodeName` -2. `nodeClass` -3. `nodeType` -4. `nodeValue` -5. `nodeID` - -1,3,4 - -### 3) Para el siguiente elemento, ¿cómo puedo cambiar el color de fondo de párrafo? - -```html -

Hola, soy un párrafo sensual

-``` - -#### Opciones - -1. Snippet 1: - - ```js - const paragraph = document.getElementById('paragraph'); - paragraph.style.background = 'red'; - ``` - -2. Snippet 2: - - ```js - const paragraph = document.getElementById('paragraph'); - paragraph.style.backgroundColor = 'red'; - ``` - -3. Snippet 3: - - ```js - const paragraph = document.getElementById('paragraph'); - paragraph.backgroundColor = 'red'; - ``` - -2 - -### 4) `document.getElementsByClassName('unaClase')`, me regresa un - -```js -const elementos = document.getElementsByClassName('unaClase'); -console.log(elementos); -``` - -#### Opciones - -1. Arreglo de nodos HTML con la clase `unaClase`; -2. Arreglo con el valor de texto contenido dentro de todos los elementos - con clase `unaClase`; -3. Todos los caracteres del string `unaClase`; -4. Me regresa solo el primer Elemento con clase `unaClase`; - -1 - -### 5) Cuando quiero acceder a todos los elementos que comparten la misma etiqueta html, utilizo - -#### Opciones - -1. `.querySelector();` -2. `.getElementsByClassName();` -3. `.lastChild();` -4. `.getElementsByTagName();` - -4 - -### 6) ¿Qué función utilizamos para crear animaciones con JS? - -#### Opciones - -1. `location.href` -2. `setTimeout();` -3. `setInterval();` -4. `confirm();` - -3 - -### 7) ¿Por qué es importante el objeto screen ? - -#### Opciones - -1. Para conocer resoluciones más utilizadas -2. Para identificar a un elemento del DOM -3. Para adaptar los diseños a las resoluciones más utilizadas -4. Para almacenar datos en las etiquetas HTML sin modificar la presentación - del document - -1,3 - -### 8) ¿Cómo puedo obtener la URL de la página anterior a la que estoy en este momento? - -#### Opciones - -1. `document.referrer` -2. `document.URL` -3. `document.title` -4. `document.lastModified` - -1 - -### 9) ¿Qué método utilizamos para agregar a `listaDeCompras`, un nuevo elemento llamado `elementoLista`? - -```html - -``` - -#### Opciones - -1. document.createTextNode(elementoLista); -2. listaDeCompras.appendChild(elementoLista); -3. listaDeCompras.getElementByName('elementoLista'); - -2 - -### 10) ¿Qué evento se desencadena al seleccionar el texto de un input o textarea? - -#### Opciones - -1. onclick -2. onselect -3. onmouseover -4. ondblclick - -2 - -### 11) Para almacenar datos en las etiquetas HTML sin modificar la presentación del documento, usamos - -#### Opciones - -1. Atributos data -2. Etiquetas semánticas -3. Variables -4. Datos-HTML - -1 - -### 12) Sintaxis de los atributos data - -#### Opciones - -1. const data = "valor" -2. data-nombreAsignado = "valor" -3. data = "valor" -4. nombreAsignado-Datos(valor) - -2 - -### 13) El método addEventListener nos sirve para - -#### Opciones - -1. Crear un elemento -2. Crear una clase desde el DOM -3. Crear un evento -4. Crear un nodo texto - -3 - -### 14) ¿Cuántos métodos define el BOM para manipular la ventana? - -#### Opciones - -1. 1 -2. 2 -3. 3 -4. 4 - -4 - -### 15) Selecciona los objetos del BOM - -#### Opciones - -1. Location -2. Screen -3. HTMLtags -4. Navigator - -1,2,4 diff --git a/topics/browser/02-dom/14-requiz/README.pt.md b/topics/browser/02-dom/14-requiz/README.pt.md deleted file mode 100644 index 18194257c..000000000 --- a/topics/browser/02-dom/14-requiz/README.pt.md +++ /dev/null @@ -1,217 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #2: requizzing - -## Objetivos - -* Fazer um segundo quiz para garantir que terminamos a unidade com um - entendimento completo dos conceitos. - -*** - -## Perguntas - -### 1) O nó `document`, é `pai` dos objetos ou nós - -#### Opções - -1. Nós`meta` dentro de `head` -2. Nós script dentro de `body` -3. Os nós `head` y `body` -4. Não é pai de nenhum nó - -3 - -### 2) Propriedades dos nós do DOM - -#### Opções - -1. `nodeName` -2. `nodeClass` -3. `nodeType` -4. `nodeValue` -5. `nodeID` - -1,3,4 - -### 3) Para o elemento a seguir, como posso mudar a cor de fundo do parágrafo? - -```html -

Olá, sou un parágrafo sensual

-``` - -#### Opções - -1. Opção 1 - - ```javascript - const paragraph = document.getElementById('paragraph'); - paragraph.style.background = 'red'; - ``` - -2. Opção 2 - - ```javascript - const paragraph = document.getElementById('paragraph'); - paragraph.style.backgroundColor = 'red'; - ``` - -3. Opção 3 - - ```javascript - const paragraph = document.getElementById('paragraph'); - paragraph.backgroundColor = 'red'; - ``` - -2 - -### 4) `document.getElementsByClassName('unaClase')`, retorna um - -```javascript -const elementos = document.getElementsByClassName('unaClase'); -console.log(elementos); -``` - -#### Opções - -1. Vetor de nós HTML com a classe `unaClase`; -2. Vetor com o valor de texto contido dentro de todos los elementos - - com a classe `unaClase`; - -3. Todos os caracteres da string `unaClase`; -4. Retorno somente o primeiro Elemento com classe `unaClase`; - -1 - -### 5) Quando quero acessar todo os elementos que compartilham a mesta tag html, utilizo - -#### Opções - -1. `.querySelector();` -2. `.getElementsByClassName();` -3. `.lastChild();` -4. `.getElementsByTagName();` - -4 - -### 6) Qual função utilizamos para criar animações com JS? - -#### Opções - -1. `location.href` -2. `setTimeout();` -3. `setInterval();` -4. `confirm();` - -3 - -### 7) Por que é importante o objeto screen ? - -#### Opções - -1. Para conhecer as resoluções mais utilizadas -2. Para identificar um elemento do DOM -3. Para adaptar os gráficos às resoluções mais utilizadas -4. Para armazenar dados nas tags HTML sem modificar a apresentação do documento - -1,3 - -### 8) Como posso obter a URL da página anterior a que estou neste momento? - -#### Opções - -1. `document.referrer` -2. `document.URL` -3. `document.title` -4. `document.lastModified` - -1 - -### 9) Qual método utilizamos para adicionar à `listaDeCompras` um novo elemento chamado `elementoLista`? - -```html - -``` - -#### Opções - -1. document.createTextNode\(elementoLista\); -2. listaDeCompras.appendChild\(elementoLista\); -3. listaDeCompras.getElementByName\('elementoLista'\); - -2 - -### 10) Qual evento é disparado ao selecionar o texto de um _input_ ou _textarea_? - -#### Opções - -1. onclick -2. onselect -3. onmouseover -4. ondblclick - -2 - -### 11) Para armazenar dados nas tags HTML sem modificar a apresentação do documento, usamos - -#### Opções - -1. Atributos data -2. Tags semánticas -3. Variáveis -4. Dados-HTML - -1 - -### 12) Sintaxe dos atributos data - -#### Opções - -1. const data = "valor" -2. data-nomeAtribuido = "valor" -3. data = "valor" -4. nomeAtribuido-Datos\(valor\) - -2 - -### 13) O método addEventListener serve para - -#### Opções - -1. Criar um elemento -2. Criar uma classe no DOM -3. Criar um evento -4. Criar um nó texto - -3 - -### 14) Quantos métodos definem o BOM para manipular a janela? - -#### Opções - -1. 1 -2. 2 -3. 3 -4. 4 - -4 - -### 15) Seleciona os objetos do BOM - -#### Opções - -1. Location -2. Screen -3. HTMLtags -4. Navigator - -1,2,4 diff --git a/topics/browser/04-xhr/06-xhr-quiz/README.md b/topics/browser/04-xhr/06-xhr-quiz/README.md deleted file mode 100644 index 2e5006801..000000000 --- a/topics/browser/04-xhr/06-xhr-quiz/README.md +++ /dev/null @@ -1,121 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) ¿Para qué usamos el método `GET`? - -#### Opciones - -1. Para confirmar que se puede establecer comunicación con el servidor -2. Para recuperar datos -3. Para el manejo de errores -4. Para enviar datos - -2 - -### 2) ¿Para qué usamos el método `POST`? - -#### Opciones - -1. Para confirmar que se puede establecer comunicación con el servidor -2. Para recuperar datos -3. Para el manejo de errores -4. Para enviar datos - -4 - -### 3) XHR es la abreviación de - -#### Opciones - -1. XMLHttpRequest -2. Asynchronous JavaScript And XML -3. AJAX -4. Response Hipertext Xml - -1 - -### 4) Si en tu consola del navegador pones este código, ¿qué sucede? - -```javascript -const req = new XMLHttpRequest(); -req.open('GET', 'https://www.google.com/'); -``` - -¿Qué sucede? - -#### Opciones - -1. La página de inicio de Google se abre en el navegador -2. Una solicitud asíncrona es enviada a `https: // www.google.com` -3. No pasa nada -4. Se produce un error - -3 - - - -### 5) El método `.open ()` de un objeto XHR puede tener varios argumentos. Pero los más importantes son - -#### Opciones - -1. `.open ()` no tiene argumentos -2. Nombre de la función y parámetro -3. method HTTP y URL -4. url y JSON - -3 - -### 6) ¿Qué propiedad debemos establecer para el manejo de una respuesta exitosa? - -#### Opciones - -1. asyncRequestObject.onsucces -2. asyncRequestObject.onload -3. asyncRequestObject.handleSuccess -4. asyncRequestObject.oncorrect - -2 - -### 7) ¿A qué propiedad hay que asignar una función para el manejo de errores? - -#### Opciones - -1. asyncRequestObject.handleError -2. asyncRequestObject.onincorrect -3. asyncRequestObject.onerror -4. asyncRequestObject.errorReponse - -3 - -### 8) Cuando nuestra respuesta es un JSON, debemos convertirla a un objeto JavaScript y eso lo hacemos con - -#### Opciones - -1. JSON.parse(); -2. Object.json(); -3. JSON.object(); -4. parser.JSON(); - -1 diff --git a/topics/browser/04-xhr/06-xhr-quiz/README.pt.md b/topics/browser/04-xhr/06-xhr-quiz/README.pt.md deleted file mode 100644 index e88351b8f..000000000 --- a/topics/browser/04-xhr/06-xhr-quiz/README.pt.md +++ /dev/null @@ -1,121 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz - -## Objetivos - -- Nesta seção você terá a oportunidade de se auto-avaliar para que teste seus - conhecimentos. É uma oportunidade para ajustes e validação do seu aprendizado. - Sucesso! - -*** - -## Perguntas - -### 1) Para que usamos o método `GET`? - -#### Opções - -1. Para confirmar que é possível estabelecer comunicação com o servidor. -2. Para recuperar dados. -3. Para manipulação de erros. -4. Para enviar dados. - -2 - -### 2) Para que usamos o método `POST`? - -#### Opções - -1. Para confirmar que é possível estabelecer comunicação com o servidor. -2. Para recuperar dados. -3. Para a manipulação de erros. -4. Para enviar dados. - -4 - -### 3) XHR é a abreviação de - -#### Opções - -1. XMLHttpRequest. -2. Asynchronous JavaScript And XML. -3. AJAX. -4. Response Hipertext Xml. - -1 - -### 4) Vá ao Google, abra suas `developer tools` e execute o seguinte no console - -```javascript -const req = new XMLHttpRequest(); -req.open('GET', 'https://www.google.com/'); -``` - -O que acontece? - -#### Opções - -1. A página de início do Google se abre no navegador. -2. Uma requisição assíncrona é enviada a `https://www.google.com` -3. Nada acontece. -4. Acontece um erro. - -3 - - - -### 5) O método `.open()` de um objeto XHR pode ter vários argumentos. Mas os mais importantes são - -#### Opções - -1. `.open ()` não tem argumentos. -2. Nome da função e parâmetro. -3. método HTTP e URL. -4. URL e JSON. - -3 - -### 6) Qual propriedade devemos estabelecer para a manipulação de uma resposta com sucesso? - -#### Opções - -1. asyncRequestObject.onsucces. -2. asyncRequestObject.onload. -3. asyncRequestObject.handleSuccess. -4. asyncRequestObject.oncorrect. - -2 - -### 7) Qual a propriedade devemos estabelecer para a manipulação de erros? - -#### Opções - -1. asyncRequestObject.handleError. -2. asyncRequestObject.onincorrect. -3. asyncRequestObject.onerror. -4. asyncRequestObject.errorReponse. - -3 - -### 8) Quando nossa resposta é um JSON, devemos convertê-la para um objeto JavaScript e isso é feito com - -#### Opções - -1. JSON.parse(); -2. Object.json(); -3. JSON.object(); -4. parser.JSON(); - -1 diff --git a/topics/browser/04-xhr/11-qz-fetch-jq/README.md b/topics/browser/04-xhr/11-qz-fetch-jq/README.md deleted file mode 100644 index a2b21cc62..000000000 --- a/topics/browser/04-xhr/11-qz-fetch-jq/README.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) ¿Qué métodos podemos usar para hacer una petición GET usando JQuery? - -#### Opciones - -1. `$.get()` -2. `$.post()` -3. `$.getJSON()` -4. `$.ajax()` - -1, 3, 4 - -### 2) ¿Con qué trabaja fetch para entregar las respuestas? - -#### Opciones - -1. Callbacks -2. Eventos -3. Promesas -4. Gatos pequeños - -3 - -### 3) ¿Qué método podemos encadenar en una petición AJAX con jQuery para controlar los errores? - -#### Opciones - -1. `.fail()` -2. `.done()` -3. `.error()` -4. `.load()` - -1 - -### 4) ¿cómo manejamos errores al hacer una petición con fetch? - -#### Opciones - -1. A través de .catch(error => {//Manejo de error}) -2. A través de un callback de error -3. Usando .error() -4. Con try / catch - -1 - -### 5) Si queremos hacer una llamada fetch tras otra en orden, entonces - -#### Opciones - -1. usamos un ciclo `for` que itere por cada llamada -2. usamos Funciones _callback_ dentro de otras -3. las guardamos en un arreglo y usamos `map` para ejecutar cada una de ellas -4. usamos promesas para hacer secuencialmente then().then()... catch() - -4 diff --git a/topics/browser/04-xhr/11-qz-fetch-jq/README.pt.md b/topics/browser/04-xhr/11-qz-fetch-jq/README.pt.md deleted file mode 100644 index 05d628615..000000000 --- a/topics/browser/04-xhr/11-qz-fetch-jq/README.pt.md +++ /dev/null @@ -1,69 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz - -## Objetivos - -- Nesta seção você terá a oportunidade de se auto-avaliar para que teste seus - conhecimentos. É uma oportunidade para ajustes e validação do seu aprendizado. - Sucesso! - -## Perguntas - -### 1) Quais métodos podemos usar para fazer uma solicitação GET usando JQuery? - -#### Opções - -1. `$.get()` -2. `$.post()` -3. `$.getJSON()` -4. `$.ajax()` - -1, 3, 4 - -### 2) Com o que o fetch trabalha para entregar as respostas? - -#### Opções - -1. Callbacks -2. Eventos -3. Promesas -4. Gatos pequeños - -3 - -### 3) Qual método podemos encadear em uma solicitação AJAX com JQuery para controlar erros? - -#### Opções - -1. `.fail()` -2. `.done()` -3. `.error()` -4. `.load()` - -1 - -### 4) Como manejamos erros os erros do fetch? - -#### Opções - -1. A través de .catch(error => {}) -2. A través de um callback de error -3. Usando .error() -4. Com try / catch - -1 - -### 5) Se quisermos fazer uma chamada depois da outra usando fetch, você deve - -#### Opções - -1. usar o laço `for` para iterar a cada chamada -2. usar funções _callback_ uma dentro da outra -3. guardar em um array e depois utilizar `.map` para executar cada chamada -4. usar promessar e fazer um .then() depois do outro - -4 diff --git a/topics/browser/04-xhr/20-quiz/README.md b/topics/browser/04-xhr/20-quiz/README.md deleted file mode 100644 index f09ab0186..000000000 --- a/topics/browser/04-xhr/20-quiz/README.md +++ /dev/null @@ -1,104 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -## Preguntas - -### 1) ¿Qué significa API? - -#### Opciones - -1. Application Programming Interface. -2. Application Programming Internet. -3. Application Programming Interaction. - -1 - -### 2) Indica la opción donde solo encuentres API'S del navegador - -#### Opciones - -1. Geolocalizacion, drag and drop, google map. -2. LocalStorage, firebase, Json. -3. Geolocalización, drag and drop, LocalStorage. -4. Json, xml, ajax - -3 - -### 3) ¿Cuales son los pros de uso de APIS de terceros? - -#### Opciones - -1. Rapidez, robustes, mantenimiento, innovación. -2. Rapidez, mantenimiento, disponibilidad, innovacion. -3. Rapidez, mantenimiento, privacidad, innovacion. -4. Disponibilidad, privacidad, imagen, condiciones cambiantes. - -1 - -### 4) Dependiendo el medio de autenticación ¿Cómo se clasifican las web-apis de terceros? - -#### Opciones - -1. Públicas o sin autenticación, ApiKey, OAuth y Token. -2. Rest, Crud, Públicas. -3. Publicas y privadas. -4. Publicas, privadas y con Token. - -1 - -### 5) ¿Qué es Rest? - -#### Opciones - -1. El principal protocolo de la web. -2. Servicio web que se ejecuta en tu computadora para mostrar archivos json - encontrados en la web. -3. Arquitectura de software usada para construir APIs que permitan comunicar a - nuestro servidor con sus clientes usando el protocolo HTTP mediante URIs - -3 - -### 6) ¿Qué opción es incorrecta con relación a xml? - -#### Opciones - -1. Extensible Markup Language (XML). -2. Formato universal para datos y documentos estructurados. -3. Desarrollado en 1997 -4. Utiliza tags de identificación similar a HTML. -5. Deriva de Javascript. - -5 - -### 7) ¿Qué opción es la incorrecta con relación a JSON? - -#### Opciones - -1. Formato para intercambio de datos. -2. Nace como una alternativa a XML. -3. Solo puede ser leído con JavaScript. -4. JavaScript Object Notation. -5. Desarrollado en 2001. - -3 - -### 8) CRUD es el acrónimo de "Crear, Leer, Actualizar y Eliminar" palabras que corresponden a - -#### Opciones - -1. Los verbos http: Create, Read, Update, Delete. -2. Los verbos http: Close, Request, Update, Delete. -3. Los verbos http: Close, Response, Update, Delete. -4. Los verbos http: Post, Get, Put y Delete. - -4 diff --git a/topics/browser/04-xhr/20-quiz/README.pt.md b/topics/browser/04-xhr/20-quiz/README.pt.md deleted file mode 100644 index 0fbf01123..000000000 --- a/topics/browser/04-xhr/20-quiz/README.pt.md +++ /dev/null @@ -1,104 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz - -## Objetivos - -- Nesta seção você terá a oportunidade de se auto-avaliar para que teste seus - conhecimentos. É uma oportunidade para ajustes e validação do seu aprendizado. - Sucesso! - -## Perguntas - -### 1) O que significa API? - -#### Opções - -1. Application Programming Interface. -2. Application Programming Internet. -3. Application Programming Interaction. - -1 - -### 2) Marque a opção onde só se encontrem APIs do navegador - -#### Opções - -1. Geolocalização, drag and drop, google map. -2. LocalStorage, firebase, Json. -3. Geolocalização, drag and drop, LocalStorage. -4. Json, xml, ajax - -3 - -### 3) Quais são os prós do uso de APIs de terceiros? - -#### Opções - -1. Rapidez, robustez, manutenção, inovação. -2. Rapidez, manutenção, disponibilidade, inovação. -3. Rapidez, manutenção, privacidade, inovação. -4. Disponibilidade, privacidade, imagem, condições variáveis. - -1 - -### 4) Dependendo do meio de autenticação, como se classificam as web APIs de terceiros? - -#### Opções - -1. Públicas ou sem autenticação, ApiKey, OAuth y Token. -2. Rest, Crud, Públicas. -3. Públicas e privadas. -4. Públicas, privadas e com Token. - -1 - -### 5) O que é Rest? - -#### Opções - -1. O principal protocolo da web. -2. Serviço web que é executado em seu computador para exibir arquivos json - encontrados na web. -3. Arquitetura de software usada para construir APIs que permitam comunicar - nosso servidor com seus clientes usando o protocolo HTTP por meio de URIs. - -3 - -### 6) Qual opção é incorreta com relação a xml? - -#### Opções - -1. Extensible Markup Language (XML). -2. Formato universal para dados e documentos estruturados. -3. Desenvolvido em 1997. -4. Utiliza tags de identificação similar a HTML. -5. Deriva de Javascript. - -5 - -### 7) Qual opção é incorreta em relação a JSON? - -#### Opções - -1. Formato para intercâmbio de dados. -2. Nasce como uma alternativa a XML. -3. Só pode ser lido com JavaScript. -4. JavaScript Object Notation. -5. Desenvolvido em 2001. - -3 - -### 8) CRUD é o acrônimo de "Criar, Ler, Atualizar e Apagar", palavras que correspondam a - -#### Opções - -1. Os verbos http: Create, Read, Update, Delete. -2. Os verbos http: Close, Request, Update, Delete. -3. Os verbos http: Close, Response, Update, Delete. -4. Os verbos http: Post, Get, Put, Delete. - -4 diff --git a/topics/css/01-css/09-quiz/README.md b/topics/css/01-css/09-quiz/README.md deleted file mode 100644 index 51438a831..000000000 --- a/topics/css/01-css/09-quiz/README.md +++ /dev/null @@ -1,329 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #1 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) ¿Qué es HTML? - -#### Opciones - -1. Lenguaje de programación -2. Lenguaje de marcado -3. Hoja de estilo -4. Herramienta de código abierto - -2 - -### 2) ¿A qué se refiere el 'Anidamiento HTML'? - -#### Opciones - -1. Al inicio del documento HTML -2. Indica al navegador que el documento es HTML5 -3. Agrega una línea para que el `html` aparezca en la segunda línea -4. Que un elemento puede contener a otros elementos o etiquetas HTML - -4 - -### 3) ¿Cuáles son las etiquetas que no necesitan cierre? - -#### Opciones - -1. em -2. div -3. img -4. p - -3 - -### 4) Ejemplo correcto de anidación - -#### Opciones - -1. `

Soy una excelente

coder` -2. `

Soy una excelente coder

` -3. `

Soy una excelente coder

` - -3 - -### 5) ¿Cuáles son las características de un elemento en bloque? - -#### Opciones - -1. No comienzan con la nueva línea. -2. Comienzan en una nueva línea -3. Pueden comenzar en cualquier parte de una línea -4. Pueden contener elementos en línea y otros elementos en bloque - -2,4 - -### 6) Las propiedades CSS son `case-sensitive` (toman en cuenta las minúsculas y mayúsculas) - -```css -ul { - MaRgiN: 10px; -} -``` - -#### Opciones - -1. Verdadero -2. Falso - -2 - -### 7) ¿Cuál es la diferencia entre `display: inline-block` y `display: inline`? - -#### Opciones - -1. A un elemento inline no se le puede determinar dimensiones, mientras que a - uno inline-block sí -2. A un elemento inline-block no se le puede determinar dimensiones, mientras - que a uno inline sí -3. No hay diferencias entre ambos -4. Un elemento inline no aparece en pantalla, mientras que un inline-block sí - -1 - -### 8) ¿Cuál es la sintaxis correcta para la etiqueta `img`? - -#### Opciones - -1. `Foto` -2. `Foto` -3. `Foto` -4. `Foto` -5. `Foto` - -4 - -### 9) ¿Las propiedades `margin-top` y `margin-bottom` tienen efecto sobre elementos inline? - -#### Opciones - -1. Sí -2. No - -2 - -### 10) ¿Las propiedades `padding-top` y `padding-bottom` incrementan el tamaño de un elemento inline? - -#### Opciones - -1. Sí -2. No - -2 - -### 11) Dado el siguiente estilo CSS, ¿qué color tendrán los `

`? - -```css -h3 { - color: red; -} - -h3 { - color: blue; -} - -h2 { - color: yellow; -} -``` - -#### Opciones - -1. red -2. blue -3. yellow - -2 - -### 12) ¿Qué orden prevalece para asignar un estilo? - -#### Opciones - -1. Especificidad, orden del código e importancia -2. Importancia, especificidad y orden del código -3. Orden del código, importancia y especificidad - -2 - -### 13) Según el siguiente código, ¿cuál será el color del elemento `.phrase`? - -**HTML:** - -```html -

- Laboratoria - código que transforma -

-``` - -**CSS:** - -```css -#quote { - color: #FAB541; -} - -.phrase { - color: blue; -} - -#quote .phrase { - color: initial; -} -``` - -#### Opciones - -1. `#FAB541` -2. Azul -3. Por defecto del navegador (negro) - -3 - -### 14) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul li { - color: red; -} - -#must-use { - color: blue; -} -``` - -#### Opciones - -1. Negro -2. Azul -3. Rojo - -2 - -### 15) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul.programming-languages li .highlight { - color: red; -} - -ul.programming-languages li .highlight:nth-of-type(odd) { - color: blue; -} -``` - -#### Opciones - -1. Rojo -2. Negro -3. Azul - -3 - -### 16) Teniendo en cuenta el `HTML` y el resultado, ¿cuál sería el `CSS` necesario para lograrlo? - -**HTML:** - -```html -
-
-
-
-``` - -**RESULTADO:** - -![Positioning - Pregunta](https://github.com/Laboratoria/curricula-js/blob/fd8b393634106b9b966c5e7d2637afe951b8a81e/03-interactive-site/00-html-and-css/12-quiz/positioning.png?raw=true) - -#### Opciones - -1. `.container` con `position: relative;` y `.red` con `position: absolute;` y - `left: 200px;` -2. `.container` con `position: fixed;` y `.red` con `left: 200px;` -3. `.red` con `position: absolute;` y `left: 200px;` -4. `.red` con `position: relative;` y `left: 200px;` - -1 - -### 17) Tomando en cuenta el siguiente código, ¿qué pasará con la posición de `#example`? - -**HTML:** - -```html -

Hello!

-``` - -**CSS:** - -```css -#example { - margin-bottom: 5px; -} -``` - -#### Opciones - -1. Se moverá `5px` hacia abajo -2. Todos los elementos siguientes empezarán `5px` más abajo -3. Ninguno - -2 - -### 18) ¿Qué sucede con los elementos en línea cuando se vuelve flotante? - -#### Opciones - -1. Se mantiene como elemento en línea -2. Se vuelve un elemento en bloque - -2 - -### 19) Selecciona las propiedades que corresponden a las tipografías - -#### Opciones - -1. font-size -2. font-color -3. font-family -4. font-weight -5. float - -1,3,4 diff --git a/topics/css/01-css/09-quiz/README.pt.md b/topics/css/01-css/09-quiz/README.pt.md deleted file mode 100644 index 45fc332fe..000000000 --- a/topics/css/01-css/09-quiz/README.pt.md +++ /dev/null @@ -1,328 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #1 - -## Objetivos - -- Nesta seção você terá a oportunidade de avaliar a si mesma para colocar seu - conhecimento à prova. É uma oportunidade para você se refletir e validar se - você está realmente aprendendo. Sucesso! - -## Perguntas - -### 1) O que é HTML? - -#### Opções - -1. Linguagem de programação -2. Linguagem de marcação -3. Folha de estilo -4. Ferramenta de código aberto - -2 - -### 2) A que 'Aninhamento HTML' se refere? - -#### Opções - -1. Ao início do documento HTML -2. Indica ao navegador que o documento é HTML5 -3. Adicione uma linha para que o `html` apareça na segunda linha -4. Que um elemento pode conter outros elementos ou tags HTML - -4 - -### 3) Quais são as tags que não precisam de fechamento? - -#### Opções - -1. em -2. div -3. img -4. p - -3 - -### 4) Exemplo correto de aninhamento - -#### Opções - -1. `

Sou uma excelente

coder` -2. `

Sou uma excelente coder

` -3. `

Sou uma excelente coder

` - -3 - -### 5) Quais são as características de um elemento em bloco? - -#### Opções - -1. Não começam com uma nova linha -2. Começam em uma nova linha -3. Podem começar em qualquer parte de uma linha -4. Podem conter elementos em linha e outros elementos de bloco - -2,4 - -### 6) Propriedades CSS são `case-sensitive` (levam em conta letras minúsculas e maiúsculas) - -```css -ul { - MaRgiN : 10px; -} -``` - -#### Opções - -1. Verdadeiro -2. Falso - -2 - -### 7) Qual é a diferença entre `display: inline-block` e `display: inline`? - -#### Opções - -1. Em um elemento _inline_ não se pode determinar dimensões, enquanto um um - _inline-block_ sim -2. Você não pode determinar dimensões em um elemento _inline-block_, enquanto - que _inline_ sim -3. Não há diferenças entre os dois -4. Um elemento _inline_ não aparece na tela, enquanto que um _inline-block_ sim - -1 - -### 8) Qual é a sintaxe correta para a tag `img`? - -#### Opções - -1. `Foto` -2. `Foto` -3. `Foto` -4. `Foto` -5. `Foto` - -4 - -### 9) As propriedades `margin-top` e `margin-bottom` têm efeito em elementos _inline_? - -#### Opções - -1. Sim -2. Não - -2 - -### 10) Faça as propriedades `padding-top` e `padding-bottom` aumentam o tamanho de um elemento _inline_? - -#### Opções - -1. Sim -2. Não - -2 - -### 11) Dado o seguinte estilo CSS, que cor terão os `

`? - -```css -h3 { - color: red; -} - -h3 { - color: blue; -} - -h2 { - color: yellow; -} -``` - -#### Opções - -1. red -2. blue -3. yellow - -2 - -### 12) Qual ordem prevalece para atribuir um estilo? - -#### Opções - -1. Especificidade, ordem de código e importância -2. Importância, especificidade e ordem do código -3. Ordem de código, importância e especificidade - -2 - -### 13) De acordo com o seguinte código, qual será a cor do elemento `.phrase`? - -**HTML:** - -```html -

- Laboratoria - código que transforma -

-``` - -**CSS:** - -```css -#quote { - color: #FAB541; -} - -.phrase { - color: blue; -} - -#quote .phrase { - color: initial; -} -``` - -#### Opções - -1. `#FAB541` -2. Azul -3. Padrão do navegador (preto) - -3 - -### 14) Tendo em conta o seguinte código, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul li { - color: red; -} - -#must-use { - color: blue; -} -``` - -#### Opções - -1. Preto -2. Azul -3. Vermelho - -2 - -### 15) Tendo em conta o seguinte código, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul.programming-languages li .highlight { - color: red; -} - -ul.programming-languages li .highlight:nth-of-type(odd) { - color: blue; -} -``` - -#### Opções - -1. Vermelho -2. Preto -3. Azul - -3 - -### 16) Levando em conta o `HTML` e o resultado, qual seria o `CSS` necessário para produzir o resultado? - -**HTML:** - -```html -
-
-
-
-``` - -**RESULTADO:** - -![Posicionamento - -Pergunta](https://user-images.githubusercontent.com/25912510/58491612-f5955d80-8134-11e9-9605-3025b3e773e6.png) - -#### Opções - -1. `.container` com `position: relative;` e `.red` com `position: absolute;` e - `left: 200px;` -2. `.container` com `position: fixed;` e `.red` com `left: 200px;` -3. `.red` com `position: absolute;` e `left: 200px;` -4. `.red` com `position: relative;` e `left: 200px;` - -1 - -### 17) Considerando o código a seguir, o que acontecerá com a posição de `#exemplo`? - -**HTML:** - -```html -

Olá!

-``` - -**CSS:** - -```css -#exemplo { - margin-bottom: 5px; -} -``` - -#### Opções - -1. Descerá `5px` -2. Todos os elementos começarão `5px` abaixo -3. Nenhum - -2 - -### 18) O que acontece com os elementos em linha quando se torna flutuante? - -#### Opções - -1. Permanece como um elemento em linha -2. Torna-se um elemento de bloco - -2 - -### 19) Selecione as propriedades que correspondem aos tipos de letra - -#### Opções - -1. font-size -2. font-color -3. font-family -4. font-weight -5. float - -1,3,4 diff --git a/topics/css/01-css/09-quiz/positioning.png b/topics/css/01-css/09-quiz/positioning.png deleted file mode 100644 index dfa00df440d46e1a11296365f77b84974d6efdbc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 10179 zcmeHsRZv{r)@|c%2@5^18RA?K^&dI0Dw_+S^%D?{_-3Obg}SZ-Qq-Y;zW`pYm@7w z+S`0e*q%L^DLRgwf>}42i$?i@ELRefJceqi9=B@NQsmA}Q12n?s&}Fjv6*|)aQ?$7 z?A*eMWCRNupGVHX@VW>G$STDBacLU5JTsQZ_>AZXK;Qu7Ph?4A`E=&uQUlPr3q}Q9 zf$$5)4(mtDYEZ@~6b~V&C&>-~G{p?Mkx!N*4JHBzafnGW;{!%*<$1|zDSBX3WTSN9 zq?iD;78tTs;DY^pY2df1IQ;w-t_V6b?m4r1W#>Rtiwg4d=vu&MnGA{O;nx z13F|miOd=krhMjiH#l`xtD1~;dQK*EWmfAjPXrete-siok$%UXj~grEbzLK^2^W&z zAgo7+qJvmj)G%4RU^Z`vJ-?#fP^gfZx{!rTYpABS|8m=-Cxf8oLEP*@{^c`n5-}LT zW2hD8Wo6qKY4K3qbI z=Q+92WL;ZS);7I07)>$qchpo*)Yx6l`r%gH6#%8C{de_MZY5PSjKrWG#esP`E5>E5 z^5q39)(*nGu+}kLl6S}&5~?fgoF8rzPlMS62Ua!b3prWezuQF1$741A=6Vv-8>94H z+|^62IGlnXQxVE2&yw&A7b6_{ReD({;kL!x7F`*Leu-fTJTd)U9z9~9&iUIHfVaXD z5iGN|?2B#M(gVa!szau^_JX0y1}>up@xUYO4@?dk&BP`IF40|QiArQO@Y%~LIO0IF z&d9c!Y?ja|BJFY{@^wA2Vm|KktFWObNp*aJ9qPP=VFO1AQlqq^KnV5;=F{i^{M-+_ zJdb-@x;QJzP&VTv)gQ=h#?~&jy2x_8!n`MoaGfZc(M)Jp6Wo=Wip0VRO{l41AQLL; z9DHV^=BqDZ?Z~GYr~|i@voQE(Ypy}E!TK|T!`^&>+p06S$FEQVN}!>+-^aKGvPd-Y^#*Vn8)RE*TgVVW$B-dGHnH%)dacB+6B#Ah7`8N+Qp{rW4!ku+g{_4lZU=S;SO78mk_5QW^$W00 zp#t>)k@sY6;fq7nI8f3kpC`(gTtE!FNHceuwMZK+Y~FB_N!;w`kGB9)D@^```A`*B z5y%IedO%Mk1#W~pDVa@#C=jHKnH)jRPE%s@&Gug;VT?d-%$R62VE&e#DjpA{EytXH&Pbz5m!FueE=-*2F3Ty>mwFkBA zwM#2#rit`$c9?eXUgDpjwP0doVnd>_tf-CXMWS4+{JxREp%eWQ);20dy zQv=^ul-oGXun*{JvHftKMdkGK=zh^U*5=a5(rVX@)+yCl*ETPESxi$DsMZouJ{Z3u zd@SP67%U0Gv4p#QAX%|LemqS$Z8QC28a^F9%{6Ubxm(d$iO>!!E-WM~`BKnOTsTQr zAg1OOy#X2%8q-8)kx8~vK4O)B2q)vl+m9-ba+7D)POVV#=1?R{AghY?gYm_VG{0zW zY~E-FHGgi#YJTPr;~@QIbz6SxblZ1|ZF2pKc`0o{PWj+e{8!qqDO(p)RFlgkjK!8V zRyJBz_13u7q95I}3Nu#eS>W2KUoyYM2;?=qKIZ-Pm_1V^_H!a^G<864e0of1YpzZX8kzKCrj2vbNKPctBvbTvqL4g8leSagEtc*i9StB8~9IJDXqDQ}!p|5xXi| zTAP~>f9#DhV;mCe=qPoj}<#9j~4SJUp+G?`xa{^w-Mi^S*(e&`H<#Ts#f`A1V5s_ z#l6VA69&xf%XXV99z(go#fQ=@MmCDpj>h#?^>aZA*kpS^Xf1dTI)0zh?RV;Y%F_QMpI}~E?&-F{Z6Sy%jHF$@uC4T_Bw><^{a5jM#ZWD zO?CY-&N0QY2@^pR8Iz2brG3)*)z0GJ!N)E#F3G;I^Hk#AafUnsaorB|4%S7TMQSM~ zDaP*jK({ltQ;ajGQ)%iUTKPw2&n~Si95d~{xnk00(SWJXXrIzZP;b)q@{dnvDJ-C;jZ|_#mn)RN?58GMY{->Y3yfePl zwwZT#iuvIj_UtQcD*W!~z-bx;PpnH-vC`^rIewmB=$s4+cUA_;-K`XFdJWr;8_r)u z9hyqJ^gawdylp{hUQb|cVXtA0>JoBYrSgSC!u!LeBb+0+BSj+2BX;E~WY41(2*HFz z`1|<3h~f!o2{Z5~a1lSM+AmI*qH#xJkJnqqaAglAb>Pj&5U#zhbhK^Z}=!qPyLO1O+n2$P>RWHsRgv>6k38n+V{5Z4qR zW?o?Sh);m0U7On^+wc`nJXetJfmvvsYAS6VZu;-=n<*C{?Ris*i|I@6JUCXzb%OkFf@8u4t2FAy zKX=ypDRu01TzB$x9$sXgE_9cN9gc_W-_&$xcRypSkah^HxIR)us4kx=aVOMXRGlwB z(xP<;tv+r8yAN8;Cmv`G)_-xIh`k#6#36wogp0p{Cj`LN-`u?J4WhX{9g!dH8(s^y z&$Kt5*hXx2uY_t}>-+>GQ+KBK9gDYnsAIA|8?G5LS}65c(SO6tN?Hi1fTV^JVj;XbtpLx2XXydLq9o4h<-Zaz!-zP(YJ#);Dq9}p zT><<|0d&IqzISJx?mSG!CZS zEV0eH)o}WhaPc)&mSEN=qg>-R-_5?si3*DHxwp8J9FLx?UPWV_VqM^};Zemdkmr%! zuzg^wWLf9QW7lPq0A8qvn`;}ws&i|;7Km4zt3+0CRe~EonFjT0^c)Cxhay|CcNO;r z8rc=gcp)+yFv`Iv@zp!kZijnKS@j{dty=)G2f5#J+s!Y{q8IuWN~Or9g#D-w-ko~> zkYkSyIOJeF<2rXa+C4|$8sV1U|0J2k^}r<}7{RamHcxiU?8%lbrN}lb;OZ9aDvRt1 z@0+;UPDvvcE$u6%Eb}Sp{S2hj5#P(t%GOVl3bs4Tbbzb7-X8ycn4l2~QqL%NAJ}$Y zX#aQ%k7(V5DRB4aQ+-wC%^*%kR;=_?SZ)VxYt597T)efMbDnOP8?h8{IdXp8mK{*D zb)80Aqwbdz)>r;jjIzkzA#cv`-Da0#vckGDlTT)s7yl!7J zp=*)Z#o9xcHH=u2ViA3Mv2(pE*JR<=yo}#njQG^06jG4Cd0lb-`PWHdbUI)Baw^rY z^dF%s>HDFScY#gZos`{6jSUU!VN6^2!$c4$?H7heFJJJ?Qnb%Z>n0uTUB*mr3t?jt zuJRrOYsBbz7DYq2TZ9ycpF;oFwL5&LQxsT*J1PZI1(n14b@~FV(PAG1a1n zqaQ20m3Qi=>8n#|R`yl)QIk%jPNvTY;zh}>w*P!uinlJ1#_{&kON<>7p$=h*X4n0; zGV?0k+MK$KVg!WL>5)V8h<`aOzcPZlSF9VW-l#qpGUH<2bW$<~GIf*i3JSm>RvPjc zcO1G(SBrLnn?`ij#k|>so7;3|bph)%gV}p4tmIiI<8mmuHb3vJNXQshw}b#_q(g6zy~aPbzaLhKOfp#Dj12 z=Wiqu=A9%O#gT_JKF5AFz6lp*-F|zZ(zzqFiO53|oNI1IwhIZ8AxTB){724@h98~N zY5PY62#WpSPZ!n*cqvvW`uXDZw%8&;Sq8eU$y5+TqlYGoBFt-zK6B(2D2m$B-H2E; zJXXjqU1vmu^;llDox6;nbP5O>qXx7YDiYjDyIyPb*W0Q#aDR&#dgJ@%EubzEQ3R4N zRz68iR9}$EEtk@?*VL3-9&>;FC0-?*dQ9@8&Ig)7$k_N`Pv0@LDe5tN{*_WL)z7?@ z&S3-#DW?N7D{C`+p*UONq_3#Yg{_axfDNaVyW|(R8jNMvJLEIOX!xy|v+7c}^5J(z zI=%1u95ZnO z#XgB2jxFmm8szS47^vx+V3qtfmuZyf?H=aexQTW`KBHGCG~msN9Qp8!x+!LZIBfVf z`%LO)F6qp+g3g)uPV^WPsj{K#TrPIvKY^P|0pdvKGY0BbxLdR<*BI?aXuv`%!PM=N zrA3!Ert5vB>m$`O!@|BTOg_eEX@(s%Wi*C$4d#X&)>Gu)f{!37YP&UGX8ByAB#QO} z={v=6fGV}0zaD7dM|n$bm!{lPw#SO-d1h{=i*4B#nj)55NJKCPlh zyCXG9ob$24o#K{IJwZfDbuASZhSAlPHH(`5m z#IucvR!Q#)n(}tC20e>;#t|i7i8lAdk1|1Wg40b9A-c?u3Ps}zFOP_c7K&OTKu|S2 z?1#OB^~a9HPpIjsT&uxUx-)9iV5u{Sa-YvWBlM57^>iZA6jS-$vR3?f3wv8rmEb7! zl3@z}hjk%OrQGCIiA42Wb=U{s6#uY8LPHCzuo9m2s=YBfqO>cmtL3AH0k2 z7Y>dRUpeU}YlhhzeyhQSKtic`b*FImP!K%nM_2E4>`gL~_p-O-2s=6QrQGuhrEhuN zf@Boh$zNJ+7JoM2`91Wyz+pUkai)ARp)75da(2rZ1V1^BNRcbgnE1UpPYxmXNz+RE zuAgdf*S4oMWi;_M(f@3QC}+d8mDLsDRDSSc&!nTZ*RR;k4K-OX$-k{KZZtNPlQNf| z(Id&fe;IdiHuCK1(0M}yG#%`Xd~H#2v(pi4@$ypU`txm-pRkL0m=g*Lz@7v^-jl3B zK|hhC?zpMp#QYf6K&~MMRryAg06AqTbnX0m1?9BlD2~L(@9tDx@LBo6qMXT*M?5bC z%V^d5#BJ5c>YRSTf0k9GRti>@9h+QwT_UC#ruT(xgv5k;anYhYim)2q7^J<+*T}BT zws_T(B$HAY{{`-m&6S)L*B+%naO_K$Y`tWkuu8i6Xj5_+JlZlI63-EC81I)?7mtdC zHWehUP!)E53}BWidSxSN)7ytoT}XbC9GCVkDJix8b5F`{TAi+FX=aJMwy(B;{)|?N zKGn?1+}iBVg%71;{cAM>{G3BZIhh>hxe)jk`zk8k@`74%j26OmV5l? z3&bzsz8b6J?YwVli(Q=2?^A1G;*d=_oF?21~KpD5}4{1s=s%x21FO4=@wSZd6Blt$7f$eVSL$8QI7J=HgV z%eXAKZDsSSt{-yAL+csyqzBCsITnHJjFnO8Q|P*t%B=G&F~ zrG$o|61n~9vnKigA>si?AVQ(nD%4n0M|b79 zzB|)3nnfmm9n2F~J;Aht^bKKCO3^P!e6@I62{)CuAgKQjJ z8+yQ6d@inmU~k?=ChCQZdw<(3hSsSUl=%XjXx4gPRg4Rnt`rx+T85pu5cPWzoyh9f}cj zmUL)z(gy17eLN&Sp<&zhH@vF9F1rdLI4WHrcz~;cpG7!NX7M0Ao-jW9wLpRkEJKA; zZB2Dp4I=I?n8wC~DzH)_ zn*t>y#wHHeCsh`;VxM1~?2{?c6AG58nholMo~ffkH}K47Zx1U)#j$+zkTkvc}O6wlYTrh80LBRTIB29i?>5#pO!RNcsT)7>$4P#;pjjq5-J)4Ysu{^|rOGAyg5` zN1J5mLe7uR8q1M9U+q?(p7N18UhZwUrFud<=}bUj;&*?XkmsmpLfqEPh1c57 z%?8Zt@8W)c!T& zbMpiPg?WW|`I$lZKp;@k(+(o8Bd_>x`2Cv{vxB#{yEq@8pPwJE-&0;UPkTNAF)=Yd zenCD#L7saL9Kqnj)653jY2n~%2?GxMK7|GEA( zPq4q^|3-54`gdCQ3G)3J;S=EH=lc)$Jyi0KRb0!_AM9)-@8|+{^}3G%5)u}a{Kx_^*WiRjq%l_vHfNOY;4v^dS6GW-O!oBOru| zyo{bd+Wxl&7di+zhE?7w{Z~7HpRrOTYxhmtXU=D;>^f^7p-{sI*fzgA6~9_a(n-?* zR|e;AHrJ6S{*pbYBc|uj_k1iz!Jx3L!=3m$6c#A#HZBZ#bvP)E)BsXm-pn)dS%%#p z*U!#`d)5Kr3Fwx0SLer?y$@rtK>bv7z~@i^8afs_c0++Y87?XCIgpA!w!M%5^Zr>2 zXhlk(N*;difa!@AnMvF6*ZFTX{;rL`JLPXH_}du&AIn5S>&3(cUBX~75RQw9`vgxC zF;UvqcxM+rA$@QYb0+su6a8M3jL45H%i?QBUi?ulrT0LF2PA)#s-Dw|l*%+C>yJ{w zp)!)J41c7|O8Y&K_Z{!kdm}C#TBN_SF4z6dH~=4=l6Lnn%keVpk3M+3tZ&?4Ku zb&URDbH^n7$#ndW*2SY^do=iD;oSpQa3A%_{rpD^DX|ED+UyEG{KH1Z9~;w$@h8L+ z{6~HLvtaf=Y%Er!Bru$R&6q#-?}YzW`0tYVyXpRRiT|(r@cUo;NG}ViKOzAL7YIiI Y%yVfHK+&8ef4-bm6g1>(WvwFq2j1yfE&u=k diff --git a/topics/css/01-css/12-requiz/README.md b/topics/css/01-css/12-requiz/README.md deleted file mode 100644 index c6b522804..000000000 --- a/topics/css/01-css/12-requiz/README.md +++ /dev/null @@ -1,371 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #2: requizzing - -## Objetivos - -- Tomar un segundo quiz para asegurarnos que terminamos la unidad con un - entendimiento pleno de los conceptos. - -*** - -## Preguntas - -### 1) Las siglas HTML significan - -#### Opciones - -1. Herramienta de Texto markdown Language. -2. Hypervinculo type markup Language -3. HyperText Markup Language - -3 - -### 2) ¿Cuáles son las etiquetas que necesitan cierre? - -#### Opciones - -1. table -2. ol -3. img -4. br -5. a - -1,2,5 - -### 3) Ejemplo correcto de anidación - -#### Opciones - -1. `

Hola!!

Soy una excelente coder

` -2. `

Soy una excelente coder

` -3. `

Soy una excelente coder

` - -3 - -### 4) ¿Cuál es el valor de la propiedad `position` por defecto de los elementos? - -#### Opciones - -1. fixed -2. absolute -3. static -4. relative - -3 - -### 5) Son características de un elemento en línea - -#### Opciones - -1. No comienzan con una nueva línea -2. Comienzan en una nueva línea -3. Pueden estar dentro de un elemento en bloque -4. Respetan las propiedades `margin-top` y `margin-bottom` - -1,3 - -### 6) ¿Cuál es la diferencia entre `display:inline-block` y `display:inline`? - -#### Opciones - -1. A un elemento inline no se le puede determinar dimensiones, mientras que a - uno inline-block sí -2. A un elemento inline-block no se le puede determinar dimensiones, mientras - que a uno inline sí -3. No hay diferencias entre ambos -4. Un elemento inline no aparece en pantalla, mientras que un inline-block sí - -1 - -### 7) ¿Cuál es la sintaxis correcta para la etiqueta ``? - -#### Opciones - -1. `Ir a Laboratoria` -2. `Ir a Laboratoria` -3. `` - -1 - -### 8) Dados los siguientes estilos CSS, ¿qué color tendrán los `

`? - -```css -h3 { - color: red !important; -} - -h3 { - color: blue; -} - -h2 { - color: yellow; -} -``` - -#### Opciones - -1. red -2. blue -3. yellow - -1 - -### 9) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul { - color: red; -} - -li { - color: blue; -} -``` - -#### Opciones - -1. Azul -2. Negro -3. Rojo - -1 - -### 10) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -.programming-languages .favorite { - color: red; -} - -#must-use { - color: blue; -} -``` - -#### Opciones - -1. Rojo -2. Negro -3. Azul - -3 - -### 11) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul#awesome { - color: red; -} - -ul.programming-languages li.favorite span { - color: blue; -} -``` - -#### Opciones - -1. Rojo -2. Negro -3. Azul - -3 - -### 12) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul#awesome #must-use { - color: red; -} - -.favorite span { - color: blue !important; -} -``` - -#### Opciones - -1. Rojo -2. Negro -3. Azul - -3 - -### 13) ¿Para qué sirve line-height? - -#### Opciones - -1. Establece la altura de cada línea de texto -2. Establece el color de texto -3. Establece el grosor del texto - -1 - -### 14) ¿Cuál es la sintaxis de css? - -#### Opciones - -1. Snippet 1: - - ```css - { p = color: red; - font-size: 15px; - } - ``` - -2. Snippet 2: - - ```css - p { - color: red, - font-size: 15px, - } - ``` - -3. Snippet 3: - - ```css - p { - color: red; - font-size: 15px; - } - ``` - -3 - -### 15) ¿Cuáles son las propiedades para posicionar elementos? - -#### Opciones - -1. top, left, right, bottom -2. head, body, right, middle -3. up, down, left, right -4. inside, outside, forward, backward - -1 - -### 16) Tomando en cuenta el siguiente código, ¿cuál es el color del texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul.programming-languages li .highlight { - color: red; -} - -ul.programming-languages li .highlight:nth-of-type(odd) { - color: yellow; -} -``` - -#### Opciones - -1. Rojo -2. Negro -3. Amarillo - -3 - -### 17) Tomando en cuenta el siguiente código, ¿qué pasará con la posición de `#example`? - -**HTML:** - -```html -

Hello!

-``` - -**CSS:** - -```css -#example { - margin-left: -5px; -} -``` - -#### Opciones - -1. Se moverá `5px` a la izquierda -2. Todos los elementos anteriores se moverán `5px` a la derecha -3. Ninguno - -1 - -### 18) ¿Qué propiedad usas para hacer que el contenido permanezca debajo de los elementos flotantes? - -#### Opciones - -1. hide -2. position -3. clear -4. overflow - -3 - -### 19) ¿Qué regla CSS te permite agregar una fuente externa? - -#### Opciones - -1. `@font-face` -2. `font-color` -3. `font-family` -4. `font-weight` -5. `float` - -1 diff --git a/topics/css/01-css/12-requiz/README.pt.md b/topics/css/01-css/12-requiz/README.pt.md deleted file mode 100644 index 793a886ff..000000000 --- a/topics/css/01-css/12-requiz/README.pt.md +++ /dev/null @@ -1,368 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #2: requizzing - -## Objetivos - -- Fazer um segundo teste para garantir que terminamos a unidade com uma - compreensão total dos conceitos. - -*** - -## Perguntas - -### 1) A sigla HTML significa - -#### Opções - -1. Markdown Language Text Tool. -2. Linguagem de marcação de tipo de hiperlink -3. Linguagem de marcação de hipertexto - -3 - -### 2) Quais são as tags que precisam ser fechadas? - -#### Opções - -1. table -2. ol -3. img -4. br -5. a - -1,2,5 - -### 3) Exemplo de aninhamento correto - -#### Opções - -1. `

Olá!!

Sou uma excelente programadora

` -2. `

Sou uma excelente programadora

` -3. `

Sou uma excelente programadora

` - -3 - -### 4) Qual é o valor padrão da propriedade `position` dos elementos? - -#### Opções - -1. fixed -2. absolute -3. static -4. relative - -3 - -### 5) São características de um elemento em linha - -#### Opções - -1. Não começam com uma nova linha -2. Começam em uma nova linha -3. Podem estar dentro de um elemento de bloco -4. Respeitam as propriedades `margin-top` e `margin-bottom` - -1,3 - -### 6) Qual é a diferença entre `display:inline-block` e `display:inline`? - -#### Opções - -1. Em um elemento _inline_ não se pode determinar dimensões, enquanto um um - _inline-block_ sim -2. Em um elemento _inline-block_ não se pode determinar dimensões, enquanto que - _inline_ sim -3. Não há diferenças entre os dois -4. Um elemento _inline_ não aparece na tela, enquanto um _inline-block_ sim - -1 - -### 7) Qual é a sintaxe correta para a tag ``? - -#### Opções - -1. `Ir a Laboratoria` -2. `Ir a Laboratoria` -3. `` - -1 - -### 8) Dados os seguintes estilos CSS, que cor eles terão `

`? - -```css -h3 { - color: red !important; -} - -h3 { - color: blue; -} - -h2 { - color: yellow; -} -``` - -#### Opções - -1. red -2. blue -3. yellow - -1 - -### 9) Considerando o código a seguir, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul { - color: red; -} - -li { - color: blue; -} -``` - -#### Opções - -1. Azul -2. Preto -3. Vermelho - -1 - -### 10) Considerando o código a seguir, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -.programming-languages .favorite { - color: red; -} - -#must-use { - color: blue; -} -``` - -#### Opções - -1. Vermelho -2. Preto -3. Azul - -3 - -### 11) Considerando o código a seguir, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul#awesome { - color: red; -} - -ul.programming-languages li.favorite span { - color: blue; -} -``` - -#### Opções - -1. Vermelho -2. Preto -3. Azul - -3 - -### 12) Considerando o código a seguir, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul#awesome #must-use { - color: red; -} - -.favorite span { - color: blue !important; -} -``` - -#### Opções - -1. Vermelho -2. Preto -3. Azul - -3 - -### 13) Para que line-height é usado? - -#### Opções - -1. Definir a altura de cada linha de texto -2. Definir a cor do texto -3. Definir a espessura do texto - -1 - -### 14) Qual é a sintaxe do css? - -```css - /* Opção 1 */ - { p = color: red; - font-size: 15px; - } - - /* Opção 2 */ - p { - color: red, - font-size: 15px, - } - - /* Opção 3 */ - p { - color: red; - font-size: 15px; - } -``` - -#### Opções - -1. Opção 1 -2. Opção 2 -3. Opção 3 - -3 - -### 15) Quais são as propriedades para posicionar elementos? - -#### Opções - -1. top, left, right, bottom -2. head, body, right, middle -3. up, down, left, right -4. inside, outside, forward, backward - -1 - -### 16) Considerando o código a seguir, qual é a cor do texto **JavaScript**? - -**HTML:** - -```html -
    -
  • Python
    • -
  • JavaScript
    • -
-``` - -**CSS:** - -```css -ul.programming-languages li .highlight { - color: red; -} - -ul.programming-languages li .highlight:nth-of-type(odd) { - color: yellow; -} -``` - -#### Opções - -1. Vermelho -2. Preto -3. Amarelo - -3 - -### 17) Considerando o código a seguir, o que acontecerá com a posição de `#exemplo`? - -**HTML:** - -```html -

Olá!

-``` - -**CSS:** - -```css -#exemplo { - margin-left : -5 px ; -} -``` - -#### Opções - -1. Ele irá se mover `5px` para a esquerda -2. Todos os elementos acima se moverão `5px` para a direita -3. Nenhum - -1 - -### 18) Qual propriedade você usa para fazer com que o conteúdo fique abaixo dos elementos flutuantes? - -#### Opções - -1. hide -2. position -3. clear -4. overflow - -3 - -### 19) Qual regra CSS permite que você adicione uma fonte externa? - -#### Opções - -1. `@font-face` -2. `font-color` -3. `font-family` -4. `font-weight` -5. `float` - -1 diff --git a/topics/css/02-responsive/04-quiz/README.md b/topics/css/02-responsive/04-quiz/README.md deleted file mode 100644 index 4830d2485..000000000 --- a/topics/css/02-responsive/04-quiz/README.md +++ /dev/null @@ -1,166 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz #1 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) ¿Qué es Responsive Web Design? - -#### Opciones - -1. Técnica de diseño que consigue que un único sitio se adapte perfectamente a - todos los dispositivos -2. Tecnica de diseño en que se realizan diferentes sitios para múltiples - dispositivos -3. Técnica de diseño en que se realizan estilos sólo para un dispositivo, por lo - general para desktop - -1 - -### 2) Los componentes de un grid son - -#### Opciones - -1. Columns -2. Cals -3. Setters -4. Gutters -5. Row - -1,4,5 - -### 3) ¿Qué son los Media Queries? - -#### Opciones - -1. Una técnica que utiliza la regla @media para incluir nuevo HTML, que se - ejecutará en nuestro JS -2. Una técnica que utiliza la regla @media para incluir bloques CSS que se - ejecutarán si las condiciones dadas son verdaderas -3. Una técnica que utiliza la regla @media para incluir bloques CSS que se - ejecutarán si las condiciones dadas son falsas -4. Una técnica que utiliza la regla @media para incluir bloques JS que se - ejecutarán si las condiciones dadas son verdaderas - -2 - -### 4) Las reglas @media son un tipo especial de regla CSS que permiten indicar - -#### Opciones - -1. Que se pueden combinar múltiples queries -2. Las características que, de ser verdaderas, aplicarán los estilos incluidos - en la regla -3. El medio en que se aplican los estilos, incluido el nombre del medio después - de @media -4. Ninguna de las anteriores - -2,3 - -### 5) Los _____________ corresponden a la condición que debe cumplir el dispositivo y la cual debe ser verdadera para que se aplique el código contenido en nuestra media query - -#### Opciones - -1. Media Queries -2. Media Type -3. Media Feature -4. Operadores Lógicos - -3 - -### 6) Las Media Queries están conformadas por - -#### Opciones - -1. Media Features -2. Media Query -3. Media Type -4. Media Operators -5. Operadores Lógicos -6. Operadores Query - -1,3,5 - -### 7) ¿Para qué sirve el viewport? - -#### Opciones - -1. Para definir el ancho y alto usado por el navegador -2. Para definir el ancho y escala usado por el navegador -3. Para definir el ancho, alto y escala usado por el navegador -4. Para definir la cantidad de media queries a utilizar -5. Para definir la cantidad de archivos css a utilizar - -3 - -### 8) Los ___________ corresponden a los distintos dispositivos donde se puede visualizar nuestro sitio web - -#### Opciones - -1. Media Features -2. Media Query -3. Media Type -4. Media Operators -5. Operadores Lógicos -6. Operadores Query - -3 - -### 9) Teniendo el siguiente código, ¿qué sucederá? - -```css -@media screen and (max-width: 700px){ - p { - color: blue; - font-size: 15px; - } -} -``` - -#### Opciones - -1. Los estilos del párrafo se ejecutarán cuando la pantalla del móvil tenga - 700px o más -2. Los estilos del párrafo se ejecutarán cuando la pantalla del móvil tenga - 700px o menos -3. Los estilos del párrafo se ejecutarán cuando la pantalla de la laptop tenga - 700px o más -4. Los estilos del párrafo se ejecutarán cuando la pantalla de la laptop tenga - 700px o menos - -4 - -### 10) Teniendo el siguiente código, ¿qué sucederá? - -```css -@media (min-width: 650px), tv and (orientation: landscape){ - img { - max-width: 80%; - } -} -``` - -#### Opciones - -1. Los estilos de la imagen se ejecutarán cuando **(min-width: 650px)** sea - verdadero -2. Los estilos de la imagen se ejecutarán cuando cualquiera de los media sea - verdadero -3. Los estilos de la imagen se ejecutarán cuando **tv and (orientation: landscape)** - sea verdadero -4. Los estilos de la imagen se ejecutarán cuando **(min-width: 650px), tv and - (orientation: landscape)** sea verdadero -5. No sucede nada - -4 diff --git a/topics/css/02-responsive/04-quiz/README.pt.md b/topics/css/02-responsive/04-quiz/README.pt.md deleted file mode 100644 index 8ab9324a4..000000000 --- a/topics/css/02-responsive/04-quiz/README.pt.md +++ /dev/null @@ -1,165 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz #1 - -## Objetivos - -- Nesta seção você terá a oportunidade de avaliar-se e colocar seus - conhecimentos à prova. É uma oportunidade para que verifique se realmente está - aprendendo. Sucesso! - -*** - -## Perguntas - -### 1) O que é Web Design Responsivo? - -#### Opções - -1. Técnica de projeto que permite que um único sítio web se adapte perfeitamente - a todos os dispositivos -2. Técnica de projeto em que se faz diferentes sítios para múltiplos - dispositivos -3. Técnica de projeto em que se faz estilos somente para um dispositivo, - normalmente para desktop - -1 - -### 2) Os componentes de uma grid são - -#### Opções - -1. Columns -2. Cals -3. Setters -4. Gutters -5. Row - -1,4,5 - -### 3) O que são as Media Queries? - -#### Opções - -1. Uma técnica que utiliza a regra *@media* para incluir um novo HTML, que será - executado em nosso JS -2. Uma técnica que utiliza a regra *@media* para incluir blocos CSS que serão - executados se as condições dadas forem verdadeiras -3. Uma técnica que utiliza a regra *@media* para incluir blocos CSS que serão - executados se as condições dadas forem falsas -4. Uma técnica que utiliza a regra *@media* para incluir blocos JS que serão - executados se as condições dadas forem verdadeiras - -2 - -### 4) As regras *@media* são um tipo especial de regra CSS que permitem indicar - -#### Opções - -1. Múltiplas combinações de *queries* -2. Características que, se verdadeiras, aplicarão os estilos informados na regra -3. O meio em que se aplicam os estilos, incluindo o nome desse meio depois de - *@media* -4. Nenhuma das anteriores - -2,3 - -### 5) Os _____________ correspondem à condição que o dispositivo deve satisfazer e que deve ser verdadeira para que se aplique o código contido em nossa media query - -#### Opções - -1. Media Queries -2. Media Type -3. Media Feature -4. Operadores Lógicos - -3 - -### 6) As Media Queries são formadas por - -#### Opções - -1. Media Features -2. Media Query -3. Media Type -4. Media Operators -5. Operadores Lógicos -6. Operadores Query - -1,3,5 - -### 7) Para que serve o viewport? - -#### Opções - -1. Para definir a largura e altura utilizadas pelo navegador -2. Para definir a largura e escala utilizadas pelo navegador -3. Para definir a largura, altura e escala utilizadas pelo navegador -4. Para definir a quantidade de *media queries* a ser utilizada -5. Para definir a quantidade de arquivos css a ser utilizada - -3 - -### 8) Os ___________ corresponden aos diferentes dispositivos onde se pode visualizar nosso sítio web - -#### Opções - -1. Media Features -2. Media Query -3. Media Type -4. Media Operators -5. Operadores Lógicos -6. Operadores Query - -3 - -### 9) Dado o código a seguir, o que acontecerá? - -```css -@media screen and (max-width: 700px){ - p { - color: blue; - font-size: 15px; - } -} -``` - -#### Opções - -1. Os estilos do parágrafo serão executados quando a tela do dispositivo móvel - tiver 700px ou mais -2. Os estilos do parágrafo serão executados quando a tela do dispositivo móvel - tiver 700ox ou menos -3. Os estilos do parágrafo serão executados quando a tela do laptop tiver 700px - ou mais -4. Os estilos do parágrafo serão executados quando a tela do laptop tiver 700px - ou menos - -4 - -### 10) Dado o código a seguir, o que acontecerá? - -```css -@media (min-width: 650px), tv and (orientation: landscape){ - img { - max-width: 80%; - } -} -``` - -#### Opções - -1. Os estilos da imagem serão executados quando **(min-width: 650px)** for - verdadeiro -2. Os estilos da imagem serão executados quando qualquer uma das medias seja - verdadeiras -3. Os estilos da imagem serão executados quando **tv and (orientation: - landscape)** for verdadeiro -4. Os estilos da imagem serão executados quando **(min-width: 650px), tv and - (orientation: landscape)** for verdadeiro -5. Nada acontece - -4 diff --git a/topics/css/02-responsive/07-requiz/README.md b/topics/css/02-responsive/07-requiz/README.md deleted file mode 100644 index efb9925be..000000000 --- a/topics/css/02-responsive/07-requiz/README.md +++ /dev/null @@ -1,167 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz #2 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) "Técnica de diseño que consigue que un único sitio se adapte perfectamente a todos los dispositivos". Es una definición que corresponde a - -#### Opciones - -1. Grid system -2. Media queries -3. Viewport -4. Responsive Web Design - -4 - -### 2) En la siguiente imagen, si decimos que para la sección de títulos (Articles, Tools, etc) es un solo `row`, la clase a usar en un grid de 12 columnas para cada columna será `.col-` - -![Ejemplo grid](https://cdn.tutsplus.com/webdesign/uploads/2013/08/grids-1.jpg) - -#### Opciones - -1. 2 -2. 3 -3. 4 -4. 6 -5. 12 - -1 - -### 3) Una técnica que utiliza la regla `@media` para incluir bloques CSS que se ejecutarán si las condiciones dadas son verdaderas. Es la definición de - -#### Opciones - -1. Grid system -2. Media queries -3. Viewport -4. Responsive Web Design - -2 - -### 4) ¿Qué regla CSS permite evaluar características de un dispositivo para aplicar un determinado estilo? - -#### Opciones - -1. .row -2. .col -3. @media -4. `` - -3 - -### 5) En el siguiente código, ¿cuál es el media feature? - -```css -@media screen and (max-width: 480px) { - body { - background-color: #eee; - } -} -``` - -#### Opciones - -1. @media -2. screen -3. max-width: 480px -4. and - -3 - -### 6) En el siguiente código, ¿cuál es el media type? - -```css -@media screen and (max-width: 480px) { - body { - background-color: #eee; - } -} -``` - -#### Opciones - -1. @media -2. screen -3. max-width: 480px -4. and - -2 - -### 7) En el siguiente código, ¿cuál es el operador lógico? - -```css -@media screen and (max-width: 480px) { - body { - background-color: #eee; - } -} -``` - -#### Opciones - -1. @media -2. screen -3. max-width: 480px -4. and - -4 - -### 8) Cuando desarrollamos un sitio responsivo, pero nos encontramos el caso del móvil en la izquierda, ¿qué debemos de agregar para que aparezca como en el móvil de la derecha? - -![Missing viewport](https://developers.google.com/search/mobile-sites/imgs/mobile-seo/viewport.png) - -#### Opciones - -1. Falta indicar el meta viewport en el head -2. Falta el meta charset UTF8 en el head -3. Falta agregar el script en el footer -4. Falta hacer el website - -1 - -### 9) Si se necesita adaptar estilos para dispositivos con tamaños mayor o igual a un iPhone 6 (width: 375px), ¿cuál sería el media feature a aplicar? - -#### Opciones - -1. max-width: 375px -2. min-width: 375px -3. max-height: 375px -4. min-height: 375px - -2 - -### 9) Si se desea aplicar estilos a dispositivos con tamaños menor o igual a un Galaxy S5 con resolución 1080px y Device Pixel Ratio (DPR) de 3.0, ¿cuál sería el media query a aplicar? - -> **Nota:** -> Los pixeles que usamos en CSS, no son siempre la resolución del dispositivo, -> esto es debido a que lo que usamos en CSS son Device Independent Pixels (DIP) -> que como infiere de su nombre, son independientes del hardware. Para calcular -> los DIP de un dispositivo, usamos la siguiente fórmula: -> -> ```text -> DIP = Resolution / DPR -> ``` -> -> Sabiendo esta fórmula, ¿es suficiente para resolver esta pregunta? - -#### Opciones - -1. @media screen and (min-width: 1080px) { ... } -2. @media screen and (max-width: 1080px) { ... } -3. @media screen and (min-width: 360px) { ... } -4. @media screen and (max-width: 360px) { ... } - -4 diff --git a/topics/css/02-responsive/07-requiz/README.pt.md b/topics/css/02-responsive/07-requiz/README.pt.md deleted file mode 100644 index f3df93e4d..000000000 --- a/topics/css/02-responsive/07-requiz/README.pt.md +++ /dev/null @@ -1,164 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz #2 - -## Objetivos - -- Nesta seção você terá a oportunidade de avaliar-se para colocar seus - conhecimentos à prova. É uma oportunidade para que verifique e valide que - realmente está aprendendo. Sucesso! - -*** - -## Perguntas - -### 1) "Técnica de projeto que consegue que um único sítio se adapte perfeitamente a todos os dispositivos". Esta é uma definição que corresponde a - -#### Opções - -1. Grid system -2. Media queries -3. Viewport -4. Web Design Responsivo - -4 - -### 2) Na imagem a seguir, se dissermos que a seção de títulos (Artigos, Ferramentas, etc) é uma única `row`, a classe para usar em uma grid de 12 colunas para cada coluna será `.col-` - -![Exemplo da -*grid*](https://user-images.githubusercontent.com/11894994/57672459-94c33c80-75ee-11e9-9d0e-9fc11258bb3b.jpg) - -#### Opções - -1. 2 -2. 3 -3. 4 -4. 6 -5. 12 - -1 - -### 3) Uma técnica que utiliza a regra `@media` para incluir blocos CSS que serão executados se as condições dadas forem verdadeiras. Esta é a definição de - -#### Opções - -1. Grid system -2. Media queries -3. Viewport -4. Web Design Responsivo - -2 - -### 4) Qual regra de CSS permite verificar as características de um dispositivo para aplicar um determinado estilo? - -#### Opções - -1. .row -2. .col -3. @media -4. `` - -3 - -### 5) No código a seguir, qual é a media feature? - -```css -@media screen and (max-width: 480px) { - body { - background-color: #eee; - } -} -``` - -#### Opções - -1. @media -2. screen -3. max-width: 480px -4. and - -3 - -### 6) No código a seguir, qual é o media type? - -```css -@media screen and (max-width: 480px) { - body { - background-color: #eee; - } -} -``` - -#### Opções - -1. @media -2. screen -3. max-width: 480px -4. and - -2 - -### 7) No código a seguir, qual é o operador lógico? - -```css -@media screen and (max-width: 480px) { - body { - background-color: #eee; - } -} -``` - -#### Opções - -1. @media -2. screen -3. max-width: 480px -4. and - -4 - -### 8) Quando desenvolvemos um sítio responsivo, mas encontramos o caso do dispositivo móvel à esquerda, o que devemos adicionar para que apareça como o dispositivo móvel da direita? - -![Missing -viewport](https://camo.githubusercontent.com/11e38991707aa776ed0768f201de894123959f5f/68747470733a2f2f646576656c6f706572732e676f6f676c652e636f6d2f7365617263682f6d6f62696c652d73697465732f696d67732f6d6f62696c652d73656f2f76696577706f72742e706e67) - -#### Opções - -1. Falta indicar a meta tag viewport no head -2. Falta a meta tag charset UTF8 no head -3. Falta adicionar o script no footer -4. Falta fazer o sítio web - -1 - -### 9) Se for necessário adaptar estilos para dispositivos com tamanhos maiores ou iguais a um iPhone 6 (width: 375px), qual seria a media feature a ser utilizada? - -#### Opções - -1. max-width: 375px -2. min-width: 375px -3. max-height: 375px -4. min-height: 375px - -2 - -### 10) Se desejarmos aplicar estilos a dispositivos com tamanhos menores ou iguais a um Galaxy S5 com resolução de 1080px e Device Pixel Ratio (DPR) de 3.0, qual seria a media query a ser utilizada? - -> **Observação:** Os pixels que usamos no CSS não são sempre a resolução do -> dispositivo. Isso acontece porque os que usamos em CSS são Device Independent -> Pixels (DIP), que como diz seu nome, são independentes do hardware. Para -> calcular o DIP de um dispositivo, usamos a seguinte fórmula: -> DIP = Resolução / DPR -> Conhecendo esta fórmula, é suficiente para resolver esta questão? - -#### Opções - -1. @media screen and (min-width: 1080px) { ... } -2. @media screen and (max-width: 1080px) { ... } -3. @media screen and (min-width: 360px) { ... } -4. @media screen and (max-width: 360px) { ... } - -4 diff --git a/topics/css/03-frameworks/05-quiz/README.md b/topics/css/03-frameworks/05-quiz/README.md deleted file mode 100644 index 7bfbee042..000000000 --- a/topics/css/03-frameworks/05-quiz/README.md +++ /dev/null @@ -1,127 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #1 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) ¿Qué es un Framework? - -#### Opciones - -1. Herramienta de trabajo que podemos usar en nuestros proyectos como si fuera - un modelo metodológico preestablecido -2. Lenguaje de programación basado en CSS, que ayuda a diseñar más rápido -3. Hoja de estilo externa a nuestro proyecto -4. Herramienta de organización que podemos usar en nuestros proyectos como si - fuera un modelo pedagógico preestablecido - -1 - -### 2) ¿Por qué usamos Frameworks? - -#### Opciones - -1. Porque usándolos no hacemos código desde cero y ahorramos tiempo -2. Porque nos ahorra hacer la maquetación de nuestra página -3. Nos asegura que nuestro diseño va a ser funcional -4. Porque así nos evita pensar en diseño - -1,3 - -### 3) Ejemplos de componentes que podemos encontrar en un Framework - -#### Opciones - -1. section -2. grid -3. imágenes responsive -4. div - -2,3 - -### 4) Ventaja de usar un Framework - -#### Opciones - -1. Mejora la compatibilidad del sitio en los distintos navegadores por el `reset` -2. Nos da mucho código complementario en cada acción -3. Los estilos los controlas 100% desde el `html` - -1 - -### 5) ¿Cómo se adjunta el CDN? - -#### Opciones - -1. `` -2. `` -3. `` -4. `` - -4 - -### 6) ¿Qué número de columnas son las que faltan? - -![Frameworks](https://raw.githubusercontent.com/Laboratoria/curricula-js/b6a70152fb5675d12ddc797fb9a209f63eab1283/04-social-network/01-css-frameworks/05-quiz/grid.jpg) - -#### Opciones - -1. 9 y 3 -2. 8 y 2 -3. 8 y 4 -4. 7 y 5 - -3 - -### 7) Formas de agregar un Framework al área de tu trabajo - -#### Opciones - -1. vía remota agregando el `cdn` -2. Adjuntando una hoja de estilos -3. Comprando una licencia -4. Descargando el Framework y enlazándolo - -1,4 - -### 8) Según el estandar, ¿cuál es el número de columnas que componen la distribución de una página? - -#### Opciones - -1. 11 -2. 12 -3. 10 -4. Según el diseño - -2 - -### 9) Framework desarrollado por Google - -#### Opciones - -1. Materialize -2. Foundation -3. Bootstrap - -1 - -### 10) Framework desarrollado inicialmente para Twitter - -#### Opciones - -1. Materialize -2. Foundation -3. Bootstrap - -3 diff --git a/topics/css/03-frameworks/05-quiz/README.pt.md b/topics/css/03-frameworks/05-quiz/README.pt.md deleted file mode 100644 index 64e354e93..000000000 --- a/topics/css/03-frameworks/05-quiz/README.pt.md +++ /dev/null @@ -1,128 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #1 - -## Objetivos - -- Nesta seção você terá a oportunidade de avaliar-se e colocar seus - conhecimentos à prova. É uma oportunidade para que verifique se realmente está - aprendendo. Sucesso! - -*** - -## Perguntas - -### 1) O que é um Framework? - -#### Opções - -1. Ferramenta de trabalho que podemos usar em nosso projetos como se fosse um - modelo metodológico pré-estabelecido -2. Linguagem de programação baseada em CSS que ajuda a projetar mais rapidamente -3. Folha de estilo externa ao nosso projeto -4. Ferramenta de organização que podemos usar em nossos projetos como se fosse - um modelo pedagógico pré-estabelecido - -1 - -### 2) Por que usamos Frameworks? - -#### Opções - -1. Porque usando-os não fazemos o código do zero e economizamos tempo -2. Porque nos economiza fazer o layout de nossa página -3. Garante-nos que nosso design será funcional -4. Porque assim evitamos pensar no design - -1,3 - -### 3) Exemplos de componentes que podemos encontrar em um Framework - -#### Opções - -1. section -2. grid -3. imagens responsivas -4. div - -2,3 - -### 4) Vantagem de usar um Framework - -#### Opções - -1. Melhora a compatibilidade do sítio web em diferentes navegadores por meio do - `reset` -2. Fornece-nos muito código complementar em cada ação -3. Controle 100% dos estilo desde o `html` - -1 - -### 5) Como se anexo o CDN? - -#### Opções - -1. `` -2. `` -3. `` -4. `` - -4 - -### 6) Quais números de colunas estão faltando? - -![Frameworks](https://user-images.githubusercontent.com/25912510/54452462-3deed300-4723-11e9-8267-f0c150103ae2.jpg) - -#### Opções - -1. 9 e 3 -2. 8 e 2 -3. 8 e 4 -4. 7 e 5 - -3 - -### 7) Formas de adicionar un Framework na área de trabalho - -#### Opções - -1. Via remota adicionando o `cdn` -2. Adicionando uma folha de estilos -3. Comprando uma licença -4. Baixando o Framework e anexando-o - -1,4 - -### 8) Segundo o padrão, qual é o número de colunas que compõem uma distribuição de uma página? - -#### Opções - -1. 11 -2. 12 -3. 10 -4. De acordo com o layout - -2 - -### 9) Framework desenvolvido pelo Google - -#### Opções - -1. Materialize -2. Foundation -3. Bootstrap - -1 - -### 10) Framework desenvolvido inicialmente pelo Twitter - -#### Opções - -1. Materialize -2. Foundation -3. Bootstrap - -3 diff --git a/topics/css/03-frameworks/05-quiz/grid.jpg b/topics/css/03-frameworks/05-quiz/grid.jpg deleted file mode 100644 index 3e0e53e12732a5a2a6fda6cc3f3312205954bd51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 53608 zcmeFa2YeLO`ac{*EFfy=0s;mEVIZ?@c4w(~d+&V-@Y^=qdtU_9D>W1m=}kadB7sn( z6O|4EQbI4%k={{C@}8ZAgkTW8*Wdep|DTuj0=qM3zUQguJm-1NnOlCa{FkhEga9pw&x#2VQ=$kqzUC3mtAh{RS@YA%t2P^rX@tw;nS2_}I5Q9BVSoe^qh60Oza zPfqvR;9J*_73-{Ib02pHes#-v%vU@f&yACF{UJL{q|@nX7!s)yXwfO0^hHdGPQGyK z49F84wk>Q4IRg==-`6UQYcl(zk#0FT>5eKskNNTjDmtoGfX{h|C-B<;{6RbH^xEMH z!a%=Wfk->ELN-&xA5#1Mp6(gJ2|S)?I1)-Eilicp_D=riGAJh{uWRC147LZR%ve)-6YA3;UxXi|uK7Re}LI zqy^qN?zBc6-AM=)C+n$8l~n!lA&1RrcSO1qQMB@@$JhSsG0Y$Gnj+nWat^QZxyKj( z>^Y~`WVdyP=`NVUU?@~>qflvQFd23ZL&abU7z{Q{Q!v6Bo+D=E(NiWKJuYBNq7nv! zqHuep42ZzMKTHN_pZ;(dZCfW8T^Ne=!{DP}Fky(oV7s|)GfC)S@YMKa1_qlM0&vr= z;4m2)4%4pTGVN|2Q(+LY;&vX>ZWpr|ei19~7vX?xCPTtz#M6HiYz9TnVW2WLQ=;ZF z6>3f*ZssMz7JdT7D*nVdd}iDtWito{(1U^J&?vb|KYkwvtZ4Z3Lx1r*i~>d#c18@a z%ZPK78I~CWB|{-m0@gST6V5%Kk>*YT8dZE0Tt-~L17hK`7;eBGxMvrzpKX@`R4`b8 zTOb#UfTi$@K~om!fX%QgSl}9v2mta)fU+b?Ab+kvDM%=^93F?naas%QxFcZ3j z!YOCsfSL&3AxRjWC`*~N$2cBEN~v}SMM(o$&XQ^rJ~vgCk~*v!BVWxXL_&$Wh%TriXd_ash#5*!U^xc|B+AqTqh81Lm~_O1Rqvtej3h_E z)sWGkEEP}M12`Z7lBXO(l{+F)YY@58V>Rfs0kfVGJCVr-N_=bGpU ziJ(@{h-Miqai-)vAr7de2y{%XQ%i-VYBzoU{7$2S;pat7Iv5RU(IA#e zVW>0ZjxpT`hBEwCqTb3!qHvt04MJKug2W&kP-#q{JQYmkTeV~*WR5`xc zJC)RC0G}fHzoixjd@Ko^8Cp|0mSqfX@@~e?lz|SXK1@9kn>%UonTj zN-YlfSIptB$`%L2&H8T`@1IeN16F6eUYp%!jc|x0)J6#N+>)fytF=?P$^=^!(<5Pt zOT^?$6H+5d>m{Hzk%7x0reMAW#R2KCj17B)Av5e{xnM+=L@+z#p}I&0IAPP%EwGhq zC+X!XSwc$^MgRP-49hQWm(cq3h#X9DBDG!)OE@qrB#A{5Scs%ZJ~+8%DWn>5=DiaAtfQ}(`ILc?zMRKDH z<{}s|MJMRkMhjg~eNRtF@LFK6S{F!hG84VnjrxsTuacnUSds#fh!%DRQ(-@q3plqi zWPG;5U?6L3hEUMzN-<(?xrHo5Jj4K^^++gMw@N3~szgE#D`j_PltSTXgxa{36wveS ztOS9_VFjsnG^wWAbcmE@B@3B4D`Fv8<6A8F% z-{BVHEc2-mg4$@J1*JY?#2EK-Lq=jW>!x24Py*I*k!h zr+g7P>_jmt1){19uonk3BUWNeL&xmCuvn&|I8;QH)Tb~r9YTT045ipir|O+%`If=m{|>sIFBuLJQJyej51OAcrs(mw9FCe?3TQsxqsVcG%RS#G6O^sN{WHuC) zJC!sdF6lU{LSzi-V|7%LO~)z3MaD?e{>SH^r>S(e4DJ(6p^PWe#sMouUP1d4Q^@ok zXS{&y%5HH$2Dch@J=aPAHBU4ZXa7N3IABI(j2Bs1RZXR>B+jfbFoq~2Z5;3^kyp}Q zweP=d+!+dig=f6yDRou!{Y2cAlKwN}#sP81633DWG-^Tu-WZufhmA=cD%QFDp(s-k zHVTqVdeSGdgzd^ORZOxIA->ekF{n7MgdH|$UIiIOpxA+uvDEEV>pz?>mb(O|#9m5RX01l0_FI|E>T z3C3KI&V_`4k2C2)SeBs>lK~*67)1F_xr_{p`GFYBV2MD8!3sih#3c8|pi1aOMMDNF z4V?rHsUZpsmNq7sic^@uPQ!B2iz(l9h^^Mc=? zA<9U@W|We~jh%>747iR$efI&auuM!%qXc%Xtp)=teXbn}*8;G|n#a5NK3bs&2 zr4SxZ^Z_s)rdu;)PhbI11%D``Dt{;=EeM9FLTnY#X^G)1Kb8gq*T!?imgbEisuUag z9JX-4ziJYH#TszHN^Mk1qdJqQ!rODK0S5$jSt+tVF$vt#USJJ4;B!rafI${u>qOwI zHo4kCgFJFDWNE`sjNSFbj}l@zmh!-oSSGfCg+hXXs%4u}aDbubhn!TEl4^5N^?VoA z;JY*P`0}w%)<~XYgb|uYe zUzW*}4p>S~i4k0eNi?OGc})Q`$s&!hjdDxSY!qq?(QsJB3fNR?liQIDiJcsf&ykW4 z65m1aa?~Kv<<**rV7g$)5N8aQDfzI-oQb|bidE`_5qS!+24Vq7Ow@-#5DC&MJRnED zMDHOPfvtqKR%hsif8i8Xw6n!w6j55`VgSUk!E`5Nu=%Jl4>^p1xCSM|n4Bd^>Lb4D z)*m4~ER)JJb||vyfo+k%vKI0?*&?fwE>Ev(L%>701{js_A;j&%y#~^d!Z1WKbHNJK zhoCYq7({m0b;4p^OtE3W~K z%QSj*G655w(Gx=mVnjAZM^QmaXd~f9fCD~b4z>u82T&N8n|)e9DLoto4~m=uNr1>F zq?dp|F$o>G&xm6*uSyCi2csOw=1D`3wH)y#Ftl2w{cU~W6lO9VKxvT0AN6@$u%8ao zxM-X%Ct~850fy7Mf*>2m=#H7IOO3>IG00-VAPx2Lco=6#JV}_YLlh!Cq{c(8<+!RSV!BQN^>RDZZ6&7TMpZ2R@Chg1<1_FMH z$Io*cL;*QiOM4+PPwCe==~jXbA?S7Dl*$}%+mNtPZ}->)Zof`J5Ng6)soX1JNS&mR z8cBE(iKG(AP{<9qF@fAmc9_EvyWT{#@uUJjV$gfEA&<=>@H(}iG?3C;cuH;DVgU0G z!156-Au2Btweo^en>K)jcy?33PmAL$hp>b{NEY!_WRKJ1j0yr=HkYOGfYO3ACicG<2G_3g2w0$p$a}0@Yob)oI)q0 z_S=YIPz1JH+-!H;DWNf(Mw_1)_c}0DoK28hl4@ndK%fi7T0dPA_D2M+n3)bsBGHi8 z9Iz@?QY|YIPG}J~4rr583(D%LJ*UveM?=7irK6Y648 zg%>0UU73ZCoTGC&^iCJo?@_7}lqf@`)(6xaHc=OqGZUtuPN#(27Ksv6yreuO8S=Y{ zQK>^~p{e9TS)%IjjLR@Rg9F`HPGC?1lgQO{eUe6!gTzY}|FStr(EwO6F!V-+2@6I5 znPz@~NaKcNK6O%n1M0mozT4s_6U}a+P;X^(sT!x}Z_ z5Lg8SFwGuHA5TT!BBY9jVNzzA+vQrU= zV{q#fVL!s5tL+RjO6C(FmchsKCwU4B=2ZD1KaWb+qdK})DYdCt^2hUXG-RToD3xX* zg_G*^ZUPCaA*h)Is|pbqbvnO59`U%DR0Yiyjxt?=u)!@7IJsd`AYcL(EEPu#9xYwv zlcs{2jOzuJDj6k`)Yx4tQNkwFA`)^U$Vy0+s7z`md1ag=k?9k_3XxMJ*L%$fKafOh zbh3}FAwiBA_z^)@bPU;ffPM=VW#e_zl*I^`B146wq<}lf**08}9j5^|8 zfdt_pDXGukN;3R3Cn$fbEC@;T)a(TOK0PtvN~wN!B1_z6IOSHtNiPv-Rr-h72~132 zc5*mi@>3BX4p_SEQ672B}equTBs21}HP9 zfCvkO=qTeEh5cP!G15^VPGKhWLm7scmmh#ah?NF{c9|9iwO_`I!*q~d08t-^KGIQN z5C{Cj+!SX&nVWn97n~0J(&2Ad4+|lTjjueym;vM+n3=hWA+C)2aKIPTt^N?IKZ*Jn zA~{xNqyvdd9Pm$+_Kdzz29(xUoLOz;m-ej;V4RT-)fr%Am0489Sx+kthF%z|S4QMG zVCB!sZ|OiX<>3<0Fh=JC3wYYeptQcKgzA+(iv!|6)1i7gpa>AL^pZmCfvJBC({Wu1 zX^@TVA*Yx@pN~cK5y&c9lx|nWT`rq0Qwy+rJPMgGpcA2PjWfdI$$V}m-x2{Uyil0O zS0!EUq{5DIg#IK0cDTqf84wQx_5mZ&(?JPADFg$9*CmEPohnn43ds=z0W=DNDT%>B zF(RIkC&E+@tcgKx6$X1tuX>KsE1WTIh<0a z3u!nYDzcHJd>9alG6=v?Vp=(5aaox}vNnNOVWrHc*ZFM@x|wdKhS)-B9Dy7O#KJZC z#7>hIl_Vq_yEuYU=pL&U2XrR*!bH-=gZN&B93k6KkaXc9RN#6k0PPl0V8oviq>FrD zDg^tkz<3BUVpNlyO2#NGl#bC=NYDqXxFBDcVcC!=ZD=A=I2cX)GXeMKXF)3phX9kP z2lI~TkC-@MIuR-5JuZxi)fg3|1sPH)pKgw!Oq(qR1uR509AHI(NWd_WDJXgZF?uz0 z;(!@q3D3}}R>C@vyJkFx&Vb1bgPbVjbwLp_#E8k$RWxy?*qSa3-~xCKrrwt>Z=?l^ zGSYNHCduRKWfge_`Ji%-Q;2z7DPaKfiRe+Qnh-?8VrxX^cIk9T1TkpEUK_`u&}$WH zrOFaWrI@@#x-w5UI+7-v#GrNwPy@o@2gFe$8?xYld?ao&!a~ezA`@aNnl0&#AR(Cy zF^0S{t&bfM3mgoQD&h195~QS4VrC~H7r|l)i-mHj9i%N&dLQ|5VmK2yWU|BV7@O^Z zlX@2|32HmWP>KeYt#~ffX$DFHJ3}xw>xK7m3jbS>r=QPg`9GlKX^^Km!2$m&JI@1o z`uPmY|Aow+?F0u*C!zn2;Bk!{m3QDmVV42Qq5@R~AFG0cqBNSRlgi0*QBty(g zxtuz$#R>)yrbA(}D*Xb5-N^76Ik49OS;^j1GK3_fbS{BP3=7RVra-5pIc3HG%P1gP zh?$+bD!(j%N(}L^#47e1i~^QYXb6BrJ`tg368Ru0F2xh>7@O_Js&HA6W%p*P4LF6* zn%A?9{?2_IFm1#CDaf;;!~q}6^B)l<4)|D})r&IDWJ_%r2Bm8kV8@l(g3&!Zemsuw zQBWB{(VqPXT`rV(Y22q* zqyZP$8BMkY6DF6?9ODJ4Mw1lNGu&cEgy(iD-9m*_8%(-F3LC`mgnVv}38yd?G%2hB z6In{OBy^Dwhd@lpsEK$&APT3#CXt^(b5p`e1=FaMg{VS|s+NVpL?aJMSSE#@!%Z?2 zCazAxPBL{&Dh?PVK>{(4lMuV@7O}LFLN6H+V~|=-;KMGl5KbE0Nl8@gG?5{y+XbgU zF#;&X2&MPi@kC%(mPBlK;DAX39hA?R1i2HXCe2=aVHI%Mz|LKg&22IV!=Z$iOjHx$ zAXTIjhv<5XGL`~c$AjvK!pAi0`2x1U71dffXfQ(|Eu=9gO&G(KP$q>eqtNI#TiIf< z-obH!{4n2b@+QUFn3?0@pkV__2zwnKyVq^^DiSHBMB{cDG)A3EAoCMP(b-FlK zQP5;IgzaXvSsN3=Ua=~(?+XMyL2gjsS5Olw)MzmBoo=hm6p-_IG&w6J5;=@q4aFX@ zNC-xrUE_^MLc|!T`{-ehJOmU%Gity#1}=vLX_3srM@J80WCI-r!4#Ud*mRKz6j8)* zP~ZbjE2K%_XbRTB3clN`wmKiD88rF;$K&A#i5?*)PKDh*r-`ca;952%m~lN<2FHnU zu1msm>7~?w6l{N#STxbFi58$EJabIrC9pIqC7BUXip^ZJN*Ul7iFOAkpmuSnE~hf- z7a3W;jO(%Z0lGvbbzr_&jFv+DCWPoDz)CH`4SIt*A{lYWJwYTwgJ?R6%O?T*@f~cT zIqs!seL9=gpoEeMsWeLBc@_4|dYQ}eqXvkEnf+kMh)K0!s|cl;L7;YnITnz$rvWPngKmEZ?dI-ZBgAt2HW%ZOeOBNDtyq1X~Cb2N3K3|+>fg=W&+b67C9vdT&iVV9`bS6wmCc%J#0|KiPBoUb~ zgwcX3;7+Nu-3fhE7n}e_2X?u{qb$DAMZ#b!n-Y_Sy+}wR7f5MBGf5UrP%%ttGKWwC zD6Wt)l}C?HMUXR%b|b+R6|$VlaFPIa;$Oh+tK#0wK4^it(6X8s8Pw!DKVon&6e|LsF@gkW}j;rZ6o*M3V`!%&iVs z5~_gNWZ;^8T93h*$%;6ohNwi1s$@bEkL3+hQgNSy$@h~tFh*<|F9h~(F^MR8F? zgs@!}jhJuIB+X$z>a{=yURW$osxcB0jgw(u%}8$=}9{%jG&>U zEJD-3(F6?!>vALs@|5XHFwJO5FKjq!ioxQhdoi*R4q<+FQZ0;DtuEk7sjkv3jU{zp ztONd%R+iByhtwRe68Nwh2vy_8AV2_^kAWqEHJ>1%Bf~<6g(J(b%m;ORDnDVf8l_cB zg()-Y0j>vTHc)hB^K@$1oe;W>79WQgqZ5Uoz=6+vz?GE%T%rY=%y0?~dM4YQpvmE= z1J(OBJ-$pEYVTqIX-(qyTIMDc=y-&EhpfDg@0eZ%r^WNTwQK zCG6J)bumAzjp;&hP+vtXF)i5aWYYxH5w{^3h+D-WjOB_GZLlqoUfyyIa#)iB9jaY0 z$zl{IGE;y6_UIuOJx1e$tux_tLoWsgfF@*MkqEZGVpKT^4ujn;qBsVni!(B?vnEVQ zph^tU!hYBcCBOnL!~|?-1_!YB4XjgBU?t3b20EDDP4FCOU=>CfdKMa&;bVNN7ijKz z(0`R`9I!gl|5K`Q!0Jfmf|gO36p;m|KQP$zCS{gpX4w z!!)rFOBtZ+!A8lDnm}M_5h%jf#dt9_lV@e}z+?k9v)g#EGm*ljgE9dBKsq2{o_07M zt-_r$T8=Z*9tW%k3({EDkqu=CJQ1!WO^~th|%d_#EH3$sz@TD4PjiD zRvV>DlWhC5rIQSWf8~tN(?etx6c{Ecx^=5OL!3Dv{Ol3pu5jjHbkzgXnX6ULQR7IR zt37y)p9+_Nd?1Q`cW~w%%%~I3XX1hCKKQ zeyatxd2C*rF9HUITw>Mp@m5Rc#|Nx&8NsfA&E6HRy!uZQ2#%FYBo#DPd;H()g{yl5 zKsX}7!hil`IDN1kmY94_%odIaA~tX9>XDST%6A=9OG5_f$q9MT{5e3J70DNvPIA`CT<2Bo? z%p~B=7P9#)wyy9q4W4zEbibJ>k0si4o9kVTpe$Z`LAH^k5d1W@uI4h@bN+-sZOnr70$MW zoH3h~8}fUfD@6Dy3Z6XnSV97JcVIZVR;RTymqH=YC}8d(vdJ78k;p(uM3hG1A~Xh> z%RpF9Xn7)B@MtCXk6{JAaKr>`;4!T8Z@@nF=pSHZA+Y1dXYxGN_1~qs8i+r1!*_<2JmFXqjQKo_OKauSp z9(_K3++p+m*}F(GP?40RAy-x96Qh1c_0`X#nXBMUH{c~ZaK&48s+voM*8bry&$9Rr!)M@LcJjBx`chmk z#r3x&@V6Sjw62%p`dbqCTa8~@*FPq%+LiC=v-!Zw`QqR$eC1cO-o{@Mmu3Av{no$o zBUztkz4q#>uhx3?wOX}ad-FB$r_LL%z4k_(w`$j}Q@i$C@4kh9-hJ!sciw&H?YHXJ zZ_uEA{pQV@HEZ6o;#1@G*I%#uR^2A=zT2c}!|aAlD{lPNFXi87Wxw%?ux6{8HL|l_ z$*xf|yGHqjtnJ{Hgf(lVKY-HAr`GFlyjJ7YSHRV*8nr4fgPY)Dt=C?!@h*7j;j6FI z0vyzOv(_6mY5^8ssrhQH*Rtztyg&X|v*<#l9oYu@Ak&`#f>)U);emLu`nl%7tHM6sN zWR{fowmks{kki#q83RYOYxp79^?Va9GkRuI8>~?86CZ|;3>_|YTfSuNbHk1fy5D{8ampt3;+*$vlM zba(@6?9P#WybS|p8>d%~Z{`$yo398?m|FMf0c)v!=KGUrs!qT0_x9K{vE@Nl_!R5Y zx($ikf|>Ta`8yu&**|&T_p%`u&vH7qpL6K;u3zmJ7uLBlo9I1!NA#KZ=Qfi@SSg%Q z@BcQdN&eQ6%?s9j!<=+!n4Eb3$7^+E9o8)QvK#5wo~z$PcN(0cVajft`EwN6D`w6; z%-NoOZTBPQ@$vgM>>2{ieN?!zXmUy4heJl(Yo?wf-P>;FR_S_u_}%fZ)5bPzEbIU; zXt27z$GFRMqd^}F3-|9zj2Ayv^s&F{!xU3tUeYSqD;1a^71K$?k zQ*2+eYDCLI_^s>orgv(mhAM}CfDWCyf?x|IzK$pac z+t}-O4lG!)mUEI z1Mit9IUZAj&mXVJfya;`k9SXJ-XHDt(vWjj#es(fv&yOURD3fnv=<^Q=i{&T=FleKY6~v3?`r#^XOyDFfe*UKmPj)NJ>~NkoqO{lOPC z%8fe>u4&E6vy9gqBR%5&3oQe7PiT3d_jjjvU2b2VwOxAP(H9H0)?M_;CYF zeJ@z2@gdXv-v*yQdZld9g6&s|FXj}?%rO_v$ga6@40rU{;tRe7>Vu;e>{w=K_tBbf zIpRQXUwmQVnDOJfskTpU-CDJ=kLFwdQd+n?t8UkeOUkpRjVMiap%c5%8u@IO>UE7n zr@HlX6%Os6vuSTMDmg}!5N(9A*9$*+v1b04W|NxNW@yYx*Ue>3oD=ul$li8byrb9K z{!6Zc2BnQQ4mtP}rOz=%Y?{5%kQ&k7xqT9(KhXL0 zoZPq7I&z1$BRQH5bFlf#e;zw<-3IfG>}2zT-1c{Ft@v%)Ax(k$&MU5cg_{I1@YWXe z>JLqao#oj!M$Dt`Z`}#EpD<0`^hlk)@d45f7wOvYtcQ0zJ(Q~p@;i|ZO<8U35s!;5yFk@^dU4AiL&Z>}1pD;>Og;=<{@`|PGSD;xfO*{VCs8w{|#FDo;~ zN-hud@x7lk;$AA*;(O;}yVXPV>$caGZRpYcy#LNXUmtIN{ph%FmmXfXlKi=BJzF1I z)OgHcWZvbgkKS84U}3MQa0FXi)zWTpRp zGl#Ri?t}~O0jtWh?sT1VcS3%nMaD~S4qiR1{hX4#L(Rz3r=0QirOx$z*K2R_|F8vP zQ>?qWeHU#Vgr0Nvn9^(Jio(|P!aK8%cR0@0G@nd5^y}SiuPzw#Vsm>LL{*W||JHO} zrIWw#qs!D?zm2op`)JzTY^*%14N_A7ZYmZ0LHSG0Qu$lAB8f>09-P^{F4=jcr}Lnq z%lG=#PGk=heE%1K|7Mdvn}0gY$r_hj)v(9DWt#JoN6x?B2r7MZ-=+-}1SP+iPd&I3 z`&ZBRe%eyULZ4W}V<)%jH2j>kR`HadKKYJ3@ry>A!lYMTHu*m(mw0&Py>|B}S!Cr| zdsF>O-0zfU9iBb;;fQd06*K);<;k3-x?vM$e%*51kL-CYLSsDdVEmqLKFDmGJcj>Ro-rV};M0$DF z1_5{IE4h4mX~6}bwqRMW>{XQ1_S+{fPWY~wwAqhn;l=hvlZq}E2$A8yKJhC zIp6iQcUwuLg-YI+#A$bqU+JY9G8vkoUM8oWzTvvlg1@QnfxgS4(i~6GKxOH_j*Qw^ zxG&lIy=%R$mX@MJ7q4n4($w_zXtYpqX1INAe6>z}s_nK5nojDvD;^rxzJz=!%a=y< z(tG}I95$lV-q$Z27;tL;_}9!$1sy3PejBuGlKI^B@zB&!2bHDquvA;$=yG3vr=4hP zc~)P~V((Ua0eRIx4SQq#mS2Cjp|EMm1c*9TIc3gITlcjjw{Fp9=>S{pdP};tD|~`TF5F0 z?mO=63Efc9?Cnz4h}w1LwD^69$3jAO_@Ulqnp6W#oUr*)T~XhGGod2qgo#Vc{j}!> z`{e7_sKpKVTWIUvOdc4Won3Dhb?9d~11_!Dx_igqaA|gV)|pigA_JN*$C9Z3s?)00 z7q4uoVa-~cWytFINu&P*7wRnB?gGi4d5Ywj@pn!(&mXq^?d0hdzxOC9D?NOM!{Ox6 zZ#C|7Vfv-jqj=?67o~mgjk)@J@zP6^mMlINY5&XTwR6IaJ4yS_nqX{7A2{QG_n%JF zJAIV@@hlm24?}XgD&zkANE81Uh}GkLlhJ0Hd$^(YxM@aUS)dEL!deo0(CeNC{d|IL0UsMM)pZLDX} zz^?Cp!d!a(>*rzCT6T8UX7Zy0^}l6w>~pK%0?Wp=lcuk1-jFgsdsnS9U8nrJRi74= zh4+S^C`o>``rM|yt6crJM(kr)k%Y+j4=qU!634aj$->dJJnYfAsS} z|NMI6KI3-w9DK7+f6m5K^J|+2?0xW?qu2H=?C`nVyJc}6Kig4)d?a3~nbj9I~9{7-TqdaSb zhlkzmzPa5J?c7_ZEF;aOrPn%rvaj>4HSLR%%|~*kO%5HoIJjvq`}f@^MM*PMldV&` z8{6#LCo6ufzUFH0=nvflmlWjev7q>o9S^e)B-JW$%C=X0byQ-{%|dd$p$&iDO|}jC zjc7Iv>ak?dJ@)1c+j{0-3>P=<|KayKU0c|EB2SaOnutC4@~)!W+{Ih2xhLm}8&f@j z^>60|bIDWYEk40oF!os68`$hGv4)L0u+$stb>tJK4{B1jv-QF9tOs?%{iLzCZ*5pn zyTh3smwR3uHiu?z+kA&`qGFD;yL3jUdP-NzBmaJ{U~}89`Jde%zi-{*Gh!*X_v!3- zKejHe)`;($Zq@pwI_3Viv&!42axdTXt*d+Ip{S+nj{W*I%hu1g&%SZ@_}=^Ub(??g zxo5!g4+o9#`lx}UQ>NePS)R3d?3cSr*N=bii+A*!yKUK&v+}B%yR3dgO>Z{)owlA> zX!7La)}sXy<_wOfU0W-^xYZ9s(_(-Q)i2L#@AEr%ZaA=TQKWS1vy@)h;E$P zVXkoM(ALVa`R!rwRWD>+8isBFY>+BV<)0qcJ$^Ex6atnI|8fJ;+}O!)f%yC!?BHLOY;f_>=-ICHe0#Mw=`n3 zzV@ABA19RUBjq;U^Yh1V{)qRj@<4IOJ>o-cbGSUiIqF*qCa4eb8C$l2`K-#-X2{J$tO{#Dj_=B=>DXd`#nr zV(Uz-ZBCAN$iYL~yB{r@d9R@7-EqGS7{2*S!%_oR-0_WM&vDM*mK@IYHaX+-?^*Fx zuMMS~;oax2KXE#$9W-fWk88FiS2yjLyt-M>w>y-q?XqcBuThGz1v>eV@A)eQ+*s~&zAI@;sQ2RCz}pU?O2Qa1g>dgj&M%+}M1vFlyq!F%7FFG+S!X9rdm zcIkA0Iqi*qeP9g#j6>CV`^Ztv@4ddT-ZE|9d-gQavgVEA=9{|}ZaHJ6azY^4BY1b2 z<__WeQxACqR~C-(loH2}DbM=$$9lJptu1wQZ(4fx@Z#dUZ~xt;#_>IMrc8L0cMvfa z3?0^bbc2HYErmH)P2*AXy1dJqXNJnNCi9QDN{fyzYrA*eo}!5p){_r3aDT9*dBba| z3oc-D-xn0jBzt}T+P)ymtF z1%s~Mob>Ck`IDVv_ma!A_P;5+p)1b{4dIn-n!zi>VkP%a^1f{L#p{yQt0#^19KG&F z-fJgYY#3!obkxrLj=YFla>;RjUg6+9ilq1_{bslL!$khX)iaAED`V69ZCtzh@Z5k{ zJ-frL5NUhEUhUew2F+M+Z4)CLzTnLpmDhdG%EtA#`DW&9Z$wx%rfxjiK*K>KlgY#- z{<-#!9lPD^tc>kkT-15rs!mL3c6rwOZw?vW_ax`D(X)!_g!?;wp7yOsXTU!AbRSXE zB>%x=u&qn~-HsKLKiG0&^~D9+(?Z5_^G`oJLqCr$89aXIqx$-JG0{6xR*%Pp+=>f8nEbu*8SZscn7*`|jL&UlH<7k#j} z4Wi2(-=)jgiEEu-FDGs->Szu&R-arp^=RJ4DTSSe-1%w4HP1YzDE`RH#G|j=lQ84JVz)H_p5uNZQbjaG+1;1Uh3((U|YeIdG}WCjCUSa)Osvg zy{LP`Rl|Gd+-umkdBK8%%Xj-57~VZggTm_e^wAL>yl58CP#zaWitj0BtDvFn*z@+O4Og& zce(81oS~B6vTAL&>~`F3ShW3W$)h{mP}2`{Bx~l4o>XwOVY09x1VHSK|4>tDFNtzZSTh)7{ICbsPMF<{@W$uOSCxk3QIT;oDe;(S7R9&)#zF z0#Y#SYJX{akOr~7!qojI<$k|xb2x5I8Om^AnHC^dTXbk~1)z2cm_neg)vw6kJV&Vh-wXGv2-=U;W8Bp3FF_>E<6b>&GgJ8#ccEf%#Nu zz47|8D~iVB$zKjVcw+gdw?P*5&S$EJn)0lpGvB$~b5?m4xl5l%fmvJYZpo@OdF7+y zdkb3*UFCaY_+XzRuW0z@Q}Y|OY1@X^x;*RaO$E@H16vGhi*^jzb|89gNzuja`SZ%N z#@$LC8*%73>zXPtdZF;N`A7HHd)kct`Pb|3&p1d|QJ$Db&Ig)fC)(CqMlBrv;juAG zdgcB4sN0Z7#}AR?BevEa^GeRYKHuLlxpJU5#4yjKE4ukKp`89-7F;^BvGD#bz3TIo zlegyE+wc|~^@o0+EmXa?`iNoOw$W1cz#i}QxRb+-L3JDdu4muh6~8&PJj+{H(Dt}` z(fu(xoo2xJ0ZV#)d_pao8*Y>OK+*UJKVyxr9KN~x^u)4DL-)5D2miiqfAOi~J7h;k z)}Evua{jZMEu@Su;89I=4>tKvtl8EJ&_} zt#B@KlF1(au!HpjrjG`i&5A*gFHs5*(?PJV=b{E{8 zRbRNO*^#>{;mlKpRns`CdIy%Z$eC)$U$ef?uC|lrK5|W&Hkld*Z>{{XPNeUe6(1aX z*Bu@D(bB_FxT}4gcjPAvQ$)qQ{UsfKIU0r*t!MPQbH-pz8Q}Wv)kD`yc9bfT$z*Za zl5Gcgs|FhmDDRqIeaFXVlr+s_?{R{mUyH8xR?YO^vx%#Gah#hHE`&(+g z{8cOW_v{j;UbE_3SO=V+*XN{ofa^U=onPH8UOm_Q%HI3)XR7*V)i~T+ux8Zlv#lQq z%7i1#%968z^@rNZ4)z;xs64CdGG5N1B~YKzaAA2?&aE3|v0d==>Gr9`&$x?ltV49bx!vDf>C$}KfTEwK zUz!eq2dguTtSnHnvv*qmJ6w`;YVF(c(bGzYK zkt0i2%)WBz)ELdgyv2)VeoG%bfZ81ETz_iW#U8YaAFY{l*kf7tT_gYX(%sE}9Wi3X zp?I@jkL}pl;!1w+nOnF8D%Xy|4HtfCnN^t6hT<;vP(r_4UOD>cBvD*9+VaLxa>%a>Ag=;yI-_kSiNHMilTXA8r)oz-g=+sVC#BN!;$^{OV6@H z|Fdt8=9}*dTjy{(pDVna*DDYF|6Y}6X?k|q>;FA>+K+tNx^w3*Z^>?QxD@GCPh0=! z2p#Q6--Pc`?em?RE-d8ztmt$9fPcow{n}sd3`B>H`t8#8mDU@DhjV}RZyW1sNd2&d zOHlBz_zcpe;ry`c?nt)fx|HoI>OS-G@x9sJZ?CrQW%6A;x1wm$61McG2k*xx zq#kufgk!yXkB_p|tN*3RxN`KuA;aCKf?LI3+%Eg_*v9TtF83LDy>w&46Pib3ic6MU zS=RdL@H6>n$n62=?C$ccq6WziR%T^gbvW1DId)d`o9^FBIL47JKbL$o;_h_+gEDc6 zb$Qom+MU|Q*}wG}FN4ot4keH8D$8xMVn>(v54F8so|P}@G@{IOxyPviXG<(o*FqN` zeM_f&)jQ-V&%)aEENhq3qupfR<}UD+P-&Yf!vCke?~ZFa+4@FZT?LhmG(kZL(gFkt zT?AaDCZW&%n!*gR}Ab@`YlvcI_`v z_oK91b+AjJM8;@SJ+vNlaAAC9C4M&3HJes-ofje4e&qh7{B{jx%bu$8kFB}95 zCq!yUyvbv<$AelU!uwyHjW5~^CIxwlEa$IqZREG+X6lgGrHb||L>=WsJ-asR9i=>X zn_@@doV@40&sp`dC!;)F*ldPUIuRX_ck-ShHZ<~ zSq@li!eg@%fyu#VPoaWds8T!Vf;34;<&2fk^I|wb?3lso6N+MoV`s`AKT^-g6}LH& z0LW`jGYof#o1g8;l>ev98m zF-5=*T}Z1*7PLm;`D&};3!vC+zEJDngz}!IvH4s@+MZdzc6rHEl1=w~S;v$x{Nfj+ zL&qF{MGTl*@rZZ%Xr0hwHzLIVlGoJ?ICom%Y;uJ}VG`hMTE7r+Iic;OvmnB}V4j9j z)i&I;xKFXFcOBt4IjpUpjqhx9mRH2@>+{92sY_Hy1Xp*cg0kYnL*yK}`>9uxDlzdN z86Y!$CBvEOaSEqBQY6plIiHz4eU(Gxd|IBO*249nFqF8nZFQDiK9FdmKuCNe@Ls@j zKu^pAq@qtlT@O0O3ccL0`D}2Iu2f+z?mE^o5o!;z@)0J~Dpv`zq(y}9$d9OJlZj5$t_mT(;1Vk@MhLV{$s<%3uEV^OZdTapzh5Me*iAXL!f1I2U-wT(pwy3)5wc>W8pq_<8(N+Eqlm(}&XNwmO z4sKzdX8Wti#R|lDAkk-d*c`cYp$ ze>d7R7L&R^wM);!xH6r)SZ>1T#mf+A_ww35Q26ZeKfEY?M*GW!ukf>cf#84I3j9JB zf2ac2i6xgaPu1>)g|5rLp*v8sw^qBV;vNOhw3}2jbC3AX$*+v*eoDj0x9@Co@5;Xa z!*TuO^*>Pgy;xRV;x!#mIpH46A9irNG}o)V7{0}KKMMzxe_I_C^T?8EvJrRiE@^88 z5=YN?@zmBG0@sdSpfVzw@BL2YPdt5vHS?ujzD4#2c7e~>@qbhJwhMgDrEiAN=luBhrEiAN=REo!W(b)b{Oh3Q=Y#*Pba-g3t8Q;P zpbD5x`9r30A>bvC{Gc={fuWN_Y3}w;U=uP8mnC!Q1i7O3hq?*=Ze$@wq*sNa1Ema$ z&jkl3xI39lIG*aKvLelP;c5~cq;7WKoR^PZw=D*Q;D&K?voEWYraR0wl(=@XTbyW{ z%9Pe6_0;g)rX=ZrzHNv3H2(59dJ+hWNGX?(j*yPms__&bm5ITs89aKZYy)&BHH7((X`9swn&-&C+&T4{%@WfnVBK=ER zc+qtgzA5MRU6zTAO{$L%{3`YSPTDE7M)T<0rXcm^(!pxw>JjBt|k_5JpXBj4A7l@OYHS zMXElK3|NG^amb&f4&>p97^jq2GZxg!waj^IkC{s8&iVAK$=YT$hvNtduOm1|5jHU) zq^)1|HY62X(iMo|YcA4v*BMQ-Y@DTR++nFY0tI6~YxT7+HHI$}C0i){yIsOQ2`Lrb zDgEl+a*1_5N5$ci2Cz5k&!hV02wFcTbV*9PjZ;bu->LU{5`l{b_ zz0BGkcLTC&eX+9^nTK;2Y!44SF-wfT0B~sp?zDo!&MsQ>fQdx{qe0qkh-qQ{4pRbn zKnbIwiLqzG07-1C=JHD#KoQhQ~uu@w*}`aaX%k}y%%#Uw&26TR)>R0fKFW+K^rj`5?0^qu3ac8a_?y*$D=b;j*kqH z%hDV4b91t8NXSQqpYK9sl4V=7?GF1?f8oIY#VVs%o9hv+j=!6Q6=&Y=xCCX^pRS z*yDM<4~fD8w&y2TWf!odtP1eqg02G>*A{-R=t%zOp@&O`BkpjW3a&0AidMF%STj8NO3e z&(wSZ6Glgfpe}fKy2l4@HxJ)=14_v_p||>l5qz<#SIN-td*!icpK7x8dy%7gN|tT` zhMupVuX4AHy4IM`Byh~k?}g_ym{`x8`)l&tXLP=@y|I$vRbPcs7#$it>gZhj!KJJ> zFzdMKH7!=NgDVxgovyhQ@kaIDhaV727d7MVeb)7-!V&V=lf{6p7}jlNN?q`QV)TWi zLEn?99Y*nYd%$wj!dWEP<%&E}9qJP~OvWY0MB?njN(N_^bG;N`aPGB-M7LY{cVQK769N7JS>XKviEE_;xYMo*db5K`)gu zO!oBG_8Thw!Kd;M!#V=}V6}SwBZH6H{2DE(J(s=YLv;7P)tlQ#o_h+qcW!vbHX^Pn zw`XUb7rk}E>Ehp8dn%NSM(qrn7M|OVqbC!Mi~h1#+wj^~*FGA>Jgm|dRJh}}WzJ;^c?Q42;fWq%DWYjUrjO`QmS55K z>3|yGhBvljTA#_tuX*;MXr=t;w+byA!d#kBkAvl|{P@G)82@PS`aff>ICx$CKO0!!L zs9495h%=D38bH?@&ehEK(%x(Y?p1o4U^k<6j(P#7J9J3;;=(4i{ao0;I5BM9XFmUyJ|wX;(Nx8h#v#;aEU=MBZ|mvc zA#xiXJmi%{ziV{Ju&CB}D~L;50H~y53M!W!2R8Xon@(aUPoMh)jqqY!8$afb>(fpG z9ZZ&yJZO6SkV4R$VVQuX{o6eHCAf=NOr-sIYamP}%Vewm?!P+o$-<3a(Ug01UejO^fe2y2)PK$Y&1Ar zKjQyX5Ifd2qre8_vbiB zZBK4Po*DH{YiMl5`ByU^8cBJj&_4#}yhWcVkkr^ag+KC^-22q@bXn`D(;F}8Zi3!o z5U|P8ZN04~`Fu-jA3{U1HMKeqO;@L19QKeL-q?)%j;1&Iqe}ehSA|%5?ii*bL!wjb6+LSU|uRr!uBO68{n1*H|F8TIs7COb5Iu0J@&C6c;DzC#D& z4Itu>Fo0w3kTUpOLwxMb;HYR^Fd=H(LfwZt)x^9!PWgl-qwB=s-*f_edbT8=34<@$ z=}XT{Ct5#Tgmq0wo|nAt>*5e|uwsbNCU~Oy#?(q$U$6BZn0b9<2o&B=cpN&oWb-8I z_H4RV_%jA3YPY7aHJT zg=>I-E&3d^D>_L&`cs#p&*&L>T$K~O&1V#4mXp@M%kL7c%#7&wgmxPLph0@hz+jgq zT6-jIlf#n83yeTPutrv31Gn&}xs@^Urq`RjS9~C1Ml4X1Hiit**9yg&uAj(>!jNW zxdMXMh`n{d~YLHY#8-rU_Wsb4bLYd}MtaP_sKkHRdqJwft$;&1p>5tZg z1Cy0bhYEjWuni%M_JQCWo^gcGOn*Hwl{A(E9{1+pnJcW;4Gwj=(=`UwGRVN<;Lf75715}<97G|W((#ky-!|{V0sr_GG2>RxN#=) zExpO#e}`w+UTH?}`Fp%gz$o#9j&L5jLp5G{%!ik+?rdWcr(caYKwY>p-D(%5nVW~+ zAX0s#vCj5_?~X?+rUOgo!NcHIJa@@~w#JY&5#MYHd?#V&1&?-?~9 z?J1U`bPP};l4nc)<&0jUjCCLS=oQWRYLZCQh}tW?j5iR(fVxkwJzca3XctV45$QBg z+Kn%9O8e>{4t4H?+-?qW*{1h+-fCB-P!)yL(o)I^+A6}ZO3}eStFHkasvAK0wxBLw z=py*16#-ICg6Dyqa=X~dYF0q$$*d)2q$O$a(+oY@O?yDWrH#B^xmE5(UC?oKdOCk@ zI4&KTm9ey7k7GYx;-WBSz7fIaE;Ct57-@EP&9g-0nUjbFsbR%V& zo@&N%Ui-VS{_^mrO;Bcoe&69f8Wu0Oz|2v5V1qGcFRioI<0lj&hz9Qfz?~AsbzO@o3 z3pxrQ{YrMh$VMU!D{b#%&6kZ)MKyR>9n48k!-Mt)iu->?U+435*JfR_08Zt%*S=rd zKV1q(hN03`Rc~gSC(Jju9Bn1-%jrT#mZ4fMg>X(!E>T?p2;zXpD4=cS!fK{+F~rw+ z^!HWvM3}n$Ag-XTkxT==gc(IEvxtF-gONy!=y;IogXTSsrKeMQW@@gwJK8vL|1o`8 zr&~er?B#hwr`=R*lNNEV^i%JW^PCyUNDKAub!*zrkjcZNm3V(qbzs;8DMQmjhojQJ6RF>P62o`k~A6{R@>s=z+Eo#I(} zGPm8(`?x(ZB9M`#Kd&`46HShrQ_K<#Tomhrc>+$@AFP|dD!I1;+E54*= zVsJ%yg64dfxiX78Tek!_tsTjzmvmRg-Y|zk)Ph(mz*T%LeV^6@jHv?)dP8U|&!R{L z0;DRzZg7zAn{`wAO-zhhIjQg``ga19>TWYefFaKr6smX%Duu5ojGL_A9FBllkh><^ z6gx0K>X&kjoUuL@i&glboQuc!ANO20(>9w!s0O5F2h<1!G?tt5-YT+Caf-WGq20^d z;3k*rYf4C&Csw4RS8_+>@798w)TC%b*I#^O$Xle&DEWg}E8FR_k{&g0nH(CM{{%!@ zuy9XnizrJLyR5Qy*Z}{L;az{zm}`nP@88eih|kaAXdbjP$S)I{efy<+u9Y*>nZx8e z8mbRc6w~H>fmO_1#`$MEtUM*5$P4Ra(7dai+F?GnyXgZU z!D46Owgfn{Ap&_q$^tx{T4vE%WY6LBj@mkhP>RBL)1J{&V zNT{r2+`50CKUjX=jIf`aOZgxTVO}(~5k`#+r6^Q}^bNJKZqT2!jZ90i2s` z`C=AM0~09K5rYw6uc)XdhL!=*o3t$(tV-2SC=wPxKvb%Gt@tf)gXstk1V*|Lkl*?n zdPx2IQslFm2r9gJs#m6c+Qqk<%%86?PeR6`dv5!hYbku_dRzGHFKD4wLKv?Ile?4& zMF$x@9kcghj4o-L-CM2BUGDmtHKCt&V#9O4RA$V|wwb?Fy8*%70LK~>pt%M^r)$rU z{S8RigQC!h!5;@W;3i{@26ts2R4O#4c<9KaXeQ+J&hRNo#Zqzw8|@){#e5hM09Ky- z3_a+&#%LdQQV9~86J`xGA2vDjX4Z-FW7#~|!NEOfV$KqQEi_>(#A5^Y936~EEeV0r)qmEMVmO5@g*8`zz(T*;o|@Ma*ov^a<@_4U*x9Znv6K?? zU<03BqCR6UAw}-OOTa;P2sHdh`-CD#^Jh3}2MvLIHd*dZ4rz_awpkI9bOW&_b0~IC z0JYRmrLep09`ab}3Sz#gBO{Rn(dRqII>c&-)QegB$lwCY$oHYvumj6f%K9wBCPC7s zvzqIcvf}+a-MkdDfp{Jilh2D~0v@#9Gv%<0ubp#m?i*zFCeI49h?Y!Mb5I|g;i@_& zkCA4}?QV@kGz=iwRJ6w+%S5L#Uh}a>;|9JlxDtU035QY}zR7xv=plf`CEKv{zCH)@ z$purD;Gv{j`O4FEiIYjpG+OpvE&b{eM)Ox9#S^Z^C9M&o}Ar1?eL}v}fjO zsh#cp!m7cA_=)LqRttGo6(9M0d%GUv&@vB$*SVIx-cqKH)&Wk9%gYO~H5XCD*zNTe zMhiZXH*!taP_?2Q*VRj-0r?13AF|0qE_pR~wJ3?fM1hqU7ROGTBh{4@ob_HF!V(?L z&j$tl7@QpCD3ft@Ze0N^goHZskJ~0XPY8-6fatE2Kkp?dlm)o9blsj+j_^^z5q|Uw z!;|kg@N7x1_M`g4#?u1~)m$8TEta#YYNFKJc2-2(W&KiUxBRcfNGt26MxC+NyP82) zTN%mXsk^EkYM3hVfrex_!r=X>FuW~YYk#Viwa_eCJ4M)xP zZ+Iz^77)*~FX5?1Odk@-rE)1F%c(0lqmP+xWpu#jdR(5i>(C8@?c=!*7l$~P0K^$( zuo;Q|2_PgAhS3+~P?OS*VS#J~prAOP9al@tB|{@i_LdC&d@(=unwP%{kh}AmHXtf-i z=Jt_%YNbCN+$@24O9)!ROLV*JxMJWfzu48AKwr0D;l1yR-@Didrc)A=!pZoiP@3;Z zbv!90lrXO*MNx~6=5-$3k}l`&&cPio(z(mior`djeOr;`b^8-m>pLn@9Bf;V!k*!L zYQ`+?B)+Ae1hCMoT6%6_{@kKBVd?&$?fOCC6#NJL3X`YmYp5d`oAC>+*LRcyanlPo z_oh(^d49-!^VU-<4I&+w)o2lkpj{0vw4R>`t93MZplHf)Xi!hKs@g|2>C%*gi=HVL zpLvlaFH{63&-F^fQUfR`!!HTtLp`V@IwhiMrsb&I&MO`yd3F!G<_LrCR2wywr?Y<5p? zOPGGaZ)~Y0#dy6cZ9BxjfV3@!v^<0?ssH#3kq$oWdRul5ol{$Sy*Z0ldw^>>BGJ6F zw9_HF1L=@hQQGnp1|JC2>g?3@d)*Ned(%LAkaU88V;7Z^z?(n3P!ifi`N+^t7oz<$ z6kKKvou@~F6FVuX1Z}nCq|l1mt2QDd)h(erF@34&eWA9YnC38Eekao{wc^uQ?$e&D z;W>QgWKvsM(Q~KHN9>a>Jml#fi9Zphzv3)ZU5sNN{EhDt&SM;k<(%ENxU)T)8*0Ig zpeyJ4<=IxpA}#8Sc%Vk5-mYqXv!#4yV-fpiv4&UjtVQiK1OOMWJIbB(aaFun#^bhg z-kX&oRP|!CTZZCD#$ga z=1f8sfK)$Y zf%4m}s*8r4$&lO|VEt+Po#f<5-KVPcCZp0+oLc_%!*RZ2v$-%!TO8+`+t94^bNu3qPbG&kgzmPa znS?uxK9KUaf;R^yf`zgOL_X_VHgx|8-Osrt8*wAnF(bkmqE!fZHpKZT3sNc%AaO^t z0pz1Kt>e`TzIR8wmim?SO3bHDcDu5D-Eej`UZUG1RDwh2r2S6=f?a*r2g5j=>07F3 zmZ*AaKApc`Wkb^2|Fhpe#9|Epbu8z*hyNy)^IvKIHO`5D_Db~n|C(d_cYCKQBk4d`zvg z1H#9jP?s39%FKR}3i?*@jUWHJ)gfZk;E9+(TZVdOFCSDRF5>cBwvtu5Yxj!9*__bE z>(I*&Q}Ll$eNc7aZTm7fTc{;t9?&Q5@=THGT~pCqn+AkNI-i6A&7LSPQ9mqkz1av~ zs|}NwMOH%wYn~zo+7_7-)vwoxOTz0K@3dhy1L4Nv&$zx-{P*!=IaiB4#;S);Z!S8E zudOlOtv3xaEkC-c0;LSRFT^FVXw-?|8$d(!lhf*O&^`jNF;$4TtmBrchCC7<; z-O=&6*iz*A__s@EpH7Lv%mi}c*Fj^Pj;38i2dmAa9eliFaS4PslX6ytzAA*gxWQB3 zD*m7G!;PJ1Ca(=rz(s&2r9|;au|07WNI78;j*?!u4`G$wh3XnY`|UgVIFXBn5~tTQ ZPaeAehyD3KQ>_2bkooVUa_HmG{{ff~ldk{( diff --git a/topics/css/03-frameworks/08-requiz/README.md b/topics/css/03-frameworks/08-requiz/README.md deleted file mode 100644 index 86561cdd0..000000000 --- a/topics/css/03-frameworks/08-requiz/README.md +++ /dev/null @@ -1,145 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #2: requizzing - -## Objetivos - -- Tomar un segundo quiz para asegurarnos que terminamos la unidad con un - entendimiento pleno de los conceptos. - -*** - -## Preguntas - -### 1) ¿Qué es un Framework? - -#### Opciones - -1. Herramienta de trabajo que podemos usar en nuestros proyectos como si fuera - un modelo metodológico preestablecido -2. Lenguaje de programación basado en CSS, que ayuda a diseñar más rápido -3. Hoja de estilo externa a nuestro proyecto -4. Herramienta de organización que podemos usar en nuestros proyectos como si - fuera un modelo pedagógico preestablecido - -1 - -### 2) ¿Porqué usamos Frameworks? - -#### Opciones - -1. Porque usándolos no hacemos código desde cero y ahorramos tiempo -2. Porque nos ahorra hacer la maquetación de nuestra página -3. Nos asegura que nuestro código va a ser flexible -4. Nos asegura que nuestro código va a ser funcional - -1,4 - -### 3) Ejemplos de componentes que podemos encontrar en un Framework - -#### Opciones - -1. section.row -2. grid -3. imágenes que carguen rápido -4. imágenes responsive - -2,4 - -### 4) Ventaja de usar un Framework - -#### Opciones - -1. Mejora la navegación del sitio en los distintos navegadores por el `reset` -2. Mejora la compatibilidad del sitio en los distintos navegadores por el `reset` -3. Los estilos los controlas 100% desde el `html` - -2 - -### 5) ¿Cómo se adjunta el cdn? - -#### Opciones - -1. `` -2. `` -3. `` -4. `` - -4 - -### 6) Formas de agregar un Framework al área de tu trabajo - -#### Opciones - -1. Adjuntando una hoja de estilos -2. Comprando una licencia de Bootstrap -3. Vía remota agregando el `cdn` a nuestro `html` -4. Descargando el Framework y enlazándolo - -3,4 - -### 7) Según el estándar CSS, ¿cuál es el número de columnas que componen la distribución de una página? - -#### Opciones - -1. 11 -2. 10 -3. 12 -4. Según el diseño - -3 - -### 8) Framework CSS desarrollado por Google - -#### Opciones - -1. Materialize -2. Foundation -3. Bootstrap - -1 - -### 9) Framework desarrollado inicialmente para Twitter - -#### Opciones - -1. Materialize -2. Foundation -3. Bootstrap - -3 - -### 10) Según Bootstrap, ¿cuáles son las clases para el sistema de grid? - -#### Opciones - -1. container, row, col-xs-12, col-sm-12, col-md-12, col-lg-12 -2. container, row, col s12, col m12, col l12 xl12 -3. container, row, col-s-12, col-m-12, col-md-12, col-lg-12 - -1 - -### 11) Contenedor que usa todo el ancho de la pantalla de nuestro dispositivo - -#### Opciones - -1. Container-all -2. container -3. container-fluid - -3 - -### 12) Dispositivos que se toman en cuenta en un framework - -#### Opciones - -1. Mobile -2. Tablet -3. Ipad -4. Desktop -5. Projector - -1,2,4 diff --git a/topics/css/03-frameworks/08-requiz/README.pt.md b/topics/css/03-frameworks/08-requiz/README.pt.md deleted file mode 100644 index 6ba1d8389..000000000 --- a/topics/css/03-frameworks/08-requiz/README.pt.md +++ /dev/null @@ -1,147 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz #2: requizzing - -## Objetivos - -- Fazer um segundo quiz para garantir que terminamos a unidade com um - entendimento completo dos conceitos. - -*** - -## Perguntas - -### 1) O que é um Framework? - -#### Opções - -1. Ferramenta de trabalho que podemos usar em nosso projetos como se fosse um - modelo metodológico pré-estabelecido -2. Linguagem de programação baseada em CSS que ajuda a projetar mais rapidamente -3. Folha de estilo externa a nosso projeto -4. Ferramenta de organização que podemos usar em nosso projeto como se fosse um - modelo pedagógico pré-estabelecido - -1 - -### 2) Por que usamos Frameworks? - -#### Opções - -1. Porque usando-os não fazemos códigos do zero e economizamos tempo -2. Porque nos economiza tempo para fazer o layout de nossa página -3. Garante-nos que nosso código será flexível -4. Garante-nos que nosso código será funcional - -1,4 - -### 3) Exemplos de componentes que podemos encontrar em um Framework - -#### Opções - -1. section.row -2. grid -3. imagens que carreguem rápido -4. imagens responsivas - -2,4 - -### 4) Vantagem de usar um Framework - -#### Opções - -1. Melhorar a navegação do sítio web em diferentes navegadores por meio do - `reset` -2. Melhorar a compatibilidade do sítio web em diferentes navegadores por meio do - `reset` -3. Controlar os estilos 100% pelo `html` - -2 - -### 5) Como se adiciona o CDN? - -#### Opções - -1. `` -2. `` -3. `` -4. `` - -4 - -### 6) Formas de adicionar um Framework à sua área de trabalho - -#### Opçõs - -1. Adicionando uma folha de estilos -2. Comprando uma licença de Bootstrap -3. Remotamente adicionando o `cdn` a nosso `html` -4. Baixando o Framework e adicionando-o - -3,4 - -### 7) De acordo com o padrão CSS, qual é o número de colunas que compõem a diagramação de uma página? - -#### Opções - -1. 11 -2. 10 -3. 12 -4. De acordo com o layout - -3 - -### 8) Framework CSS desenvolvido pelo Google - -#### Opções - -1. Materialize -2. Foundation -3. Bootstrap - -1 - -### 9) Framework desenvolvido inicialmente pelo Twitter - -#### Opções - -1. Materialize -2. Foundation -3. Bootstrap - -3 - -### 10) De acordo com o Bootstrap, quais são as classes para o sistema de *grid*? - -#### Opções - -1. container, row, col-xs-12, col-sm-12, col-md-12, col-lg-12 -2. container, row, col s12, col m12, col l12 xl12 -3. container, row, col-s-12, col-m-12, col-md-12, col-lg-12 - -1 - -### 11) Contêiner que usa toda a largura da tela em nosso dispositivo - -#### Opções - -1. Container-all -2. container -3. container-fluid - -3 - -### 12) Dispositivos que são levados em conta em um framework - -#### Opções - -1. Mobile -2. Tablet -3. Ipad -4. Desktop -5. Projetor - -1,2,4 diff --git a/topics/functional/01-state/05-quiz/README.md b/topics/functional/01-state/05-quiz/README.md deleted file mode 100644 index 6b0bf772b..000000000 --- a/topics/functional/01-state/05-quiz/README.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -type: quiz -duration: 20min ---- - -# Cuestionario - -## Preguntas - -### Una función pura es - -#### Opciones - -1. una función flecha (arrow function) -2. una función sin argumentos de entrada ni valor de retorno -3. una función que dados los mismos inputs siempre retorna lo mismo, y sin - efectos secundarios -4. una función que no hace uso de `this` - -3 - -### Dada la siguiente función `processData()`, dirías que es pura? - -```js -const data = ['beep', 'boop']; - -const processData = () => { - const result = []; - for (let i = 0; i < data.length; i++) { - result.push(data[i].toLowerCase()); - } - return result; -}; -``` - -#### Opciones - -1. Sí -2. No - -2 - -### Efectos secundarios - -Se dice que una función tiene efectos secundarios cuando: - -#### Opciones - -1. Invoca a otras funciones durante su ejecución -2. Cambia estado fuera de su scope -3. Programa tareas para que se ejecuten en el futuro -4. Retorna funciones - -2 - -### Cuáles de las siguientes son características de las funciones puras? - -#### Opciones - -1. No tienen efectos secundarios -2. No usan argumentos de entrada -3. Siempre devuelven lo mismo dados los mismos argumentos -4. Hacen uso de variables fuera de su scope - -1,3 - -### Dado el siguiente snippet, cuáles serán los valores de `a` y `b`? - -```js -const foo = str => { - str = `===${str}===`; - return str; -}; - -const a = 'hola'; -const b = foo(a); -``` - -#### Opciones - -1. "a" será 'hola' y "b" será '===hola===' -2. "a" será '===hola===' y "b" será '===hola===' - -1 - -### Dado el siguiente código, cuáles serán los valores de a, b y c? - -```js -const foo = arr => arr.sort(); -const a = [4, 1, 3, 2]; -const b = foo(a); -const c = (a == b); -``` - -#### Opciones - -1. "a" será [4, 1, 3, 2], "b" será [1, 2, 3, 4] y "c" será true -2. "a" será [1, 2, 3, 4], "b" será [1, 2, 3, 4] y "c" será false -3. "a" será [4, 1, 3, 2], "b" será [1, 2, 3, 4] y "c" será false -4. "a" será [1, 2, 3, 4], "b" será [1, 2, 3, 4] y "c" será true - -4 diff --git a/topics/functional/03-hof/07-quiz/README.md b/topics/functional/03-hof/07-quiz/README.md deleted file mode 100644 index 879d17fd6..000000000 --- a/topics/functional/03-hof/07-quiz/README.md +++ /dev/null @@ -1,111 +0,0 @@ ---- -type: quiz -duration: 20min ---- - -# Cuestionario - -## Preguntas - -### Una función de orden superior es - -#### Opciones - -1. una función que retorna otra función -2. una función flecha (arrow function) -3. una función sin argumentos de entrada ni valor de retorno -4. una función que recibe otra función como argumento - -1,4 - -### Dada la siguiente función - -```js -const foo = bar => baz => baz.filter(item => item === bar).shift(); -``` - -Cuál sería el resultado de invocar `foo('ana')(['ale', 'mafe', 'ana'])`? - -#### Opciones - -1. `false` -2. `['ana']` -3. `'ana'` -4. `true` -5. `['ale', 'mafe']` - -3 - -### Aplicación parcial - -Cuando usamos la técnica de aplicación parcial partimos de una función que -recibe varios argumentos, y creamos una nueva función que simplemente invoca a -la primera pero con un número de argumentos ya fijados, para no tener que -especificarlos más tarde. Al aplicar parcialmente... - -#### Opciones - -1. solo podemos aplicar parcialmente un argumento -2. fijamos todos los argumentos de una función -3. fijamos los primeros argumentos (uno o más) -4. fijamos los últimos argumentos - -3 - -### Currying - -A diferencia de la aplicación parcial, cuando aplicamos currying... - -#### Opciones - -1. fijamos todos los argumentos en una sola invocación -2. fijamos un argumento por función -3. el compilador hace ejercicio -4. hacemos uso de higher order functions - -2 - -### Funciones de primera clase - -En JavaScript, las funciones son ciudadanas de primera clase, ya que pueden ser -enviadas como argumento y devueltas como valor de retorno. - -#### Opciones - -1. Verdadero -2. Falso - -1 - -### Currying - -Cuando aplicamos currying, partimos de una función que recibe varios argumentos -y la "convertimos" en... - -#### Opciones - -1. un objeto multidimensional -2. una secuencia de funciones, cada una esperando un solo argumento -3. una función pura -4. una función sin argumentos de entrada - -2 - -### Funciones como valores de primera clase - -En JavaScript, las funciones son valores o ciudadanas de primera y esto permite -que tengamos higher order functions. Marca todas las características propias -de los valores de primera clase: - -#### Opciones - -1. Podemos asignarlas a identificadores (variables) -2. No podemos asignarlas a identificadores (variables) -3. Podemos asignarlas a propiedades de objetos -4. No podemos asignarlas a propiedades de objetos -5. Podemos pasarlas como argumentos -6. No podemos pasarlas como argumentos -7. Podemos usarlas como valor de retorno -8. No podemos usarlas como valor de retorno - -1,3,5,7 diff --git a/topics/functional/05-flow-control/05-quiz/README.md b/topics/functional/05-flow-control/05-quiz/README.md deleted file mode 100644 index c24f0e350..000000000 --- a/topics/functional/05-flow-control/05-quiz/README.md +++ /dev/null @@ -1,108 +0,0 @@ ---- -type: quiz -duration: 20min ---- - -# Cuestionario - -## Preguntas - -### En una función recursiva, el caso base es - -#### Opciones - -1. lo mismo que el _caso recursivo_ -2. el punto donde termina la recursión -3. el caso (argumentos) para el cual no necesitamos recursión -4. el caso más común de invocación - -2,3 - -### En una función recursiva, el caso recursivo es - -#### Opciones - -1. lo mismo que el _caso base_ -2. el caso donde se da la recursión, donde la función se invoca a sí misma -3. un bucle for -4. el caso que sólo podemos resolver usando recursión - -2,4 - -### Cada vez que invocamos una función - -#### Opciones - -1. se añade el contexto de invocación a la pila de llamadas -2. se reinicia la pila de llamadas -3. se extrae el último elemento de la pila -4. la pila de llamadas crece - -1,4 - -### Una función asíncrona - -#### Opciones - -1. bloquea la ejecución -2. retorna el resultado final por medio de `return` -3. se caracteriza por programar tareas para que se ejecuten en el futuro -4. recibe funciones (_callbacks_) como argumentos o retorna una promesa - -3,4 - -### En una función recursiva, una condición de terminación es - -#### Options - -1. toda condición que incluya un `return` -2. toda condición que detenga la recursión -3. lo mismo que el _caso base_ -4. toda condición que produzca un error - -2 - -### Argumentos de la recursión - -En una función recursiva, los argumentos con los que la función se invoca a sí -misma en el caso recursivo... - -#### Options - -1. son siempre los mismos -2. deben ir aumentando la complejidad del problema empezando en el caso base -3. son irrelevantes para la recursión -4. deben ir acotando cada vez más el problema, acercándose al caso base - -4 - -### El call stack o pila de llamadas - -#### Options - -1. hace que la recursión pueda ser infinita -2. representa el límite de anidación en la recursión -3. no tiene relación con la recursión -4. puede "reventar" si se queda sin memoria - -2,4 - -### Orden de ejecución - -Dado el siguiente código, cual sería el orden del output en la consola? - -```js -setTimeout(() => console.log('pong'), 1000); -console.log('ping'); -setTimeout(() => console.log('beep'), 500); -console.log('boop'); -``` - -#### Options - -1. `pong ping boop beep` -2. `ping pong beep boop` -3. `ping boop beep pong` -4. `ping boop pong beep` - -3 diff --git a/topics/javascript/01-basics/05-quiz/README.md b/topics/javascript/01-basics/05-quiz/README.md deleted file mode 100644 index 7bda1db67..000000000 --- a/topics/javascript/01-basics/05-quiz/README.md +++ /dev/null @@ -1,363 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz - -## Preguntas - -### 1) ¿Cuál/cuáles de las siguientes opciones reflejan "buenos" nombres de variables (es decir, cumplen con las reglas y las sugerencias de buenas prácticas)? - -#### Opciones - -1. `const last_name = 'Martinez';` -2. `const score = 1;` -3. `const cosita = 'El retorno del Jedi';` -4. `const undefined = true;` -5. `const likesCoffee = false;` -6. `const 2ndChild = 'Diana';` - -2,5 - -### 2) Los comentarios en la programación - -#### Opciones - -1. Afectan el flujo del programa y se utilizan para hacer más entendible tu código -2. No afectan el flujo del programa y se utilizan para hacer que el código corra - más rápido -3. No afectan el flujo del programa y se utilizan para hacer más entendible tu - código -4. Afectan el flujo del programa y se utilizan para hacer que el código corra - más rápido - -3 - -### 3) Un ejemplo de conversión automática es - -#### Opciones - -1. `3 > 3` -2. `'hola' + ' mundo'` -3. `true && false` -4. `'10' + 1` - -4 - -### 4) La diferencia entre undefined y null - -#### Opciones - -1. No existe, son lo mismo -2. No importa -3. `undefined` no tiene valor y `null` es un string vacio -4. `undefined` significa que no se ha _asignado_ un valor, mientras que `null` - significa que hemos _asignado_ el valor `null` - -4 - -### 5) De la lista a continuación, elige las dos (2) fuentes más confiables para aprender por tu cuenta - -#### Opciones - -1. Documentación de la Red de Desarrolladores de Mozilla (MDN) -2. elrincondelvago.com -3. lineadecodigo.com -4. stackoverflow.com - -1,4 - -### 6) ¿Cuál es el resultado de la siguiente expresión? - -```js -'Hola' + 'mundo' -``` - -#### Opciones - -1. `'Hola Mundo'` -2. `'Hola mundo'` -3. `'Holamundo'` -4. `'HolaMundo'` - -3 - -### 7) ¿Qué tipo de dato es el siguiente valor? - -```js -'123' -``` - -#### Opciones - -1. `number` -2. `string` -3. `boolean` -4. `undefined` - -2 - -### 8) ¿Qué tipo de dato es Infinity? - -#### Opciones - -1. `number` -2. `string` -3. `boolean` -4. `undefined` - -1 - -### 9) ¿Cuál es el resultado de la siguiente expresión? - -```js -10 == 'diez' -``` - -#### Opciones - -1. `true` -2. `false` - -2 - -### 10) ¿Cuál es el resultado de la siguiente expresión? - -```js -10 % 3 -``` - -#### Opciones - -1. `1` -2. `0` -3. `3.33` -4. `10` - -1 - -### 11) ¿Cuál es el resultado de la siguiente expresión? - -```js -'Me \'encanta\' JavaScript' -``` - -#### Opciones - -1. `Me \'encanta\' JavaScript` -2. `Me \encanta\ JavaScript` -3. `Me encanta JavaScript` -4. `Me 'encanta' JavaScript` - -4 - -### 12) ¿Cuál es el resultado de la siguiente expresión? - -```js -typeof NaN -``` - -#### Opciones - -1. `'boolean'` -2. `'undefined'` -3. `'number'` -4. `'string'` - -3 - -### 13) ¿Cuál es el resultado de la siguiente expresión? - -```js -4 % 15 -``` - -#### Opciones - -1. `4` -2. `false` -3. `15` -4. `%` - -1 - -### 14) ¿Cuál es el resultado de la siguiente expresión? - -```js -'diez' * 4 -``` - -#### Opciones - -1. `NaN` -2. `40` -3. `'diez4'` -4. `undefined` - -1 - -### 15) ¿Cuál es el resultado de la siguiente expresión? - -```js -'50' + 1 -``` - -#### Opciones - -1. `'501'` -2. `51` -3. `'50+1'` -4. `50` - -1 - -### 16) ¿Cuál es el resultado de la siguiente expresión? - -```js -false == '' -``` - -#### Opciones - -1. `true` -2. `false` -3. `undefined` -4. `null` - -1 - -### 17) ¿Cuál es el resultado de la siguiente expresión? - -```js -'' === NaN -``` - -#### Opciones - -1. `true` -2. `false` -3. `undefined` -4. `null` - -2 - -### 18) ¿Cuál es el resultado de la siguiente expresión? - -```js -'a string'.slice(1, 5) -``` - -#### Opciones - -1. `' str'` -2. `' string'` -3. `'stri'` -4. `' strin'` - -1 - -### 19) ¿Cuál es el resultado de la siguiente expresión? - -```js -'My long string is long'.slice(5) -``` - -#### Opciones - -1. `'ng string is long'` -2. `'long string is long'` -3. `''` -4. `'My long string is long'` - -1 - -### 20) ¿Cuál es el resultado de la siguiente expresión? - -```js -'Quiero seguir aprendiendo!!!'.slice(0, -2) -``` - -#### Opciones - -1. `'Quiero seguir aprendiendo!!!'` -2. `'Quiero seguir aprendiendo!!'` -3. `'Quiero seguir aprendiendo!'` -4. `'iero seguir aprendiendo!!!'` - -3 - -### 21) ¿Cuál es el resultado de la siguiente expresión? - -```js -'cualquier string'.charAt(100) -``` - -#### Opciones - -1. `null` -2. `undefined` -3. `''` -4. `'g'` - -3 - -### 22) ¿Cuál es el resultado de la siguiente expresión? - -```js -'Hola Mundo'.indexOf(' ') -``` - -#### Opciones - -1. `null` -2. `3` -3. `4` -4. `5` - -3 - -### 23) ¿Cuál es el resultado de la siguiente expresión? - -```js -'Hola Mundo'.indexOf('s') -``` - -#### Opciones - -1. `null` -2. `undefined` -3. `0` -4. `-1` - -4 - -### 24) ¿Cuál es el resultado de la siguiente expresión? - -```js -'alphabet'.toUpperCase() -``` - -#### Opciones - -1. `'AlphaBet'` -2. `'ALPHABET'` -3. `'alphabet'` -4. `'Alphabet'` - -2 - -### 25) ¿Cuál es el resultado de la siguiente expresión? - -```js -typeof parseInt('543') -``` - -#### Opciones - -1. `543` -2. `'543'` -3. `'boolean'` -4. `'number'` - -4 diff --git a/topics/javascript/01-basics/05-quiz/README.pt.md b/topics/javascript/01-basics/05-quiz/README.pt.md deleted file mode 100644 index 17cf1daf0..000000000 --- a/topics/javascript/01-basics/05-quiz/README.pt.md +++ /dev/null @@ -1,364 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz - -## Perguntas - -### 1) Qual/Quais das seguintes opções refletem "bons" nomes de variáveis (ou seja, em conformidade com as regras e sugestões de boas práticas)? - -#### Opciones - -1. `const last_name = 'Martim';` -2. `const score = 1;` -3. `const cosita = 'O retorno de Jedi';` -4. `const undefined = true;` -5. `const likesCoffee = false;` -6. `const 2ndChild = 'Diana';` - -2,5 - -### 2) Comentários na programação - -#### Opciones - -1. Afetam o fluxo do programa e são usados para tornar o código mais - compreensível -2. Não afetam o fluxo do programa e são usados para fazer o código funcionar - mais rápido -3. Não afetam o fluxo do programa e são usados para tornar o código mais - compreensível -4. Afetam o fluxo do programa e são usados para fazer o código funcionar mais - rápido - -3 - -### 3) Um exemplo de conversão automática é - -#### Opciones - -1. `3 > 3` -2. `'oi' + ' mundo'` -3. `true && false` -4. `'10' + 1` - -4 - -### 4) A diferença entre undefined y null - -#### Opciones - -1. Não existe, são iguais -2. Não importa -3. `undefined` não tem valor e `null` é uma string vazia -4. `undefined` significa que um valor não foi atribuído, enquanto que `null` - significa que nós atribuímos o valor `null` - -4 - -### 5) A partir da lista abaixo escolher duas fontes confiáveis para aprender por você mesma - -#### Opciones - -1. Documentación de la Red de Desarrolladores de Mozilla (MDN) -2. elrincondelvago.com -3. lineadecodigo.com -4. stackoverflow.com - -1,4 - -### 6) Qual o resultado da seguinte expressão? - -```js -'Olá' + 'mundo' -``` - -#### Opciones - -1. `'Olá Mundo'` -2. `'Olá mundo'` -3. `'Olámundo'` -4. `'OláMundo'` - -3 - -### 7) Qual é o tipo do seguinte valor? - -```js -'123' -``` - -#### Opciones - -1. `number` -2. `string` -3. `boolean` -4. `undefined` - -2 - -### 8) Que tipo de dados é Infinity? - -#### Opciones - -1. `number` -2. `string` -3. `boolean` -4. `undefined` - -1 - -### 9) Qual é o resultado da seguinte expressão? - -```js -10 == 'dez' -``` - -#### Opciones - -1. `true` -2. `false` - -2 - -### 10) Qual é o resultado da seguinte expressão? - -```js -10 % 3 -``` - -#### Opciones - -1. `1` -2. `0` -3. `3.33` -4. `10` - -1 - -### 11) Qual é o resultado da seguinte expressão? - -```js -'JavaScript me \'encanta\'' -``` - -#### Opciones - -1. `JavaScript me \'encanta\'` -2. `JavaScript me \encanta\` -3. `JavaScript me encanta` -4. `JavaScript me 'encanta'` - -4 - -### 12) Qual é o resultado da seguinte expressão? - -```js -typeof NaN -``` - -#### Opciones - -1. `'boolean'` -2. `'undefined'` -3. `'number'` -4. `'string'` - -3 - -### 13) Qual é o resultado da seguinte expressão? - -```js -4 % 15 -``` - -#### Opciones - -1. `4` -2. `false` -3. `15` -4. `%` - -1 - -### 14) Qual é o resultado da seguinte expressão? - -```js -'dez' * 4 -``` - -#### Opciones - -1. `NaN` -2. `40` -3. `'dez4'` -4. `undefined` - -1 - -### 15) Qual é o resultado da seguinte expressão? - -```js -'50' + 1 -``` - -#### Opciones - -1. `'501'` -2. `51` -3. `'50+1'` -4. `50` - -1 - -### 16) Qual é o resultado da seguinte expressão? - -```js -false == '' -``` - -#### Opciones - -1. `true` -2. `false` -3. `undefined` -4. `null` - -1 - -### 17) Qual é o resultado da seguinte expressão? - -```js -'' === NaN -``` - -#### Opciones - -1. `true` -2. `false` -3. `undefined` -4. `null` - -2 - -### 18) Qual é o resultado da seguinte expressão? - -```js -'a string'.slice(1, 5) -``` - -#### Opciones - -1. `' str'` -2. `' string'` -3. `'stri'` -4. `' strin'` - -1 - -### 19) Qual é o resultado da seguinte expressão? - -```js -'My long string is long'.slice(5) -``` - -#### Opciones - -1. `'ng string is long'` -2. `'long string is long'` -3. `''` -4. `'My long string is long'` - -1 - -### 20) Qual é o resultado da seguinte expressão? - -```js -'Quero seguir aprendendo!!!'.slice(0, -2) -``` - -#### Opciones - -1. `'Quero seguir aprendendo!!!'` -2. `'Quero seguir aprendendo!!'` -3. `'Quero seguir aprendendo!'` -4. `'ero seguir aprendendo!!!'` - -3 - -### 21) Qual é o resultado da seguinte expressão? - -```js -'qualquer string'.charAt(100) -``` - -#### Opciones - -1. `null` -2. `undefined` -3. `''` -4. `'g'` - -3 - -### 22) Qual é o resultado da seguinte expressão? - -```js -'Olá Mundo'.indexOf(' ') -``` - -#### Opciones - -1. `null` -2. `3` -3. `4` -4. `5` - -2 - -### 23) Qual é o resultado da seguinte expressão? - -```js -'Olá Mundo'.indexOf('s') -``` - -#### Opciones - -1. `null` -2. `undefined` -3. `0` -4. `-1` - -4 - -### 24) Qual é o resultado da seguinte expressão? - -```js -'alphabet'.toUpperCase() -``` - -#### Opciones - -1. `'AlphaBet'` -2. `'ALPHABET'` -3. `'alphabet'` -4. `'Alphabet'` - -2 - -### 25) Qual é o resultado da seguinte expressão? - -```js -typeof parseInt('543') -``` - -#### Opciones - -1. `543` -2. `'543'` -3. `'boolean'` -4. `'number'` - -4 diff --git a/topics/javascript/02-flow-control/04-quiz-1/README.md b/topics/javascript/02-flow-control/04-quiz-1/README.md deleted file mode 100644 index bf5c1f651..000000000 --- a/topics/javascript/02-flow-control/04-quiz-1/README.md +++ /dev/null @@ -1,267 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz 1 - -## Preguntas - -### 1) ¿Cuáles de las siguientes permiten modificar el control flujo de un programa? - -#### Opciones - -1. únicamente estructuras condicionales y repetitivas -2. únicamente funciones -3. estructuras condicionales, estructuras repetitivas y funciones -4. ninguna de las anteriores - -3 - -### 2) ¿Qué forma de modificar el flujo de un programa muestra la figura a continuación? - -![Flujo condicional](http://eloquentjavascript.net/img/controlflow-nested-if.svg) - -#### Opciones - -1. while -2. do while -3. for -4. if -5. if else -6. if else "anidado" (nested) - -6 - -### 3) Son ejemplos de DRY - -#### Opciones - -1. bucles y funciones -2. solo bucles -3. solo funciones -4. ninguna de las anteriores - -1 - -### 4) ¿Cuál es el problema con el código a continuación? - -```js -while (3 > 2) { - console.log('Hello world'); -} -``` - -#### Opciones - -1. Tiene un error de sintaxis -2. No utiliza buenas prácticas -3. La variable no está bien declarada -4. Genera un bucle infinito - -4 - -### 5) Encuentra el error en la siguiente función - -```js -let result = 0; - -const showSum = () => { - result = num1 + num2; - alert('El resultado es ' + result); -}; - -showSum(); -``` - -#### Opciones - -1. La función carece de parámetros y por lo tanto "num1" y "num2" no están definidos -2. La función no está siendo invocada -3. Tiene un error de sintaxis -4. alert no es una función - -1 - -### 6) Completa los espacios en blanco (ordenadamente) - -```js -const sum = _____ (num1, num2) { - ________ num1 + num2; -} - -_______(2, 3); -``` - -#### Opciones - -1. return - function - sum -2. function - sum - return -3. function - return - sum -4. for - return - while - -3 - -### 7) Cuál es el resultado de - -```js -let emoji = ':D'; - -const greet = (name) => { - emoji = ':)'; - const myGreet = () => `Hola ${name} ${emoji}`; - return myGreet(); -}; - -console.log(greet('Laboratoria')); -``` - -#### Opciones - -1. Hola Laboratoria :D -2. Hola Laboratoria :) -3. Hola Laboratoria -4. undefined - -2 - -### 8) Cuál es el resultado de - -```js -let number = 0; - -while (number <= 12) { - console.log(number); - number = number + 2; -} -``` - -#### Opciones - -1. imprime los números pares desde el 2 al 10 (inclusive) -2. imprime los números pares desde el 2 al 12 (inclusive) -3. imprime los números pares desde el 0 al 10 (inclusive) -4. imprime los números pares desde el 0 al 12 (inclusive) - -4 - -### 9) Cuál es el resultado de - -```js -for (let number = 1; number <= 8; number = number * 2) { - console.log(number); -} -``` - -#### Opciones - -1. 2, 4, 6, 8 -2. 1, 2, 4, 6, 8 -3. 1, 2, 4, 8 -4. 0, 1, 2, 4, 8 - -3 - -### 10) Al siguiente switch le faltan algunos "breaks", sin embargo ¿Cuál sería el resultado de ejecutar el código así como está? - -```js -const weather = 'nublado'; - -switch (weather) { - case 'lluvioso': - console.log('Recuerda levar un paraguas.'); - break; - case 'soleado': - console.log('Viste ligero.'); - case 'nublado': - console.log('Sal a la calle'); - - default: - console.log('Tipo de clima desconocido'); - break; -} -``` - -#### Opciones - -1. Error de sintaxis -2. Imprime 'Sal a la calle.' -3. Imprime 'Tipo de Clima desconocido.' -4. Imprime 'Sal a la calle.' y 'Tipo de Clima desconocido.' - -4 - -### 11) ¿Qué diferencia un bucle "do" de un "while"? - -#### Opciones - -1. Un bucle "do" siempre ejecuta su cuerpo por lo menos una vez. -2. El "while" puede generar un ciclo infinito, pero un "do" nunca lo hará. -3. El "do" ejecuta una sola vez el cuerpo. -4. No existe diferencias. - -1 - -### 12) Cuál es el resultado de - -```js -for (let i = 0; i <= 10; i++) { - if (i == 5) { - continue; - } else { - console.log(i); - } -} -``` - -#### Opciones - -1. Imprime los números enteros del 1 al 10 (inclusive) -2. Imprime los números enteros del 0 al 10 (inclusive) con excepción del número 5 -3. Imprime los números enteros del 0 al 10 (inclusive) -4. Imprime los números enteros del 1 al 9 (inclusive) y luego imprime el número - 5 de nuevo - -2 - -### 13) Cuál es el resultado de - -```js -const medalForScore = (score) => { - if (score < 3){ - return 'Bronze'; - } - if (score < 7){ - return 'silver'; - } - return 'Gold'; -} - -console.log(medalForScore(7)); -``` - -#### Opciones - -1. Bronze -2. Silver -3. Gold -4. undefined - -3 - -### 14) En el ejemplo a continuación - -```js -const square = num => num * num; -square(12); -//->144 -``` - -#### Opciones - -1. num es un parámetro y 12 es el argumento -2. num y 12 son parámetros -3. num y 12 son argumentos -4. num es un argumento y 12 es el parámetro - -1 diff --git a/topics/javascript/02-flow-control/04-quiz-1/README.pt.md b/topics/javascript/02-flow-control/04-quiz-1/README.pt.md deleted file mode 100644 index 7a2d576fc..000000000 --- a/topics/javascript/02-flow-control/04-quiz-1/README.pt.md +++ /dev/null @@ -1,268 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz 1 - -## Perguntas - -### 1) Quais das seguintes permitem modificar o controle de fluxo de um programa? - -#### Opções - -1. unicamente estruturas condicionais e repetitivas -2. unicamente funções -3. estruturas condicionais, estruturas repetitivas e funções -4. nenhuma das anteriores - -3 - -### 2) Que forma de modificar o fluxo de um programa mostra a figura a seguir? - -![Flujo -condicional](http://eloquentjavascript.net/img/controlflow-nested-if.svg) - -#### Opções - -1. while -2. do while -3. for -4. if -5. if else -6. if else "aninhado" (nested) - -6 - -### 3) São exemplos de DRY - -#### Opções - -1. loops e funções -2. somente loops -3. somente funções -4. nenhuma das anteriores - -1 - -### 4) Qual é o problema com o código a seguir? - -```js -while (3 > 2) { - console.log('Hello world'); -} -``` - -#### Opções - -1. Tem um erro de sintaxis -2. Não utiliza boas práticas -3. A variável não está bem declarada -4. Gera um loop infinito - -4 - -### 5) Encontre o erro na seguinte função - -```js -let result = 0; - -const showSum = () => { - result = num1 + num2; -  alert('O resultado é ' + result); -}; - -showSum(); -``` - -#### Opções - -1. A função carece de parâmetros e portanto "num1" e "num2" não estão definidos -2. A função não está sendo invocada -3. Possui um erro de sintaxis -4. alert não é uma função - -1 - -### 6) Complete os espaços em branco (ordenadamente) - -```js -const sum = _____ (num1, num2) { - ________ num1 + num2; -}; - -_______(2, 3); -``` - -#### Opções - -1. return - function - sum -2. function - sum - return -3. function - return - sum -4. for - return - while - -3 - -### 7) Qual o resultado de - -```js -let emoji = ':D'; - -const greet = (name) => { - emoji = ':)'; - const myGreet = () => `Hola ${name} ${emoji}`; - return myGreet(); -}; - -console.log(greet('Laboratoria')); -``` - -#### Opções - -1. Olá Laboratoria :D -2. Olá Laboratoria :) -3. Olá Laboratoria -4. undefined - -2 - -### 8) Qual o resultado de - -```js -let number = 0; - -while (number <= 12) { - console.log(number); - number = number + 2; -} -``` - -#### Opções - -1. imprime os números pares desde o 2 ao 10 (inclusive) -2. imprime os números pares desde o 2 ao 12 (inclusive) -3. imprime os números pares desde o 0 ao 10 (inclusive) -4. imprime os números pares desde o 0 ao 12 (inclusive) - -4 - -### 9) Qual o resultado de - -```js -for (let number = 1; number <= 8; number = number * 2) { - console.log(number); -} -``` - -#### Opções - -1. 2, 4, 6, 8 -2. 1, 2, 4, 6, 8 -3. 1, 2, 4, 8 -4. 0, 1, 2, 4, 8 - -3 - -### 10) Ao seguinte switch lhe faltam alguns "breaks", porém qual seria o resultado de executar o código assim como está? - -```js -const weather = 'nublado'; - -switch (weather) { - case 'chuvoso': - console.log('Lembre de levar um guarda-chuva.'); - break; - case 'soleado': - console.log('Use roupas leves.'); - case 'nublado': - console.log('Saia para a rua'); - - default: - console.log('Tipo de clima desconhecido'); - break; -} -``` - -#### Opções - -1. Erro de sintaxis -2. Imprime 'Saia para a rua.' -3. Imprime 'Tipo de Clima desconhecido.' -4. Imprime 'Saia para a rua.' e 'Tipo de Clima desconhecido.' - -4 - -### 11) O que diferencia um loop "do" de um "while"? - -#### Opções - -1. Um loop "do" sempre executa seu corpo pelo menos uma vez. -2. O "while" pode gerar um ciclo infinito, mas um "do" nunca o fará. -3. O "do" executa uma só vez o cuerpo. -4. Não existe diferenças. - -1 - -### 12) Qual é o resultado de - -```js -for (let i = 0; i <= 10; i++) { - if (i == 5) { - continue; - } else { - console.log(i); - } -} -``` - -#### Opções - -1. Imprime os números inteiros de 1 a 10 (inclusive) -2. Imprime os números inteiros de 0 a 10 (inclusive) com exceção do número 5 -3. Imprime os números inteiros de 0 a 10 (inclusive) -4. Imprime os números inteiros de 1 a 9 (inclusive) e logo imprime o número 5 de - novo - -2 - -### 13) Qual é o resultado de - -```js -const medalForScore = (score) => { - if (score < 3){ - return 'Bronze'; - } - if (score < 7){ - return 'silver'; - } - return 'Gold'; -} - -console.log(medalForScore(7)); -``` - -#### Opções - -1. Bronze -2. Silver -3. Gold -4. undefined - -3 - -### 14) No exemplo a seguir - -```js -const square = num => num * num; -square(12); -//->144 -``` - -#### Opções - -1. num é um parâmetro e 12 é o argumento -2. num e 12 são parâmetros -3. num e 12 são argumentos -4. num é um argumento e 12 é o parâmetro - -1 diff --git a/topics/javascript/02-flow-control/07-quiz-2/README.md b/topics/javascript/02-flow-control/07-quiz-2/README.md deleted file mode 100644 index 963fd3ef9..000000000 --- a/topics/javascript/02-flow-control/07-quiz-2/README.md +++ /dev/null @@ -1,216 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz 2 - -## Preguntas - -### 1) ¿Qué forma de modificar el flujo de un programa muestra la figura a continuación? - -![Flujo bucle](http://eloquentjavascript.net/img/controlflow-loop.svg) - -#### Opciones - -1. while -2. bucles en general -3. if -4. if else -5. if else "anidado" (nested) - -2 - -### 2) ¿Cuál es el problema con el siguiente código? - -```js -do { - console.log('Hello world'); -} while (2 > 3); -``` - -#### Opciones - -1. Tiene un error de sintaxis -2. No utiliza buenas prácticas -3. La variable no está bien declarada -4. Genera un bucle infinito -5. Ninguno, funciona bien e imprime 'hello world' una vez en la consola - -5 - -### 3) Encuentra el error en la siguiente función - -```js -let result = 0; - -const showSum = (num1, num2) => { - result = num1 + num2; - alert('El resultado es ' + result); -}; - -showSum(if, else); -``` - -#### Opciones - -1. La función no está siendo invocada -2. Los parámetros no están siendo declarados -3. alert no es una función -4. Error de sintaxis. No se pueden utilizar keywords como argumentos - -4 - -### 4) La diferencia entre undefined y null - -#### Opciones - -1. No existe, son lo mismo -2. No importa -3. `undefined` no tiene valor y `null` es un string vacio -4. `undefined` significa que no se ha _asignado_ un valor, mientras que `null` - significa que hemos _asignado_ el valor `null` - -4 - -### 5) Cuál es el resultado de - -```js -let number = 0; -while (number <= 12) { - console.log(number); - number = number + 2; -} -``` - -#### Opciones - -1. imprime los números pares desde el 0 al 10 (inclusive) -2. imprime los números pares desde el 0 al 12 (inclusive) -3. imprime los números pares desde el 2 al 10 (inclusive) -4. imprime los números pares desde el 2 al 12 (inclusive) - -2 - -### 6) El resultado de "Hola" + "mundo" es - -#### Opciones - -1. "Hola Mundo" -2. "Hola mundo" -3. "Holamundo" -4. 'HolaMundo' - -3 - -### 7) Cuál es el resultado de - -```js -for (let number = 1; number < 8; number = number * 3) { - console.log(number); -} -``` - -#### Opciones - -1. 1 -2. 1, 3, 9 -3. 0, 1, 3, 9 -4. 1, 3 - -4 - -### 8) Al siguiente switch le faltan algunos "breaks". ¿Cuál sería el resultado de ejecutar el código así como está? - -```js -const weather = 'soleado'; - -switch (weather) { - case 'lluvioso': - console.log('Recuerda levar un paraguas.'); - break; - case 'soleado': - console.log('Viste ligero.'); - case 'nublado': - console.log('Sal a la calle'); - - default: - console.log('Tipo de clima desconocido'); - break; -} -``` - -#### Opciones - -1. Imprime 'Sal a la calle.' -2. Imprime 'Tipo de Clima desconocido.' -3. Imprime 'Sal a la calle'" y 'Tipo de Clima desconocido.' -4. Imprime 'Viste ligero.', 'Sal a la calle.' y 'Tipo de Clima desconocido.' - -4 - -### 9) Cuál es el resultado de - -```js -for (let i = 0; i <= 10; i++) { - if (i == 0) { - continue; - } else { - console.log(i); - } -} -``` - -#### Opciones - -1. Imprime los números enteros del 0 al 10 (inclusive) -2. Imprime los números enteros del 1 al 10 (inclusive) -3. Imprime los números enteros del 0 al 10 (inclusive) y luego imprime el número - 0 de nuevo -4. Imprime los números enteros del 1 al 10 (inclusive) y luego imprime el número - 0 de nuevo - -2 - -### 10) Cuál es el resultado de - -```js -var medalForScore = function(score) { - if (score < 3){ - return 'Bronze'; - } - if (score < 7){ - return 'silver'; - } - return 'Gold'; -} - -console.log(medalForScore(3)); -``` - -#### Opciones - -1. Bronze -2. Silver -3. Gold -4. undefined - -2 - -### 11) Una función puede retornar múltiples valores a la vez - -#### Opciones - -1. Verdadero -2. Falso - -2 - -### 12) Los comandos como alert(), prompt() y console.log() son realmente funciones - -#### Opciones - -1. Verdadero -2. Falso - -1 diff --git a/topics/javascript/02-flow-control/07-quiz-2/README.pt.md b/topics/javascript/02-flow-control/07-quiz-2/README.pt.md deleted file mode 100644 index 3945c5630..000000000 --- a/topics/javascript/02-flow-control/07-quiz-2/README.pt.md +++ /dev/null @@ -1,218 +0,0 @@ ---- -type: quiz -duration: 30min ---- - -# Quiz 2 - -## Perguntas - -### 1) Que forma de modificar o fluxo de um programa a figura a seguir revela? - -![Flujo -bucle](https://camo.githubusercontent.com/48a2fb7be5218c417decdc954fe2e9bf7dc3a3a2/687474703a2f2f656c6f7175656e746a6176617363726970742e6e65742f696d672f636f6e74726f6c666c6f772d6c6f6f702e737667) - -#### Opções - -1. while -2. loops em geral -3. if -4. if else -5. if else "aninhado" (nested) - -2 - -### 2) Qual é o problema com o seguinte código? - -```js -do { - console.log('Hello world'); -} while (2 > 3); -``` - -#### Opções - -1. Tem um erro de sintaxe -2. Não utiliza boas práticas -3. A variável não está bem declarada -4. Gera um loop infinito -5. Nenhum, funciona bem e imprime 'hello world' uma vez no console - -5 - -### 3) Encontre o erro na seguinte função - -```js -let result = 0; - -const showSum = (num1, num2) => { - result = num1 + num2; - alert('El resultado es ' + result); -}; - -showSum(if, else); -``` - -#### Opções - -1. A função não está sendo chamada -2. Os parâmetros não estão sendo declarados -3. alert não é uma função -4. Erro de sintaxe. Não se pode utilizar keywords como argumentos - -4 - -### 4) A diferença entre undefined e null - -#### Opções - -1. Não existe, eles são a mesma coisa -2. Não importa -3. `undefined` não tem valor e `null` é um string vazio -4. `undefined` significa que não foi _assinalado_ um valor, enquanto `null` - significa que _assinalamos_ o valor `null` - -4 - -### 5) Qual é o resultado de - -```js -let number = 0; -while (number <= 12) { - console.log(number); - number = number + 2; -} -``` - -#### Opções - -1. imprime os números pares de 0 a 10 (inclusive) -2. imprime os números pares de 0 a 12 (inclusive) -3. imprime os números pares de 2 a 10 (inclusive) -4. imprime os números pares de 2 a 12 (inclusive) - -2 - -### 6) O resultado de "Hola" + "mundo" é - -#### Opções - -1. "Hola Mundo" -2. "Hola mundo" -3. "Holamundo" -4. 'HolaMundo' - -3 - -### 7) Qual o resultado de - -```js -for (let number = 1; number < 8; number = number * 3) { - console.log(number); -} -``` - -#### Opções - -1. 1 -2. 1, 3, 9 -3. 0, 1, 3, 9 -4. 1, 3 - -4 - -### 8) Ao seguinte switch lhe faltam alguns "breaks". Qual seria o resultado de executar o código assim como está? - -```js -const weather = 'soleado'; - -switch (weather) { - case 'chuvoso': - console.log('Lembre-se de levar um guarda-chuvas.'); - break; - case 'ensolarado': - console.log('Vista-se com roupas leves.'); - case 'nublado': - console.log('Saia para a rua.'); - - default: - console.log('Tipo de clima desconhecido'); - break; -} -``` - -#### Opciones - -1. Imprime 'Saia para a rua.' -2. Imprime 'Tipo de Clima desconhecido.' -3. Imprime 'Saia para a rua.'" e 'Tipo de Clima desconhecido.' -4. Imprime 'Vista-se com roupas leves.', 'Saia para a rua.' e 'Tipo de Clima - desconhecido.' - -4 - -### 9) Qual é o resultado de - -```js -for (let i = 0; i <= 10; i++) { - if (i == 0) { - continue; - } else { - console.log(i); - } -} -``` - -#### Opções - -1. Imprime os números inteiros do 0 a 10 (inclusive) -2. Imprime os números inteiros do 1 ao 10 (inclusive) -3. Imprime os números inteiros do 0 ao 10 (inclusive) e depois imprime o número - 0 de novo -4. Imprime os números inteiros do 1 ao 10 (inclusive) e depois imprime o número - 0 de novo - -2 - -### 10) Qual o resultado de - -```js -var medalForScore = function(score) { - if (score < 3){ - return 'Bronze'; - } - if (score < 7){ - return 'silver'; - } - return 'Gold'; -} - -console.log(medalForScore(3)); -``` - -#### Opções - -1. Bronze -2. Silver -3. Gold -4. undefined - -2 - -### 11) Uma função pode retornar múltiplos valores ao mesmo tempo - -#### Opções - -1. Verdadeiro -2. Falso - -2 - -### 12) Os comandos como alert(), prompt() e console.log() são realmente funções - -#### Opções - -1. Verdadeiro -2. Falso - -1 diff --git a/topics/javascript/04-arrays/05-quiz/README.md b/topics/javascript/04-arrays/05-quiz/README.md deleted file mode 100644 index 1e026e1d9..000000000 --- a/topics/javascript/04-arrays/05-quiz/README.md +++ /dev/null @@ -1,349 +0,0 @@ ---- -type: quiz -duration: 20min ---- - -# Quiz 1 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) Los elementos de un Array tienen que ser todos del mismo tipo de dato - -#### Opciones - -1. Verdadero -2. Falso - -2 - -### 2) ¿Para qué son útiles los Arrays? - -#### Opciones - -1. Para ya no usar strings -2. Para iniciar tu programa -3. Para ya no usar variables -4. Para agrupar y manipular data - -4 - -### 3) En el siguiente código - -```js -const listOfNumbers = [2, 3, 4, 5, 6]; -``` - -¿Qué resultado obtengo al realizar `console.log(listOfNumbers[3])` ? - -#### Opciones - -1. `2` -2. `3` -3. `4` -4. `5` -5. `6` - -4 - -### 4) En el siguiente código - -```js -const listOfNumbers = [2, 3, 4, 5, 6]; -``` - -Si realizo `listOfNumbers[3] = 1` ¿cuál sería el resultado del Array? - -#### Opciones - -1. `[1, 3, 4, 5, 6]` -2. `[2, 1, 4, 5, 6]` -3. `[2, 3, 1, 5, 6]` -4. `[2, 3, 4, 1, 6]` -5. `[2, 3, 4, 5, 1]` - -4 - -### 5) En el siguiente código - -```js -const questions = [ - ['¿En cuántos países opera Laboratoria?', 3], - ['¿Cuál es la capital de Perú?', 'Lima'], - ['¿Cuál es baile típico Chileno?', 'Cueca'], - ['¿Cuál es la moneda de México?', 'Peso'], -]; -``` - -¿Cómo obtengo el dato `Lima`? - -#### Opciones - -1. `console.log(questions[1][1])` -2. `console.log(questions[1][2])` -3. `console.log(questions[2][1])` -4. `console.log(questions[2][2])` - -1 - -### 6) Los elementos de un Array se almacenan en propiedades - -#### Opciones - -1. Verdadero -2. Falso - -1 - -### 7) ¿Cuál es el resultado del siguiente código? - -```js -const coders = ['michelle', 'lourdes', 'ruth']; - -coders.push('alejandra'); -``` - -#### Opciones - -1. `['alejandra']` -2. `['alejandra','michelle', 'lourdes', 'ruth']` -3. `['michelle', 'lourdes', 'ruth', 'alejandra']` -4. El código carece de argumentos. - -3 - -### 8) ¿Cuál es el resultado del siguiente código? - -```js -const coders = ['michelle', 'lourdes', 'ruth']; -const removed = coders.shift(); - -console.log('Elemento eliminado: ' + removed); -``` - -#### Opciones - -1. Elemento eliminado: michelle -2. Elemento eliminado: lourdes -3. Elemento eliminado: ruth -4. undefined - -1 - -### 9) ¿Cuál es el resultado del siguiente código? - -```js -const courses = ['Intro JS', 'Intro UX', 'UX master']; -courses.unshift('JS master', 'English for Developers'); - -console.log(courses.length); -``` - -#### Opciones - -1. `['JS master', 'English for Developers']` -2. `['Intro JS', 'Intro UX', 'UX master', 'JS master', 'English for Developers']` -3. `3` -4. `5` - -4 - -### 10) ¿Cuál es el resultado del siguiente código? - -```js -const listOfNumbers = []; - -for (let i = 0; i <= 5; i += 1) { - listOfNumbers.push(i); -} - -listOfNumbers.pop(); - -console.log(listOfNumbers.length); -``` - -#### Opciones - -1. `2` -2. `3` -3. `4` -4. `5` - -4 - -### 11) En el siguiente código, completa el espacio - -```js -const course1 = 'Intro JS, ' ; -const course2 = 'Intro UX, '; -const course3 = 'UX master.'; - -const allCourses = ___________(course2, course3); - -console.log(allCourses); -// → Intro JS, Intro UX, UX master. -``` - -#### Opciones - -1. `concat{course1}` -2. `course1.concat` -3. `concat(course1).` -4. `concat + course1 +` - -2 - -### 12) ¿Cuál es el resultado del siguiente código? - -```js -const courses = ['Intro JS', 'Intro UX', 'UX master', 'JS master']; -courses.pop(); -courses.push('English for Developers'); - -courses.indexOf('English for Developers'); -``` - -#### Opciones - -1. `1` -2. `2` -3. `3` -4. `4` - -3 - -### 13) En el siguiente código, ¿qué método debo usar para obtener el resultado solicitado? - -```js -const courses = ['Intro JS', 'Intro UX', 'UX master', 'JS master']; -courses.___________; - -// → 'Intro JS,Intro UX,UX master,JS master' - -``` - -#### Opciones - -1. `concat()` -2. `join()` -3. `string()` -4. `unshift()` - -2 - -### 14) En el siguiente código, ¿cuál sería el resultado? - -```js -const coders = ['michelle', 'lourdes', 'ruth', 'mariana']; - -if (coders.length < 3) { - coders.push('alejandra'); - coders.slice(1, 2); -} else { - coders.pop(); - coders.slice(1, 3); -} -``` - -#### Opciones - -1. `['alejandra']` -2. `['lourdes']` -3. `['lourdes', 'ruth']` -4. `['lourdes', 'ruth', 'mariana']` - -3 - -### 15) ¿Cuál sería el resultado en el siguiente código? - -```js -const listOfNumbers = [2, 12, 5, 8, 16, 12, 8]; -listOfNumbers.lastIndexOf(12); -``` - -#### Opciones - -1. `1` -2. `2` -3. `5` -4. `6` - -3 - -### 16) En el siguiente código, completa los espacios para que se invierta el orden de los elementos del `array` - -```js -const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; - -for (let i = 0; i < array.length; i += 1) { - const item = array._________(); - array._________(i, 0, item); -} - -console.log(array); -// → [10, 9, 8, 7, 6, 5, 4, 3, 2, 1] -``` - -#### Opciones - -1. `pop` - `slice` -2. `pop` - `splice` -3. `push` - `slice` -4. `push` - `splice` - -2 - -### 17) En el siguiente código, ¿qué debemos comparar? Completa los espacios - -```js -const search = (array, element) => { - for (let i = 0; i < array.length; i += 1) { - if (_________ === _________) { - return i; - } - } -}; - -console.log(search([1, 2, 3, 4, 5, 6, 7], 2)); -// → 1 -``` - -#### Opciones - -1. `array[i]` - `element` -2. `length` - `array[i]` -3. `i` - `element[i]` -4. `element[i]` - `array` - -1 - - diff --git a/topics/javascript/04-arrays/05-quiz/README.pt.md b/topics/javascript/04-arrays/05-quiz/README.pt.md deleted file mode 100644 index aadc93368..000000000 --- a/topics/javascript/04-arrays/05-quiz/README.pt.md +++ /dev/null @@ -1,321 +0,0 @@ ---- -type: quiz -duration: 20min ---- - -# Quiz - -## Objetivos - -* Nesta seção, você terá a oportunidade de avaliar a si mesma colocando seu - conhecimento à prova. É uma oportunidade para você se testar e verificar que - realmente está aprendendo. Sucesso! - -## Perguntas - -### 1\) Os elementos de uma matriz devem ser todos do mesmo tipo de dados - -#### Opções - -1. Verdadeiro -2. Falso - -2 - -### 2\) Para que os Arrays são úteis? - -#### Opções - -1. Para deixar de usar _strings_ -2. Para iniciar seu programa -3. Para não mais usar variáveis -4. Para agrupar e manipular dados - -4 - -### 3\) No código a seguir - -```javascript -const listOfNumbers = [2, 3, 4, 5, 6]; -``` - -Qual o resultado que obtenho quando executo `console.log(listOfNumbers[3])`? - -#### Opções - -1. `2` -2. `3` -3. `4` -4. `5` -5. `6` - -4 - -### 4\) No código a seguir - -```javascript -const listOfNumbers = [2, 3, 4, 5, 6]; -``` - -se escrevermos `listOfNumbers[3] = 1`, qual seria o vetor resultante? - -#### Opções - -1. `[1, 3, 4, 5, 6]` -2. `[2, 1, 4, 5, 6]` -3. `[2, 3, 1, 5, 6]` -4. `[2, 3, 4, 1, 6]` -5. `[2, 3, 4, 5, 1]` - -4 - -### 5\) No código a seguir - -```javascript -const questions = [ - ['¿En cuántos países opera Laboratoria?', 3], - ['¿Cuál es la capital de Perú?', 'Lima'], - ['¿Cuál es baile típico Chileno?', 'Cueca'], - ['¿Cuál es la moneda de México?', 'Peso'], -]; -``` - -como obtenho o elemento `Lima`? - -#### Opções - -1. `console.log(questions[1][1])` -2. `console.log(questions[1][2])` -3. `console.log(questions[2][1])` -4. `console.log(questions[2][2])` - -1 - -### 6\) Os elementos de um Array são armazenados em propriedades - -#### Opções - -1. Verdadeiro -2. Falso - -1 - -### 7\) Qual é o resultado do código a seguir? - -```javascript -const coders = ['michelle', 'lourdes', 'ruth']; -coders.push('alexandra'); -``` - -#### Opções - -1. `['alexandra']` -2. `['alexandra','michelle', 'lourdes', 'ruth']` -3. `['michelle', 'lourdes', 'ruth', 'alexandra']` -4. Faltam argumentos. - -3 - -### 8\) Qual é o resultado do código abaixo? - -```javascript -const coders = ['michelle', 'lourdes', 'ruth']; -const removed = coders.shift(); - -console.log('Elemento eliminado: ' + removed); -``` - -#### Opções - -1. Elemento excluído: `michelle` -2. Elemento excluído: `lourdes` -3. Elemento excluído: `ruth` -4. `undefined` - -1 - -### 9\) Qual é o resultado do código seguinte? - -```javascript -const courses = ['Intro JS', 'Intro UX', 'UX master']; -courses.unshift('JS master', 'English for Developers'); - -console.log(courses.length); -``` - -#### Opções - -1. `['JS master', 'English for Developers']` -2. `['Intro JS', 'Intro UX', 'UX master', 'JS master', 'English for - Developers']` -3. `3` -4. `5` - -4 - -### 10\) Qual é o resultado do código a seguir? - -```javascript -const listOfNumbers = []; - -for (let i = 0; i <= 5; i += 1) { - listOfNumbers.push(i); -} - -listOfNumbers.pop(); - -console.log(listOfNumbers.length); -``` - -#### Opções - -1. `2` -2. `3` -3. `4` -4. `5` - -4 - -### 11\) No código a seguir, preencha a lacuna - -```javascript -const course1 = 'Intro JS, ' ; -const course2 = 'Intro UX, '; -const course3 = 'UX master.'; - -const allCourses = ___________(course2, course3); - -console.log(allCourses); -// → Intro JS, Intro UX, UX master. -``` - -#### Opções - -1. `concat{course1}` -2. `course1.concat` -3. `concat(course1).` -4. `concat + course1 +` - -2 - -### 12\) Qual é o resultado código abaixo? - -```javascript -const courses = ['Intro JS', 'Intro UX', 'UX master', 'JS master']; -courses.pop(); -courses.push('English for Developers'); -courses.indexOf('English for Developers'); -``` - -#### Opções - -1. `1` -2. `2` -3. `3` -4. `4` - -3 - -### 13\) No código a seguir, qual método devo usar para obter o resultado solicitado? - -```javascript -const courses = ['Intro JS', 'Intro UX', 'UX master', 'JS master']; -courses.___________; - -// → 'Intro JS,Intro UX,UX master,JS master' -``` - -#### Opções - -1. `concat()` -2. `join()` -3. `string()` -4. `unshift()` - -2 - -### 14\) No código a seguir, qual seria o resultado? - -```javascript -const coders = ['michelle', 'lourdes', 'ruth', 'mariana']; - -if (coders.length < 3) { - coders.push('alejandra'); - coders.slice(1, 2); -} else { - coders.pop(); - coders.slice(1, 3); -} -``` - -#### Opções - -1. `['alejandra']` -2. `['lourdes']` -3. `['lourdes', 'ruth']` -4. `['lourdes', 'ruth', 'mariana']` - -3 - -### 15\) Qual seria o resultado do código a seguir? - -```javascript -const listOfNumbers = [2, 12, 5, 8, 16, 12, 8]; -listOfNumbers.lastIndexOf(12); -``` - -#### Opções - -1. `1` -2. `2` -3. `5` -4. `6` - -3 - -### 16\) No código seguinte, preencha os espaços para que a ordem dos elementos do vetor seja invertida - -```javascript -const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; - -for (let i = 0; i < array.length; i += 1) { - const item = array._________(); - array._________(i, 0, item); -} - -console.log(array); -// → [10, 9, 8, 7, 6, 5, 4, 3, 2, 1] -``` - -#### Opções - -1. `pop` - `slice` -2. `pop` - `splice` -3. `push` - `slice` -4. `push` - `splice` - -2 - -### 17\) No código a seguir, o que devemos comparar? Complete as lacunas - -```javascript -const search = (array, element) => { - for (let i = 0; i < array.length; i += 1) { - if (_________ === _________) { - return i; - } - } -}; - -console.log(search([1, 2, 3, 4, 5, 6, 7], 2)); -// → 1 -``` - -#### Opções - -1. `array[i]` - `element` -2. `length` - `array[i]` -3. `i` - `element[i]` -4. `element[i]` - `array` - -1 diff --git a/topics/javascript/04-arrays/07-requiz/README.md b/topics/javascript/04-arrays/07-requiz/README.md deleted file mode 100644 index 7bf5b3715..000000000 --- a/topics/javascript/04-arrays/07-requiz/README.md +++ /dev/null @@ -1,319 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz 2 - -## Objetivos - -- Tomar un segundo quiz para asegurarnos que terminamos la unidad con un - entendimiento pleno de los conceptos. - -*** - -## Preguntas - -### 1) En el siguiente ejemplo, el Array `mixedArray` presenta un error de syntaxis - -```js -const mixedArray = [3, hola mundo, 627.5]; -``` - -#### Opciones - -1. Verdadero -2. Falso - -1 - -### 2) ¿Cuál de los siguientes enunciados NO es un método? - -#### Opciones - -1. `push` -2. `concat` -3. `length` -4. `lastIndexOf` - -3 - -### 3) En el siguiente código - -```js -const listOfNumbers = [1, 2, 3, 4, 5, 6]; -``` - -¿Qué resultado obtengo al realizar `console.log(listOfNumbers[6])`? - -#### Opciones - -1. `''` -2. `4` -3. `5` -4. `6` -5. `undefined` - -5 - -### 4) En el siguiente código - -```js -const listOfNumbers = [1, 2, 3, 4, 5, 6]; -``` - -Si realizo `listOfNumbers[3] = 'hola'` ¿cuál sería el resultado del Array? - -#### Opciones - -1. `[1, 2, 'hola', 4, 5, 6]` -2. `[1, 2, 3, 'hola', 5, 6]` -3. `[1, 2, , 4, 5, 6]` -4. `[1, 2, 3, , 5, 6]` -5. `undefined` - -2 - -### 5) En el siguiente código - -```js -const questions = [ - ['¿En cuántos países opera Laboratoria?', 3], - ['¿Cuál es la capital de Perú?', 'Lima'], - ['¿Cuál es baile típico Chileno?', 'Cueca'], - ['¿Cuál es la moneda de México?', 'Peso'] -]; -``` - -¿Cómo obtengo el dato `Peso`? - -#### Opciones - -1. `console.log(questions[1][3])` -2. `console.log(questions[2][4])` -3. `console.log(questions[3][1])` -4. `console.log(questions[4][2])` - -3 - -### 6) En el siguiente ejemplo, ¿qué método debo usar para obtener el resultado solicitado? - -```js -const courses = ['Intro JS', 'Intro UX', 'UX master']; -const removed = courses.__________; - -console.log('Elemento eliminado: ' + removed); -// → Elemento eliminado: Intro JS -``` - -#### Opciones - -1. `pop()` -2. `push()` -3. `shift()` -4. `unshift()` - -3 - -### 7) En el siguiente ejemplo, ¿cuáles de los siguientes métodos podrías usar para obtener el resultado solicitado? Puedes elegir más de una opción - -```js -const courses = ['Intro JS', 'Intro UX', 'UX master']; -courses.__________('JS master', 'English for Developers'); - -console.log(courses.length); -// → 5 -``` - -#### Opciones - -1. `pop()` -2. `push()` -3. `shift()` -4. `unshift()` - -2, 4 - -### 8) En el siguiente ejemplo, ¿qué métodos debo usar para obtener el resultado solicitado? - -```js -const listOfNumbers = []; -for (let i = 1; i <= 7; i += 1) { - listOfNumbers.__________(i); -} -listOfNumbers.__________(); - -console.log(listOfNumbers.length); -// → 6 -``` - -#### Opciones - -1. `join` - `search` -2. `push` - `pop` -3. `shift` - `unshift` -4. `slice` - `splice` - -2 - -### 9) ¿Cuál sería el resultado en el siguiente código? - -```js -const coder1 = 'Michelle, '; -const coder2 = 'Lourdes, '; -const coder3 = 'Ruth.'; - -const allCoders = coder1.concat(coder2, coder3); - -console.log(allCoders); -``` - -#### Opciones - -1. `Michelle, Lourdes, Ruth.` -2. `[Michelle, Lourdes, Ruth.]` -3. `['Michelle', 'Lourdes', 'Ruth'.]` -4. No hay resultado, debido a que el código está mal escrito. - -1 - -### 10) ¿Cuál es el resultado del siguiente código? - -```js -const coders = ['Michelle', 'Lourdes', 'Ruth']; -coders.pop(); -coders.indexOf('Lourdes'); -``` - -#### Opciones - -1. `0` -2. `1` -3. `2` -4. `3` - -2 - -### 11) En el siguiente código, ¿cuál sería el resultado? - -```js -const coders = ['Michelle', 'Lourdes', 'Ruth']; -coders.push('Alejandra'); -coders.join(); -``` - -#### Opciones - -1. `['Michelle,Lourdes,Ruth,Alejandra']` -2. `['Michelle,Lourdes,Ruth']` -3. `['Michelle', 'Lourdes', 'Ruth', 'Alejandra']` -4. `'Michelle,Lourdes,Ruth,Alejandra'` - -4 - -### 12) En el siguiente ejemplo completa los espacios - -```js -const coders = ['michelle', 'lourdes', 'ruth', 'alejandra']; -coders.pop(); -coders.slice(____,____); - -// → ['lourdes', 'ruth'] -``` - -#### Opciones - -1. `1` - `3` -2. `2` - `4` -3. `1` - `2` -4. `2` - `3` - -1 - -### 13) En el siguiente ejemplo, ¿qué método debo usar para obtener el resultado solicitado? - -```js -const listOfNumbers = [1, 2, 3, 1, 2, 3]; -listOfNumbers.____________(2); - -// → 4 -``` - -#### Opciones - -1. `pop()` -2. `indexOf()` -3. `unshift()` -4. `lastIndexOf()` - -4 - -### 14) En el siguiente código, ¿cuál sería el resultado? - -```js -const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; - -for (let i = 0; i < array.length; i += 1) { - const item = array.pop(); - array.splice(i, 0, item); -} - -console.log(array); -``` - -#### Opciones - -1. `[1, 2, 3, 4, 5]` -2. `[6, 7, 8, 9, 10]` -3. `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]` -4. `[10, 9, 8, 7, 6, 5, 4, 3, 2, 1]` - -4 - -### 15) En el siguiente código, ¿cuál sería el resultado? - -```js -function search(array, element) { - for (let i = 0; i < array.length; i += 1) { - if (array[i] === element) { - return i; - } - } -} - -console.log(search([7, 6, 5, 4, 3, 2, 1], 5)); -``` - -#### Opciones - -1. `2` -2. `3` -3. `4` -4. `5` - -1 - - diff --git a/topics/javascript/04-arrays/07-requiz/README.pt.md b/topics/javascript/04-arrays/07-requiz/README.pt.md deleted file mode 100644 index dafcc2bb9..000000000 --- a/topics/javascript/04-arrays/07-requiz/README.pt.md +++ /dev/null @@ -1,292 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz 2 - -## Objetivos - -- Faça um segundo teste para garantir que terminamos a unidade com total - compreensão dos conceitos. - -## Perguntas - -### 1\) No exemplo a seguir, o _array_ `mixedArray` apresenta um erro de sintaxe - -```javascript -const mixedArray = [3, oi mundo, 627.5]; -``` - -#### Opções - -1. Verdadeiro -2. Falsa - -1 - -### 2\) Qual das seguintes opções NÃO é um método? - -#### Opções - -1. `push` -2. `concat` -3. `length` -4. `lastIndexOf` - -3 - -### 3\) Considere o código abaixo - -```javascript -const listOfNumbers = [1, 2, 3, 4, 5, 6]; -``` - -Que resultado obtenho ao executar `console.log(listOfNumbers[6])`? - -#### Opções - -1. `''` -2. `4` -3. `5` -4. `6` -5. `undefined` - -5 - -### 4\) No código a seguir - -```javascript -const listOfNumbers = [1, 2, 3, 4, 5, 6]; -``` - -como ficaria o _array_ se executarmos `listOfNumbers[3] = 'hola'`? - -#### Opções - -1. `[1, 2, 'hola', 4, 5, 6]` -2. `[1, 2, 3, 'hola', 5, 6]` -3. `[1, 2, , 4, 5, 6]` -4. `[1, 2, 3, , 5, 6]` -5. `undefined` - -2 - -### 5\) No código a seguir - -```javascript -const questions = [ - ['¿En cuántos países opera Laboratoria?', 3], - ['¿Cuál es la capital de Perú?', 'Lima'], - ['¿Cuál es baile típico Chileno?', 'Cueca'], - ['¿Cuál es la moneda de México?', 'Peso'] -]; -``` - -como obtenho o elemento `Peso`? - -#### Opções - -1. `console.log(questions[1][3])` -2. `console.log(questions[2][4])` -3. `console.log(questions[3][1])` -4. `console.log(questions[4][2])` - -3 - -### 6\) No exemplo a seguir, qual método devo usar para obter o resultado do comentário de código? - -```javascript -let courses = ['Intro JS', 'Intro UX', 'UX master']; -let removed = courses.__________; - -console.log('Elemento eliminado: ' + removed); -// → Elemento eliminado: Intro JS -``` - -#### Opções - -1. `pop()` -2. `push()` -3. `shift()` -4. `unshift()` - -3 - -### 7\) No exemplo a seguir, quais dos seguintes métodos você poderia usar para obter o resultado solicitado? Você pode escolher mais de uma opção - -```javascript -let courses = ['Intro JS', 'Intro UX', 'UX master']; -courses.__________('JS master', 'English for Developers'); - -console.log(courses.length); -// → 5 -``` - -#### Opções - -1. `pop()` -2. `push()` -3. `shift()` -4. `unshift()` - -2,4 - -### 8\) No exemplo a seguir, quais métodos devo usar para obter o resultado solicitado? - -```javascript -let listOfNumbers = []; -for (let i = 1; i <= 7; i++) { - listOfNumbers.__________(i); -} -listOfNumbers.__________(); - -console.log(listOfNumbers.length); -// → 6 -``` - -#### Opções - -1. `join` - `search` -2. `push` - `pop` -3. `shift` - `unshift` -4. `slice` - `splice` - -2 - -### 9\) Qual seria o resultado do código a seguir? - -```javascript -const coder1 = 'Michelle, '; -const coder2 = 'Lourdes, '; -const coder3 = 'Ruth.'; - -const allCoders = coder1.concat(coder2, coder3); - -console.log(allCoders); -``` - -#### Opções - -1. `Michelle, Lourdes, Ruth.` -2. `[Michelle, Lourdes, Ruth.]` -3. `['Michelle', 'Lourdes', 'Ruth'.]` -4. No hay resultado, debido a que el código está mal escrito. - -1 - -### 10\) Qual é o resultado do código abaixo? - -```javascript -let coders = ['Michelle', 'Lourdes', 'Ruth']; -coders.pop(); -coders.indexOf('Lourdes'); -``` - -#### Opções - -1. `0` -2. `1` -3. `2` -4. `3` - -2 - -### 11\) No código a seguir, qual seria o resultado? - -```javascript -let coders = ['Michelle', 'Lourdes', 'Ruth']; -coders.push('Alejandra'); -coders.join(); -``` - -#### Opções - -1. `['Michelle,Lourdes,Ruth,Alejandra']` -2. `['Michelle,Lourdes,Ruth']` -3. `['Michelle', 'Lourdes', 'Ruth', 'Alejandra']` -4. `'Michelle,Lourdes,Ruth,Alejandra'` - -4 - -### 12\) No exemplo a seguir, complete os espaços - -```javascript -let coders = ['michelle', 'lourdes', 'ruth', 'alejandra']; -coders.pop(); -coders.slice(____,____); - -// → ['lourdes', 'ruth'] -``` - -#### Opções - -1. `1` - `3` -2. `2` - `4` -3. `1` - `2` -4. `2` - `3` - -1 - -### 13\) No exemplo a seguir, qual método devo usar para obter o resultado comentado? - -```javascript -let listOfNumbers = [1, 2, 3, 1, 2, 3]; -listOfNumbers.____________(2); - -// → 4 -``` - -#### Opções - -1. `pop()` -2. `indexOf()` -3. `unshift()` -4. `lastIndexOf()` - -4 - -### 14\) No código a seguir, qual seria o resultado? - -```javascript -let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; - -for (let i = 0; i < array.length; i++) { - let item = array.pop(); - array.splice(i, 0, item); -} - -console.log(array); -``` - -#### Opções - -1. `[1, 2, 3, 4, 5]` -2. `[6, 7, 8, 9, 10]` -3. `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]` -4. `[10, 9, 8, 7, 6, 5, 4, 3, 2, 1]` - -4 - -### 15\) No código a seguir, qual seria o resultado? - -```javascript -function search(array, element) { - for (let i = 0; i < array.length; i++) { - if (array[i] === element) { - return i; - } - } -} - -console.log(search([7, 6, 5, 4, 3, 2, 1], 5)); -``` - -#### Opções - -1. `2` -2. `3` -3. `4` -4. `5` - -1 diff --git a/topics/javascript/05-objects/05-quiz/README.md b/topics/javascript/05-objects/05-quiz/README.md deleted file mode 100644 index 2847b3352..000000000 --- a/topics/javascript/05-objects/05-quiz/README.md +++ /dev/null @@ -1,175 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz 1 - -## Objetivos - -- En esta sección tendrás la oportunidad de evaluarte para que pongas tus - conocimientos a prueba. Es una oportunidad para que te calibres y valides que - realmente estás aprendiendo. ¡Mucho éxito! - -*** - -## Preguntas - -### 1) ¿Cuál de los siguientes enunciados sobre Objects **NO** es correcto? - -#### Opciones - -1. Los _Keys_ de los Objects son equivalente a sus propiedades -2. Podemos calcular su longitud con la propiedad `length` -3. No es necesario colocar los _Keys_ entre comillas -4. Podemos incluir una función como propiedad - -2 - -### 2) ¿Cómo podemos acceder a los valores de un Object? Puedes seleccionar una o más opciones - -#### Opciones - -1. Usando corchetes `[]` -2. Usando paréntesis `()` -3. Usando dos puntos `:` -4. Usando punto `.` - -1,4 - -### 3) Las propiedades generalmente \_\_\_\_\_\_\_\_\_\_\_\_\_ algo sobre el valor asociado y los métodos usualmente \_\_\_\_\_\_\_\_\_\_\_\_\_ algo sobre el valor asociado - -#### Opciones - -1. nos muestran - conservan -2. conservan - nos muestran -3. nos dicen - hacen -4. hacen - nos dicen - -3 - -### 4) `toUpperCase()` es \_\_\_\_\_\_\_\_\_\_\_\_\_ que hace la acción de transformar a _mayúsculas_ el valor asociado, mientras que `length` es \_\_\_\_\_\_\_\_\_\_\_\_\_ que nos dice la _longitud_ del valor asociado - -#### Opciones - -1. un object - un array -2. un array - un object -3. una propiedad - un método -4. un método - una propiedad - -4 - -### 5) En el siguiente código - -```js -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'] -}; -``` - -¿Cómo accedo a la propiedad `director`? - -#### Opciones - -1. `movie{director}` -2. `director[0]` -3. `movie.director` -4. `return director` - -3 - -### 6) ¿Cuál es el error en el siguiente código? - -```js -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson' ], - oscar: 1, - other awards: 'best sound', - tags: [] -}; -``` - -#### Opciones - -1. El número `1` debe ir entre comillas -2. Le faltan las comillas a la propiedad `other awards` -3. La propiedad `tags` no puede estar vacía -4. No hay ningún error - -2 - -### 7) ¿Cuál es el resultado del siguiente código? - -```js -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'], -}; - -console.log(movie.stars[2]); -``` - -#### Opciones - -1. Michael J. Fox -2. Christopher Lloyd -3. Lea Thompson -4. undefined - -3 - -### 8) En el siguiente código - -```js -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'], -}; -``` - -¿cómo podemos acceder a la lista de _keys_ del Objeto `movie`? - -#### Opciones - -1. `movie:keys` -2. `movie.length` -3. `Object.keys(movie)` -4. `return keys(movie)` - -3 - -### 9) ¿Cuál es el error en el siguiente código? - -```js -const objectToArray = (object) => { - const items = Object.keys(object); - const newArray = []; - - for (let i = 0; i < items.length; i += 1) { - newArray.pop([items[i], object[items[i]]]); - } - - return newArray; -}; - -console.log(objectToArray({make: 'Ford', model: 'Mustang', year: 1964})); -// → [['make', 'Ford'], ['model', 'Mustang'], ['year', 1964]] -``` - -#### Opciones - -1. La variable `newArray` no puede estar vacía -2. La variable `i` debe empezar en `1` -3. Se debe usar `push` en lugar de `pop` -4. Se debe usar `console.log` en lugar de `return` - -3 diff --git a/topics/javascript/05-objects/05-quiz/README.pt.md b/topics/javascript/05-objects/05-quiz/README.pt.md deleted file mode 100644 index ec64a83db..000000000 --- a/topics/javascript/05-objects/05-quiz/README.pt.md +++ /dev/null @@ -1,175 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz 1 - -## Objetivos - -- Nesta seção, você terá a oportunidade de avaliar a si mesma para colocar seu - conhecimento à prova. É uma oportunidade para você se testar e verificar que - realmente está aprendendo. Sucesso! - -*** - -## Perguntas - -### 1\) Qual das seguintes afirmações sobre objetos **NÃO** está correta? - -#### Opções - -1. As chaves dos objetos são equivalentes às suas propriedades -2. Podemos calcular seu comprimento com a propriedade `length` -3. Não é necessário colocar as chaves entre aspas -4. Podemos incluir uma função como propriedade - -2 - -### 2\) Como podemos acessar os valores de um objeto? Você pode selecionar uma ou mais opções - -#### Opções - -1. Usando colchetes `[]` -2. Usando parênteses `()` -3. Usando dois pontos `:` -4. Usando ponto `.` - -1,4 - -### 3\) As propriedades geralmente \_\_\_\_\_\_\_\_\_\_\_\_\_ algo sobre o valor associado e os métodos geralmente \_\_\_\_\_\_\_\_\_\_\_\_\_ algo sobre o valor associado - -#### Opções - -1. nos mostram - conservam -2. conservam - nos mostram -3. nos dizem - fazem -4. fazem - nos dizem - -3 - -### 4\) `toUpperCase()` é \_\_\_\_\_\_\_\_\_\_\_\_\_ que faz a ação de transformar em _maiúsculas_ o valor associado, enquanto `length` é \_\_\_\_\_\_\_\_\_\_\_\_\_ que nos informa o _comprimento_ do valor associado - -#### Opções - -1. um objeto - um _array_ -2. um _array_ - um objeto -3. uma propriedade - um método -4. um método - uma propriedade - -4 - -### 5\) Confira o código a seguir - -```javascript -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'] -}; -``` - -Como eu acesso a propriedade `director`? - -#### Opções - -1. `movie{director}` -2. `director[0]` -3. `movie.director` -4. `return director` - -3 - -### 6\) Qual é o erro no código abaixo? - -```javascript -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: ['Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - oscar: 1, - other awards: 'best sound', - tags: [] -}; -``` - -#### Opções - -1. O número `1` deve estar entre aspas -2. Faltam as aspas para a propriedade `other awards` -3. A propriedade `tags` não pode estar vazia -4. Não há erro - -2 - -### 7\) Qual é o resultado do código seguinte? - -```javascript -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: ['Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'], -}; - -console.log(movie.stars[2]); -``` - -#### Opções - -1. Michael J. Fox -2. Christopher Lloyd -3. Lea Thompson -4. indefinido - -3 - -### 8\) No código a seguir - -```javascript -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'], -}; -``` - -como podemos acessar a lista de chaves do objeto `movie`? - -#### Opções - -1. `movie:keys` -2. `movie.length` -3. `Object.keys(movie)` -4. `return keys(movie)` - -3 - -### 9\) Qual é o erro no código a seguir? - -```javascript -const objectToArray = (object) => { - const items = Object.keys(object); - const newArray = []; - - for (let i = 0; i < items.length; i += 1) { - newArray.pop([items[i], object[items[i]]]); - } - - return newArray; -}; - -console.log(objectToArray({make: 'Ford', model: 'Mustang', year: 1964})); -// → [['make', 'Ford'], ['model', 'Mustang'], ['year', 1964]] -``` - -#### Opções - -1. A variável `newArray` não pode estar vazia -2. A variável `i` deve começar em `1` -3. Deve ser usado em `push` vez de `pop` -4. Deve ser usado em `console.log` ao invés de `return` - -3 diff --git a/topics/javascript/05-objects/07-requiz/README.md b/topics/javascript/05-objects/07-requiz/README.md deleted file mode 100644 index 39b8b030d..000000000 --- a/topics/javascript/05-objects/07-requiz/README.md +++ /dev/null @@ -1,101 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz 2 - -## Objetivos - -- Tomar un segundo quiz para asegurarnos que terminamos la unidad con un - entendimiento pleno de los conceptos. - -*** - -## Preguntas - -### 1) ¿Para qué son útiles los Objects? - -#### Opciones - -1. Para dejar de usar arrays y variables -2. Para poder utilizar repositorios en `Git` -3. Para almacenar diferentes piezas de información sobre sí mismo -4. Para guardar mi información en la nube y posteriormente compartirla - -3 - -### 2) ¿Cuál de los siguientes enunciados sobre Objects SÍ es correcto? Puedes seleccionar una o más opciones - -#### Opciones - -1. Las propiedades deben estar siempre entre comillas -2. No debemos incluir un array como propiedad -3. Podemos incluir una función como propiedad -4. Los _keys_ de los Objects son equivalente a sus propiedades - -3,4 - -### 3) Podemos acceder a los valores de un Object usando corchetes `[ ]` o usando punto `.` - -#### Opciones - -1. Verdadero -2. Falso - -1 - -### 4) Los métodos son \_\_\_\_\_\_\_\_\_\_\_\_\_ que contienen \_\_\_\_\_\_\_\_\_\_\_\_\_ - -#### Opciones - -1. propiedades - funciones -2. funciones - propiedades -3. elementos - objetos -4. objetos - elementos - -1 - -### 5) ¿Cuál es el resultado del siguiente código? - -```js -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'], -}; - -console.log(movie.tags[1]); -``` - -#### Opciones - -1. Adventure -2. Comedy -3. Sci-Fi -4. undefined - -2 - -### 6) ¿Cuál es el error en el siguiente código? - -```js -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: [ 'Michael J. Fox'; 'Christopher Lloyd'; 'Lea Thompson'], - oscar: 1, - 'other awards': 'best sound', - tags: [], -}; -``` - -#### Opciones - -1. La propiedad `tags` no puede estar vacía -2. Le sobran las comillas `' '` a la propiedad `other awards` -3. En la propiedad `stars`, deben ir comas `,` en lugar de puntos y comas `;` -4. No hay ningún error - -3 diff --git a/topics/javascript/05-objects/07-requiz/README.pt.md b/topics/javascript/05-objects/07-requiz/README.pt.md deleted file mode 100644 index 9921dd577..000000000 --- a/topics/javascript/05-objects/07-requiz/README.pt.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -type: quiz -duration: 15min ---- - -# Quiz 2 - -## Objetivos - -- Faça um segundo teste para garantir que terminaremos a unidade com uma - compreensão completa dos conceitos. - -*** - -## Perguntas - -### 1\) Para que os objetos são úteis? - -#### Opções - -1. Para deixar de usar _arrays_ e variáveis -2. Para poder usar repositórios em `Git` -3. Para armazenar diferentes peças de informação sobre você -4. Para salvar minhas informações na nuvem e depois compartilhá-las - -3 - -### 2\) Qual das seguintes afirmações sobre Objetos é correta? Você pode selecionar uma ou mais opções - -#### Opções - -1. As propriedades devem sempre ser colocadas entre aspas -2. Nós não devemos incluir um _array_ como propriedade -3. Podemos incluir uma função como propriedade -4. As chaves dos objetos são equivalentes às suas propriedades - -3,4 - -### 3\) Podemos acessar os valores de um objeto usando colchetes `[]`ou usando ponto`.` - -#### Opções - -1. Verdadeiro -2. Falso - -1 - -### 4\) Os métodos são \_\_\_\_\_\_\_\_\_\_\_\_\_ que contêm \_\_\_\_\_\_\_\_\_\_\_\_\_ - -#### Opções - -1. propriedades - funções -2. funções - propriedades -3. elementos - objetos -4. objetos - elementos - -1 - -### 5\) Qual é o resultado do código a seguir? - -```javascript -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: ['Michael J. Fox', 'Christopher Lloyd', 'Lea Thompson'], - tags: ['Adventure', 'Comedy', 'Sci-Fi'], -}; - -console.log(movie.tags[1]); -``` - -#### Opções - -1. Adventure -2. Comedy -3. Sci-Fi -4. undefined - -2 - -### 6\) Qual é o erro no código a seguir? - -```javascript -const movie = { - title: 'Back to the Future', - director: 'Robert Zemeckis', - stars: ['Michael J. Fox'; 'Christopher Lloyd'; 'Lea Thompson'], - oscar: 1, - 'other awards': 'best sound', - tags: [], -}; -``` - -#### Opções - -1. A propriedade `tags` não pode estar vazia -2. As aspas `' '` da propriedade `other awards` estão sobrando -3. Na propriedade `stars`, devemos usar vírgulas \(`,`\) em vez de pontos e - vírgulas \(`;`\) -4. Não há erro - -3 diff --git a/topics/scm/01-git/05-quiz/README.md b/topics/scm/01-git/05-quiz/README.md deleted file mode 100644 index f5369bf73..000000000 --- a/topics/scm/01-git/05-quiz/README.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -type: quiz -duration: 5min ---- - -# Quiz - -## Preguntas - -### 1) `Git` es un \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ - -#### Opciones - -1. Sistema de código en línea -2. Sistema que controla a `Github` -3. Sistema de control de versiones -4. Sistema para mantener nuestras cuentas - -3 - -### 2) ¿Cuáles de los siguientes enunciados son comandos de `Git`? Puedes seleccionar una o más opciones - -#### Opciones - -1. `git update nombre-rama` -2. `git status` -3. `git commit -m 'añadiendo un comentario'` -4. `git end` -5. `git init` -6. `git change -a 'cambiando un comentario'` - -2,3,5 - -### 3) Por medio de \_\_\_\_\_\_\_\_\_\_\_\_\_ estaremos indicando qué archivos queremos que pasen de nuestro _working directory_ al _staging area_, mientras que con \_\_\_\_\_\_\_\_\_\_\_\_\_ confirmaremos los archivos que declaramos como preparados con el comando anterior - -#### Opciones - -1. `commit` - `add` -2. `add` - `commit` -3. `confirm` - `adding` -4. `adding` - `confirm` - -2 diff --git a/topics/scm/01-git/05-quiz/README.pt.md b/topics/scm/01-git/05-quiz/README.pt.md deleted file mode 100644 index a490929c8..000000000 --- a/topics/scm/01-git/05-quiz/README.pt.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -type: quiz -duration: 5min ---- - -# Quiz - -## Perguntas - -### 1\) **`Git`** é um \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_ - -#### Opções - -1. Sistema de código _online_ -2. Sistema que controla o `GitHub` -3. Sistema de controle de versões -4. Sistema para manter nossas contas - -3 - -### 2\) Qual dos seguintes comandos são do **`Git`**? Você pode escolhar mais do que um - -#### Opções - -1. `git update nome-ramo` -2. `git status` -3. `git commit -m 'adicionando um comentário'` -4. `git end` -5. `git init` -6. `git change -a 'mudando um comentário'` - -2,3,5 - -### 3\) Por meio de \_\_\_\_\_\_\_\_\_\_\_\_\_, indicamos quais arquivos queremos que passem de nosso **_**working directory**_** para a **_**staging area**_**, enquanto que com \_\_\_\_\_\_\_\_\_\_\_, confirmamos os arquivos que declaramos como preparados através do comando anterior - -#### Opções - -1. `commit` - `add` -2. `add` - `commit` -3. `confirm` - `adding` -4. `adding` - `confirm` - -2 diff --git a/topics/scm/02-github/02-quiz/README.md b/topics/scm/02-github/02-quiz/README.md deleted file mode 100644 index 73fc49408..000000000 --- a/topics/scm/02-github/02-quiz/README.md +++ /dev/null @@ -1,55 +0,0 @@ ---- -type: quiz -duration: 5min ---- - -# Quiz - -## Preguntas - -### 1) De los siguientes enunciados, ¿cuál **NO** pertenece a `Github`? - -#### Opciones - -1. Una red donde podemos mantener nuestras cuentas unificadas -2. Un sistema de seguimiento de problemas -3. Una herramienta de revisión de código -4. Un visor de versiones - -1 - -### 2) Por medio de \_\_\_\_\_\_\_\_\_\_\_\_\_ enviaremos nuestra _nueva versión_ a nuestro repositorio remoto, mientras que \_\_\_\_\_\_\_\_\_\_\_\_\_ sirve para actualizar nuestro repositorio local al _último commit_ que tengamos registrado en el repositorio remoto - -#### Opciones - -1. `add` - `update` -2. `update` - `add` -3. `push` - `pull` -4. `pull` - `push` - -3 - -### 3) De los siguientes enunciados ¿cuál pertenece a `Github`? Puedes seleccionar una o más opciones - -#### Opciones - -1. Un visor de versiones -2. Un Sistema de Control de Versiones -3. Una herramienta de revisión de código -4. Una red donde podemos mantener nuestras cuentas unificadas - -1, 3 - -### 4) ¿Cuál es la diferencia entre `Git` y `Github`? - -#### Opciones - -1. `Git` solamente sirve como una red social y `Github` almacena extensiones - de archivos -2. `Github` almacena los archivos JavaScript mientras que `Git`, los archivos - `HTML` y `CSS` -3. `Git` guarda los archivos en la nube y `Github` solamente sirve como una red - social -4. `Github` utiliza a `Git` como Sistema de Control de Versiones - -4 diff --git a/topics/scm/02-github/02-quiz/README.pt.md b/topics/scm/02-github/02-quiz/README.pt.md deleted file mode 100644 index 48736be1f..000000000 --- a/topics/scm/02-github/02-quiz/README.pt.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -type: quiz -duration: 5min ---- - -# Quiz - -## Perguntas - -### 1) Qual das frases a baixo **NÃO** pertence ao `Github`? - -#### Opções - -1. Um sistema para unificar as contas de desenvolvimento -2. Um sistema de histórico -3. Uma ferramenta de revisão de código -4. Um revisor de versões - -1 - -### 2) Através do comando \_\_\_\_\_\_\_\_\_\_\_\_\_ enviamos a nova versão ao repositório remoto, enquanto o comando \_\_\_\_\_\_\_\_\_\_\_\_\_ serve para atualizar o repositório local com o último _commit_ que está no repositório remoto - -#### Opções - -1. `add` - `update` -2. `update` - `add` -3. `push` - `pull` -4. `pull` - `push` - -3 - -### 3) Das seguintes frases, qual pertence ao `Github`? Pode selecionar mais de uma - -#### Opções - -1. Revisor de versões -2. Um sistema de controle de versões -3. Uma ferramenta de revisão de código -4. Um sistema para unificar as contas de desenvolvimento - -1, 3 - -### 4) Qual é a diferença entre `Git` e `Github`? - -#### Opções - -1. `Git` somente serve como uma rede social e o `Github` armazena as extensões - dos arquivos. -2. `Github` armazena os arquivos JavaScript enquanto o `Git` cuida do `HTML` e `CSS` -3. `Git` guarda os arquivos na nuvem e o `Github` serve como rede social -4. `Github` utiliza o `Git` como sistema de controle de versões - -4