gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore(i18n,curriculum): update translations

Browse Source
This commit is contained in:
camperbot
2021-10-27 15:10:57 +00:00
committed by Mrugesh Mohapatra
parent e139fbcf13
commit c1fb339bbc
539 changed files with 3319 additions and 3352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/portuguese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
View File

@@ -22,7 +22,7 @@ Você pode usar qualquer mistura de HTML, JavaScript, CSS, Bootstrap, SASS, Reac
**Especificação de usuário nº 4:** quando insiro marcação do GitHub no elemento `#editor`, o texto é renderizado como HTML no elemento `#preview` enquanto eu escrevo (DICA: você não precisa analisar a marcação você mesmo - você pode importar a biblioteca Marked para isso: <https://cdnjs.com/libraries/marked>).
**Especificação de usuário nº 5:** quando meu pré-visualizador de marcação carregar pela primeira vez, o texto padrão no campo `#editor` deve conter uma marcação válida que represente pelo menos um de cada um dos elementos a seguir: um header (tamanho H1), um subheader (tamanho H2), um link, um código em linha, um código de bloco, uma lista de item, um blockquote, uma imagem e um texto em negrito.
**Especificação de usuário nº 5:** quando meu pré-visualizador de marcação carregar pela primeira vez, o texto padrão no campo `#editor` deve conter uma marcação válida que represente pelo menos um de cada um dos elementos a seguir: um elemento (tamanho H1), um subelemento de título (tamanho H2), um link, um código em linha, um código de bloco, uma lista de item, um blockquote, uma imagem e um texto em negrito.
**Especificação de usuário nº 6:** quando meu pré-visualizador de marcação carregar pela primeira vez, a marcação padrão no campo `#editor` deve ser renderizada como HTML no elemento `#preview`.

87
curriculum/challenges/portuguese/03-front-end-development-libraries/react/access-props-using-this.props.md
View File

@@ -14,67 +14,54 @@ Sempre que você se refere a um componente de classe dentro dele mesmo, você us
# --instructions--
Renderize uma instância do componente `ReturnTempPassword` no componente parente `ResetPassword`. Aqui, dê a `ReturnTempPassword` à prop `tempPassword` e atribua a ela o valor de uma string que tenha pelo menos 8 caracteres. Dentro do filho, `ReturnTempPassword`, acesse a prop `tempPassword` dentro das tags `strong` para certificar-se que o usuário veja a senha temporária.
Renderize uma instância do componente `Welcome` no componente parente `App`. Aqui, dê a `Welcome` uma "prop" `name` e atribua a ela um valor de uma string. Dentro do elemento filho, `Welcome`, acesse a propriedade `name` dentro das tags `strong`.
# --hints--
O componente `ResetPassword` deve retornar um único elemento `div`.
O componente `App` deve retornar um único elemento `div`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const mockedComponent = Enzyme.mount(React.createElement(App));
return mockedComponent.children().type() === 'div';
})()
);
```
O quarto filho de `ResetPassword` deve ser o componente `ReturnTempPassword`.
O elemento filho de `App` deve ser o componente `Welcome`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const mockedComponent = Enzyme.mount(React.createElement(App));
return (
mockedComponent.children().childAt(3).name() === 'ReturnTempPassword'
mockedComponent.children().childAt(0).name() === 'Welcome'
);
})()
);
```
O componente `ReturnTempPassword` deve ter uma prop chamada `tempPassword`.
O componente `Welcome` deve ter uma prop chamada `name`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
return mockedComponent.find('ReturnTempPassword').props().tempPassword;
const mockedComponent = Enzyme.mount(React.createElement(App));
return mockedComponent.find('Welcome').props().name;
})()
);
```
A prop `tempPassword` de `ReturnTempPassword` deve ser igual uma string de pelo menos 8 caracteres.
O componente `Welcome` deve exibir a string que você passou como a prop `name` dentro das tags `strong`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const temp = mockedComponent.find('ReturnTempPassword').props()
.tempPassword;
return typeof temp === 'string' && temp.length >= 8;
})()
);
```
O componente `ReturnTempPassword` deve exibir a senha que você criou como a prop `tempPassword` dentro das tags `strong`.
```js
assert(
(function () {
const mockedComponent = Enzyme.mount(React.createElement(ResetPassword));
const mockedComponent = Enzyme.mount(React.createElement(App));
return (
mockedComponent.find('strong').text() ===
mockedComponent.find('ReturnTempPassword').props().tempPassword
mockedComponent.find('Welcome').props().name
);
})()
);
@@ -85,13 +72,13 @@ assert(
## --after-user-code--
```jsx
ReactDOM.render(<ResetPassword />, document.getElementById('root'))
ReactDOM.render(<App />, document.getElementById('root'))
```
## --seed-contents--
```jsx
class ReturnTempPassword extends React.Component {
class App extends React.Component {
constructor(props) {
super(props);
@@ -100,14 +87,14 @@ class ReturnTempPassword extends React.Component {
return (
<div>
{ /* Change code below this line */ }
<p>Your temporary password is: <strong></strong></p>
<Welcome />
{ /* Change code above this line */ }
</div>
);
}
};
class ResetPassword extends React.Component {
class Welcome extends React.Component {
constructor(props) {
super(props);
@@ -115,11 +102,8 @@ class ResetPassword extends React.Component {
render() {
return (
<div>
<h2>Reset Password</h2>
<h3>We've generated a new temporary password for you.</h3>
<h3>Please reset this password from your account settings ASAP.</h3>
{ /* Change code below this line */ }
<p>Hello, <strong></strong>!</p>
{ /* Change code above this line */ }
</div>
);
@@ -130,7 +114,7 @@ class ResetPassword extends React.Component {
# --solutions--
```jsx
class ReturnTempPassword extends React.Component {
class Welcome extends React.Component {
constructor(props) {
super(props);
@@ -138,28 +122,27 @@ class ReturnTempPassword extends React.Component {
render() {
return (
<div>
<p>Your temporary password is: <strong>{this.props.tempPassword}</strong></p>
</div>
);
}
};
class ResetPassword extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<h2>Reset Password</h2>
<h3>We've generated a new temporary password for you.</h3>
<h3>Please reset this password from your account settings ASAP.</h3>
{ /* Change code below this line */ }
<ReturnTempPassword tempPassword="serrPbqrPnzc" />
<p>Hello, <strong>{this.props.name}</strong>!</p>
{ /* Change code above this line */ }
</div>
);
}
};
class App extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
{ /* Change code below this line */ }
<Welcome name="Quincy"/>
{ /* Change code above this line */ }
</div>
);
}
};
```

2
curriculum/challenges/portuguese/03-front-end-development-libraries/react/compose-react-components.md
View File

@@ -14,7 +14,7 @@ Enquanto os desafios continuam a usar composições mais complexas com component
No editor de código, o componente `TypesOfFood` já está renderizando um componente chamado `Vegetables`. Além disso, há o componente `Fruits` do último desafio.
Aninhe dois componentes dentro de `Fruits` — primeiro `NonCitrus`, e depois `Citrus`. Ambos os componentes são fornecidos nos bastidores. Em seguida, aninhe o componente de classe `Fruits` dentro do componente `TypesOfFood`, abaixo do cabeçalho `h1` e acima de `Vegetables`. O resultado deve ser uma série de componentes aninhados, que usa dois tipos de componentes diferentes.
Aninhe dois componentes dentro de `Fruits` — primeiro `NonCitrus`, e depois `Citrus`. Ambos os componentes são fornecidos nos bastidores. Em seguida, aninhe o componente de classe `Fruits` dentro do componente `TypesOfFood`, abaixo do elemento de título `h1` e acima de `Vegetables`. O resultado deve ser uma série de componentes aninhados, que usa dois tipos de componentes diferentes.
# --hints--

2
curriculum/challenges/portuguese/03-front-end-development-libraries/react/create-a-controlled-form.md
View File

@@ -109,7 +109,7 @@ assert(
);
```
O título `h1` deve renderizar o valor do campo `submit` do estado do componente.
O elemento de título `h1` deve renderizar o valor do campo `submit` do estado do componente.
```js
(() => {

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/create-a-react-component.md
View File

@@ -38,7 +38,7 @@ O componente React deve retornar um elemento `div`.
assert(Enzyme.shallow(React.createElement(MyComponent)).type() === 'div');
```
A `div` retornada deve renderizar um título `h1` dentro dele.
A `div` retornada deve renderizar um elemento de título `h1` dentro dele.
```js
assert(
@@ -48,7 +48,7 @@ assert(
);
```
O título `h1` deve conter a string `Hello React!`.
O elemento de título `h1` deve conter a string `Hello React!`.
```js
assert(

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/render-state-in-the-user-interface-another-way.md
View File

@@ -27,7 +27,7 @@ assert(
);
```
`MyComponent` deve renderizar um título `h1` que está dentro de um único `div`.
`MyComponent` deve renderizar um elemento de título `h1` que está dentro de um único `div`.
```js
assert(
@@ -44,7 +44,7 @@ A tag `h1` renderizada deve ter uma referência a `{name}`.
assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput('index')));
```
O título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
O elemento de título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
```js
async () => {

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/render-state-in-the-user-interface.md
View File

@@ -33,7 +33,7 @@ assert(
);
```
`MyComponent` deve renderizar um título `h1` que está dentro de um único `div`.
`MyComponent` deve renderizar um elemento de título `h1` que está dentro de um único `div`.
```js
assert(
@@ -43,7 +43,7 @@ assert(
);
```
O título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
O elemento de título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
```js
async () => {

4
curriculum/challenges/portuguese/03-front-end-development-libraries/react/set-state-with-this.setstate.md
View File

@@ -35,13 +35,13 @@ assert(
);
```
`MyComponent` deve retornar um título `h1`.
`MyComponent` deve retornar um elemento de título `h1`.
```js
assert(Enzyme.mount(React.createElement(MyComponent)).find('h1').length === 1);
```
O título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
O elemento de título `h1` renderizado deve conter apenas texto renderizado do estado do componente.
```js
async () => {