diff --git a/packages/quiz/questions/are-you-familiar-with-styling-svg/pt-BR.mdx b/packages/quiz/questions/are-you-familiar-with-styling-svg/pt-BR.mdx index ea438f981..c1ea43107 100644 --- a/packages/quiz/questions/are-you-familiar-with-styling-svg/pt-BR.mdx +++ b/packages/quiz/questions/are-you-familiar-with-styling-svg/pt-BR.mdx @@ -18,4 +18,4 @@ A coloração básica pode ser feita definindo dois atributos no nó: `fill` e ` stroke-opacity="0.8" /> ``` -O `fill="purple"` acima é um exemplo de um _atributo apresentacional_. Curiosamente, e ao contrário de estilos embutidos como `style="fill: purple"` que também é um atributo, os atributos de apresentação podem ser [sobrescritos pelo CSS]\(https://css-tricks. estilos de om/presentation-attributes-vs-inline-styles/) definidos em uma folha de estilos. Daí se você fez algo como `svg { fill: blue; }` ele irá substituir o preenchimento roxo que foi definido. +O `fill="purple"` acima é um exemplo de um _atributo apresentacional_. Curiosamente, e ao contrário de estilos embutidos como `style="fill: purple"` que também é um atributo, os atributos de apresentação podem ser [sobrescritos pelo CSS](https://css-tricks.com/presentation-attributes-vs-inline-styles/) definidos em uma folha de estilos. Daí se você fez algo como `svg { fill: blue; }` ele irá substituir o preenchimento roxo que foi definido. diff --git a/packages/quiz/questions/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other/pt-BR.mdx b/packages/quiz/questions/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other/pt-BR.mdx index 64d689a19..31b5a900f 100644 --- a/packages/quiz/questions/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other/pt-BR.mdx +++ b/packages/quiz/questions/can-you-describe-the-main-difference-between-a-foreach-loop-and-a-map-loop-and-why-you-would-pick-one-versus-the-other/pt-BR.mdx @@ -13,11 +13,11 @@ Para entender as diferenças entre os dois, vamos ver o que cada função faz. ```js const a = [1, 2, 3]; -const doubled = a. orEach((num, index) => { +const doubled = a.forEach((num, index) => { // Faça algo com num e/ou índice. }); -// doubled = indefinido +// doubled = undefined ``` ## `map` @@ -27,7 +27,7 @@ const doubled = a. orEach((num, index) => { ```js const a = [1, 2, 3]; -const doubled = a. ap((num) => { +const doubled = a.map((num) => { return num * 2; }); diff --git a/packages/quiz/questions/can-you-offer-a-use-case-for-the-new-arrow-greater-function-syntax-how-does-this-new-syntax-differ-from-other-functions/pt-BR.mdx b/packages/quiz/questions/can-you-offer-a-use-case-for-the-new-arrow-greater-function-syntax-how-does-this-new-syntax-differ-from-other-functions/pt-BR.mdx index dce691c9a..8c343d5a6 100644 --- a/packages/quiz/questions/can-you-offer-a-use-case-for-the-new-arrow-greater-function-syntax-how-does-this-new-syntax-differ-from-other-functions/pt-BR.mdx +++ b/packages/quiz/questions/can-you-offer-a-use-case-for-the-new-arrow-greater-function-syntax-how-does-this-new-syntax-differ-from-other-functions/pt-BR.mdx @@ -3,4 +3,4 @@ title: Você pode oferecer um caso de uso para a nova sintaxe de arrow function subtitle: Como essa nova sintaxe difere de outras funções? --- -Um benefício óbvio das arrow functions é simplificar a sintaxe necessária para criar funções, sem a necessidade da palavra-chave `função`. O `isto` dentro das arrow functions também está ligado ao escopo que é diferente comparado a funções regulares onde o `isto` é determinado pelo objeto que o chama. `this` com escopo léxico é útil ao invocar callbacks, especialmente em componentes React. +Um benefício óbvio das arrow functions é simplificar a sintaxe necessária para criar funções, sem a necessidade da palavra-chave `function`. O `this` dentro das arrow functions também está ligado ao escopo que é diferente comparado a funções regulares onde o `this` é determinado pelo objeto que o chama. `this` com escopo léxico é útil ao invocar callbacks, especialmente em componentes React. diff --git a/packages/quiz/questions/create-a-for-loop-that-iterates-up-to-100-while-outputting-fizz-at-multiples-of-3-buzz-at-multiples-of-5-and-fizzbuzz-at-multiples-of-3-and-5/pt-BR.mdx b/packages/quiz/questions/create-a-for-loop-that-iterates-up-to-100-while-outputting-fizz-at-multiples-of-3-buzz-at-multiples-of-5-and-fizzbuzz-at-multiples-of-3-and-5/pt-BR.mdx index 8ecc35115..6351cfeb2 100644 --- a/packages/quiz/questions/create-a-for-loop-that-iterates-up-to-100-while-outputting-fizz-at-multiples-of-3-buzz-at-multiples-of-5-and-fizzbuzz-at-multiples-of-3-and-5/pt-BR.mdx +++ b/packages/quiz/questions/create-a-for-loop-that-iterates-up-to-100-while-outputting-fizz-at-multiples-of-3-buzz-at-multiples-of-5-and-fizzbuzz-at-multiples-of-3-and-5/pt-BR.mdx @@ -8,7 +8,7 @@ Confira esta versão de FizzBuzz por [Paul Irish](https://gist.github.com/jayson for (let i = 1; i <= 100; i++) { let f = i % 3 == 0, b = i % 5 == 0; - console. og(f ? (b ? 'FizzBuzz' : 'Fizz') : b ? 'Buzz' : i); + console.log(f ? (b ? 'FizzBuzz' : 'Fizz') : b ? 'Buzz' : i); } ``` diff --git a/packages/quiz/questions/describe-block-formatting-context-bfc-and-how-it-works/pt-BR.mdx b/packages/quiz/questions/describe-block-formatting-context-bfc-and-how-it-works/pt-BR.mdx index 403b2e73e..73af2f343 100644 --- a/packages/quiz/questions/describe-block-formatting-context-bfc-and-how-it-works/pt-BR.mdx +++ b/packages/quiz/questions/describe-block-formatting-context-bfc-and-how-it-works/pt-BR.mdx @@ -4,7 +4,7 @@ title: Descrever o contexto de formatação de bloco (BFC) e como ele funciona. Um Contexto de Formatação de Bloco (BFC) é parte da renderização visual do CSS em uma página da web, no qual os blocos são organizados. Elementos flutuantes, posicionados absolutamente, `inline-blocks`, `table-cells`, `table-captions` e elementos com `overflow` diferente de `visible` (exceto quando esse valor foi propagado para a área visível) estabelecem novos contextos de formatação de bloco. -Saber estabelecer um contexto de formatação de blocos é importante, porque sem fazer isso, a caixa de contenção não conterá [contém filhos flutuados](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context#Make_float_content_and_alongside_content_the_same_height). Isso é semelhante ao colapso das margens, mas mais insidioso, pois você encontrará caixas inteiras colapsando de maneiras estranhas. +Saber estabelecer um contexto de formatação de blocos é importante, porque sem fazer isso, a caixa de contenção não [conterá filhos floated](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context#Make_float_content_and_alongside_content_the_same_height). Isso é semelhante ao colapso das margens, mas mais insidioso, pois você encontrará caixas inteiras colapsando de maneiras estranhas. Um BFC é uma caixa HTML que atende pelo menos uma das seguintes condições: diff --git a/packages/quiz/questions/describe-pseudo-elements-and-discuss-what-they-are-used-for/pt-BR.mdx b/packages/quiz/questions/describe-pseudo-elements-and-discuss-what-they-are-used-for/pt-BR.mdx index 7d2b4b2e5..1a724a953 100644 --- a/packages/quiz/questions/describe-pseudo-elements-and-discuss-what-they-are-used-for/pt-BR.mdx +++ b/packages/quiz/questions/describe-pseudo-elements-and-discuss-what-they-are-used-for/pt-BR.mdx @@ -15,4 +15,4 @@ Um CSS [pseudo-element](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo- ## Referências -- [Pseudo-elements - CSS ├MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements) +- [Pseudo-elements - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements) diff --git a/packages/quiz/questions/describe-the-difference-between-script-async-and-script-defer/pt-BR.mdx b/packages/quiz/questions/describe-the-difference-between-script-async-and-script-defer/pt-BR.mdx index 907b9f92e..7862cd2a3 100644 --- a/packages/quiz/questions/describe-the-difference-between-script-async-and-script-defer/pt-BR.mdx +++ b/packages/quiz/questions/describe-the-difference-between-script-async-and-script-defer/pt-BR.mdx @@ -22,7 +22,7 @@ Se um script depende de um DOM totalmente analisado, o atributo `defer` será ú - Geralmente, o atributo `async` deve ser usado para scripts que não são críticos para a renderização inicial da página e não dependem um do outro. enquanto o atributo `defer` deve ser usado para scripts que dependem de / é dependente de outro script. - Os atributos `async` e `defer` são ignorados para scripts que não têm o atributo `src`. -- `