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 dfa00df44..000000000 Binary files a/topics/css/01-css/09-quiz/positioning.png and /dev/null differ 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 3e0e53e12..000000000 Binary files a/topics/css/03-frameworks/05-quiz/grid.jpg and /dev/null differ 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