mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-01-07 18:03:49 -05:00
chore(i18n,learn): processed translations (#51674)
This commit is contained in:
camperbot
@@ -46,7 +46,7 @@ console.log(novel.writer);
|
||||
|
||||
استخدم كلمة `class` لإنشاء فئة `Thermostat`. يقبل `constructor` درجة حرارة فهرنهايت (Fahrenheit).
|
||||
|
||||
في الفئة، أنشئ `getter` للحصول على درجة الحرارة بالدرجة المئوية و `setter` لضبط درجة الحرارة بالدرجة المئوية.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
تذكر أن `C = 5/9 * (F - 32)` و `F = C * 9.0 / 5 + 32`، حيث `F` هي قيمة درجة الحرارة بالفهرنهايت، و `C` هي قيمة درجة الحرارة نفسها بالدرجة المئوية.
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ console.log(novel.writer);
|
||||
|
||||
使用 `class` 關鍵字創建一個 `Thermostat` class。 `constructor` 接收一個華氏溫度。
|
||||
|
||||
在 class 中，創建一個 `getter` 來獲取攝氏溫度和一個 `setter` 來設置溫度值。
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
記得在 `C = 5/9 * (F - 32)` 和 `F = C * 9.0 / 5 + 32` 中，`F` 是華氏溫度值，`C` 是攝氏溫度值。
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ console.log(novel.writer);
|
||||
|
||||
使用 `class` 关键字创建一个 `Thermostat` class。 `constructor` 接收一个华氏温度。
|
||||
|
||||
在 class 中，创建一个 `getter` 来获取摄氏温度和一个 `setter` 来设置温度值。
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
记得在 `C = 5/9 * (F - 32)` 和 `F = C * 9.0 / 5 + 32` 中，`F` 是华氏温度值，`C` 是摄氏温度值。
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ Ten en cuenta la sintaxis usada para invocar el getter y el setter. Ni siquiera
|
||||
|
||||
Utiliza la palabra clave `class` para crear una clase `Thermostat`. El `constructor` acepta una temperatura Fahrenheit.
|
||||
|
||||
En la clase, crea un `getter` para obtener la temperatura en Celsius y un `setter` para ajustar la temperatura en Celsius.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
Recuerda que `C = 5/9 * (F - 32)` y `F = C * 9.0 / 5 + 32` donde `F` es el valor de la temperatura en Fahrenheit y `C` es el valor de la misma temperatura en Celsius.
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ Beachte die Syntax, mit der die Getter und Setter aufgerufen werden. Sie sehen n
|
||||
|
||||
Verwende das Schlüsselwort `class`, um eine Klasse `Thermostat` zu erstellen. Der `constructor` akzeptiert eine Fahrenheit-Temperatur.
|
||||
|
||||
Erstelle in der Klasse einen `getter`, um die Temperatur in Celsius zu erhalten und einen `setter`, um die Temperatur in Celsius zu setzen.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
Denke daran, dass `C = 5/9 * (F - 32)` und `F = C * 9.0 / 5 + 32`, wobei `F` der Wert der Temperatur in Fahrenheit und `C` der Wert der gleichen Temperatur in Celsius ist.
|
||||
|
||||
|
||||
@@ -7,9 +7,9 @@ dashedName: step-46
|
||||
|
||||
# --description--
|
||||
|
||||
A very common way to apply color to an element with CSS is with <dfn>hexadecimal</dfn> or hex values. While hex values sound complicated, they're really just another form of RGB values.
|
||||
A very common way to apply color to an element with CSS is with <dfn>hexadecimal</dfn> or hex values. Während Hex-Werte kompliziert klingen, sind sie in Wirklichkeit nur eine andere Form von RGB-Werten.
|
||||
|
||||
Hex color values start with a `#` character and take six characters from 0-9 and A-F. The first pair of characters represent red, the second pair represent green, and the third pair represent blue. Zum Beispiel: `#4B5320`.
|
||||
Hex color values start with a `#` character and take six characters from 0-9 and A-F. Das erste Zeichenpaar repräsentiert rot, das zweite Paar grün und das dritte blau. Zum Beispiel: `#4B5320`.
|
||||
|
||||
Setze im `.green`-Klassenselektor die `background-color`-Eigenschaft auf einen Hex-Farbcode mit den Werten `00` für rot, `FF` für grün und `00` blau.
|
||||
|
||||
|
||||
@@ -7,15 +7,15 @@ dashedName: step-47
|
||||
|
||||
# --description--
|
||||
|
||||
You may already be familiar with decimal, or base 10 values, which go from 0 - 9. Hexadecimal, or base 16 values, go from 0 - 9, then A - F:
|
||||
Vielleicht bist du bereits mit Dezimalwerten oder Werten zur Basis 10 vertraut, die von 0 bis 9 reichen. Hexadezimale Werte oder zur Basis 16 dargestellte Werte reichen von 0 - 9, gefolgt von A - F:
|
||||
|
||||
```js
|
||||
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
|
||||
```
|
||||
|
||||
With hex colors, `00` is 0% of that color, and `FF` is 100%. So `#00FF00` translates to 0% red, 100% green, and 0% blue, and is the same as `rgb(0, 255, 0)`.
|
||||
Bei Hex-Farben entspricht `00` 0 % dieser Farbe und `FF` entspricht 100 %. `#00FF00` steht also für 0 % Rot, 100 % Grün sowie 0 % Blau und ist das Gleiche wie `rgb(0, 255, 0)`.
|
||||
|
||||
Lower the intensity of green by setting the green value of the hex color to `7F`.
|
||||
Senke die Intensität für Grün, indem du den grünen Wert der Hex-Farbe auf `7F` setzt.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -35,7 +35,7 @@ Du solltest den `.arm.right`-Selektor verwenden.
|
||||
assert.match(code, /\.arm\.right\s*\{/);
|
||||
```
|
||||
|
||||
You should give `.arm.right` a `top` of `0%`.
|
||||
Du solltest `.arm.right` ein `top` von `0%` zuweisen.
|
||||
|
||||
```js
|
||||
assert.include(['0%', '0', '0px'], new __helpers.CSSHelp(document).getStyle('.arm.right')?.top);
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-44
|
||||
|
||||
# --description--
|
||||
|
||||
Gradients can use as many colors as you want like this:
|
||||
Bei Farbverläufen kannst du so viele Farben verwenden, wie du willst, wie hier:
|
||||
|
||||
```css
|
||||
gradient-type(
|
||||
@@ -17,7 +17,7 @@ gradient-type(
|
||||
);
|
||||
```
|
||||
|
||||
Füge einen `linear-gradient` zu `.bb1d` mit `orange` als erste Farbe, `--building-color1` als zweite und `--window-color1` als dritte hinzu. Remember to use the gradient on the `background` property.
|
||||
Füge einen `linear-gradient` zu `.bb1d` mit `orange` als erste Farbe, `--building-color1` als zweite und `--window-color1` als dritte hinzu. Vergesse nicht den Farbverlauf auf die `background`-Eigenschaft anzuwenden.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -27,7 +27,7 @@ Du solltest die `background` auf `.bb1d` verwenden.
|
||||
assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('.bb1d')?.background);
|
||||
```
|
||||
|
||||
You should give the `background` property a `linear-gradient`.
|
||||
Du solltest der `background`-Eigenschaft einen `linear-gradient` zuweisen.
|
||||
|
||||
```js
|
||||
assert.include(new __helpers.CSSHelp(document).getStyle('.bb1d')?.background, 'linear-gradient');
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-79
|
||||
|
||||
# --description--
|
||||
|
||||
Du wirst einige weitere Kanten-Tricks für den oberen Abschnitt verwenden. Füge `border-bottom` mit einem Wert von `7vh solid var(--building-color4)` zu `.fb1a` hinzu. Dadurch wird unten ein Rand mit einer Höhe von `7vh` angezeigt. But since the element has zero size, it only shows up as a 2px wide line from the 1px border that is on all the elements.
|
||||
Du wirst einige weitere Kanten-Tricks für den oberen Abschnitt verwenden. Füge `border-bottom` mit einem Wert von `7vh solid var(--building-color4)` zu `.fb1a` hinzu. Dadurch wird unten ein Rand mit einer Höhe von `7vh` angezeigt. Da das Element jedoch keine Größe hat, wird es nur als 2 Pixel breite Linie von der 1 Pixel breiten Grenze angezeigt, die sich auf allen Elementen befindet.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-80
|
||||
|
||||
# --description--
|
||||
|
||||
When you increase the size of the left and right borders, the border on the bottom will expand to be the width of the combined left and right border widths. Füge `2vw solid transparent` als Wert für die `border-left`- und `border-right`-Eigenschaften von `.fb1a` hinzu. They will be invisible, but it will make the border on the bottom `4vw` wide.
|
||||
Wenn du die Größe der linken und rechten Ränder erhöhst, wird der untere Rand auf die Breite der kombinierten linken und rechten Randbreiten erweitert. Füge `2vw solid transparent` als Wert für die `border-left`- und `border-right`-Eigenschaften von `.fb1a` hinzu. Sie werden unsichtbar sein, aber es wird den Rand auf der Unterseite `4vw` breit machen.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -17,7 +17,7 @@ Du solltest `.fb1a` einen `border-left` von `2vw solid transparent` geben.
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderLeft, "2vw solid transparent");
|
||||
```
|
||||
|
||||
You should give `.fb1a` a `border-right` of `2vw solid transparent`.
|
||||
Du solltest `.fb1a` eine `border-right` von `2vw solid transparent` zuweisen.
|
||||
|
||||
```js
|
||||
assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderRight, "2vw solid transparent");
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-87
|
||||
|
||||
# --description--
|
||||
|
||||
For `.fb2a`, add a `border-bottom` of `10vh solid var(--building-color3)`, and a `border-left` and `border-right` of `1vw solid transparent`. This time the border trick will create a trapezoid shape.
|
||||
Füge für `.fb2a` eine `border-bottom` von `10vh solid var(--building-color3)` und eine `border-left` sowie `border-right` von `1vw solid transparent` hinzu. Dieses Mal wird der Randtrick eine Trapezform erzeugen.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,13 +7,13 @@ dashedName: step-37
|
||||
|
||||
# --description--
|
||||
|
||||
Das `input`-Element gibt dir mehrere Möglichkeiten, Daten aus einem Webformular zu sammeln. Like `img` elements, `input` elements are <dfn>self-closing</dfn> and do not need closing tags.
|
||||
Das `input`-Element gibt dir mehrere Möglichkeiten, Daten aus einem Webformular zu sammeln. `input`-Elemente sind genauso wie `img`-Elemente <dfn>selbstschließend</dfn> und benötigen keine abschließenden Tags.
|
||||
|
||||
Nest an `input` element in the `form` element.
|
||||
Bette ein `input`-Element in das `form`-Element ein.
|
||||
|
||||
# --hints--
|
||||
|
||||
Your `form` element should have an opening tag and closing tag in the correct order. Es kann sein, dass eine oder beide der erforderlichen Tags fehlen oder in der falschen Reihenfolge sind.
|
||||
Dein `form`-Element sollte ein öffnendes und abschließendes Tag in der richtigen Reihenfolge haben. Es kann sein, dass eine oder beide der erforderlichen Tags fehlen oder in der falschen Reihenfolge sind.
|
||||
|
||||
```js
|
||||
const noSpaces = code.replace(/\s/g, '');
|
||||
@@ -36,7 +36,7 @@ Du solltest ein `input`-Element erstellen. Überprüfe die Syntax.
|
||||
assert(document.querySelector('input'));
|
||||
```
|
||||
|
||||
Your `input` element should have an opening tag, but not a closing tag.
|
||||
Dein `input`-Element sollte ein öffnendes Tag, aber kein abschließendes Tag haben.
|
||||
|
||||
```js
|
||||
assert(document.querySelector('input') && !code.match(/<\/input\>/g));
|
||||
|
||||
@@ -25,7 +25,7 @@ Dein Kontrollkästchen sollte noch immer ein `id`-Attribut mit dem Wert `loving`
|
||||
assert.equal($('input[type="checkbox"]')[0].id, 'loving');
|
||||
```
|
||||
|
||||
The text `Loving` should be wrapped in a `label` element.
|
||||
Der Text `Loving` sollte in einem `label`-Element eingebettet werden.
|
||||
|
||||
```js
|
||||
const checkboxInputElem = $('input[type="checkbox"]')[0];
|
||||
@@ -34,7 +34,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Du wirst ein neues `label`-Element hinzufügen müssen, in dem du den Text `Loving` einbetten kannst. Make sure it has both an opening and closing tag.
|
||||
Du wirst ein neues `label`-Element hinzufügen müssen, in dem du den Text `Loving` einbetten kannst. Stelle sicher, dass es sowohl ein öffnendes als auch abschließendes Tag enthält.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@@ -43,14 +43,14 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Das neue `label`-Element sollte sich direkt rechts neben deinem Kontrollkästchen befinden. Make sure there is a space between the two elements.
|
||||
Das neue `label`-Element sollte sich direkt rechts neben deinem Kontrollkästchen befinden. Stelle sicher, dass zwischen den zwei Elementen ein Leerzeichen vorhanden ist.
|
||||
|
||||
```js
|
||||
const checkboxInputElem = $('input[type="checkbox"]')[0];
|
||||
assert(checkboxInputElem.nextElementSibling.nodeName === 'LABEL');
|
||||
```
|
||||
|
||||
Das neue `label`-Element hat kein `for`-Attribut. Check that there is a space after the opening tag's name.
|
||||
Das neue `label`-Element hat kein `for`-Attribut. Überprüfe, ob ein Leerzeichen nach dem Namen des öffnenden Tags vorhanden ist.
|
||||
|
||||
```js
|
||||
const labelElem = $('input[type="checkbox"]')[0].nextElementSibling;
|
||||
@@ -64,14 +64,14 @@ const labelElem = $('input[type="checkbox"]')[0].nextElementSibling;
|
||||
assert.equal(labelElem.getAttribute('for'), 'loving');
|
||||
```
|
||||
|
||||
Der Text `Loving` sollte innerhalb des neuen `label`-Elements eingebettet werden. You have either omitted the text or have a typo.
|
||||
Der Text `Loving` sollte innerhalb des neuen `label`-Elements eingebettet werden. Du hast entweder den Text weggelassen oder einen Tippfehler gemacht.
|
||||
|
||||
```js
|
||||
const labelElem = document.querySelector('label[for="loving"]');
|
||||
assert(labelElem.textContent.replace(/\s/g, '').match(/Loving/i));
|
||||
```
|
||||
|
||||
There should be a space between your checkbox and your new `label` element.
|
||||
Es sollte ein Leerzeichen zwischen deiner Checkbox und deinem neuen `label`-Element vorhanden sein.
|
||||
|
||||
```js
|
||||
assert.match(code, />\s+<label\s+for\s*=\s*('|")loving/);
|
||||
|
||||
@@ -13,14 +13,14 @@ Füge ein `value`-Attribut zu jeder Checkbox hinzu. Setze zur Bequemlichkeit das
|
||||
|
||||
# --hints--
|
||||
|
||||
Alle drei Checkboxen sollten ein `value`-Attribut enthalten. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
|
||||
Alle drei Checkboxen sollten ein `value`-Attribut enthalten. Überprüfe, ob ein Leerzeichen nach dem Namen des öffnenden Tags und/oder Leerzeichen vor allen Attributnamen vorhanden sind.
|
||||
|
||||
```js
|
||||
const checkboxes = [...document.querySelectorAll('input[type="checkbox"]')];
|
||||
assert(checkboxes.every((checkbox) => checkbox.hasAttribute('value')));
|
||||
```
|
||||
|
||||
Das `value`-Attribut der `Loving`-Checkbox sollte auf `loving` gesetzt werden. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.
|
||||
Das `value`-Attribut der `Loving`-Checkbox sollte auf `loving` gesetzt werden. Du hast entweder den Wert weggelassen oder einen Tippfehler gemacht. Denke daran, dass Attributwerte zwischen Anführungszeichen stehen sollten.
|
||||
|
||||
```js
|
||||
const lovingCheckbox = document.querySelector('#loving');
|
||||
|
||||
@@ -28,13 +28,13 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Dein `input`-Element hat kein `name`-Attribut. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
|
||||
Dein `input`-Element hat kein `name`-Attribut. Überprüfe, ob ein Leerzeichen nach dem Namen des öffnenden Tags und/oder Leerzeichen vor allen Attributnamen vorhanden sind.
|
||||
|
||||
```js
|
||||
assert($('input')[0].hasAttribute('name'));
|
||||
```
|
||||
|
||||
Dein `input`-Element sollte ein `name`-Attribut mit dem Wert `catphotourl` enthalten. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.
|
||||
Dein `input`-Element sollte ein `name`-Attribut mit dem Wert `catphotourl` enthalten. Du hast entweder den Wert weggelassen oder einen Tippfehler gemacht. Remember that attribute values should be surrounded with quotation marks.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-41
|
||||
|
||||
# --description--
|
||||
|
||||
Now apply some color to your `#years`. Make the text `#fff` and the background `#0a0a23`.
|
||||
Füge nun deinen `#years` etwas Farbe hinzu. Lege den Text auf `#fff` und den Hintergrund auf `#0a0a23` fest.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-5
|
||||
|
||||
# --description--
|
||||
|
||||
Füge innerhalb deines `.keys`-Elements sieben `div`-Elemente hinzu. Give them all the class `key`.
|
||||
Füge innerhalb deines `.keys`-Elements sieben `div`-Elemente hinzu. Weise allen die Klasse `key` zu.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,9 +7,9 @@ dashedName: step-18
|
||||
|
||||
# --description--
|
||||
|
||||
Now it is time to use the pseudo-selectors you prepared for earlier. Füge einen neuen `.key.black--key::after`-Selektor hinzu, um die schwarzen Tasten zu erstellen. This will target the elements with the class `key black--key`, and select the pseudo-element after these elements in the HTML.
|
||||
Nun ist es an der Zeit, die Pseudo-Selektoren zu verwenden, die du vorher vorbereitet hast. Füge einen neuen `.key.black--key::after`-Selektor hinzu, um die schwarzen Tasten zu erstellen. Dies wird die Elemente mit der Klasse `key black--key` anvisieren und das Pseudo-Element nach diesen Elementen im HTML auswählen.
|
||||
|
||||
In the new selector, set the `background-color` to `#1d1e22`. Setze ebenfalls die `content`-Eigenschaft auf `""`. This will make the pseudo-elements empty.
|
||||
Setze im neuen Selektor die `background-color` auf `#1d1e22`. Setze ebenfalls die `content`-Eigenschaft auf `""`. Dadurch leeren sich die Pseudo-Elemente.
|
||||
|
||||
Die `content`-Eigenschaft wird verwendet, um den Inhalt des Elements festzulegen oder zu überschreiben. Die Pseudo-Elemente, die von `::before`- und `::after`-Pseudo-Selektoren erstellt wurden, sind standardmäßig leer und die Elemente werden nicht auf der Seite gerendert. Wenn du die `content`-Eigenschaft auf einen leeren String `""` festlegst, wird sichergestellt, dass das Element auf der Seite gerendert wird, während es noch immer leer ist.
|
||||
|
||||
|
||||
@@ -7,9 +7,9 @@ dashedName: step-33
|
||||
|
||||
# --description--
|
||||
|
||||
For the new `@media` rule, set the `width` of the `#piano` to `675px` and the `width` of the `.keys` to `633px`.
|
||||
Setze für die neue `@media`-Regel die `width` von `#piano` auf `675px` und die `width` von `.keys` auf `633px`.
|
||||
|
||||
With that, your piano is complete!
|
||||
Damit ist dein Klavier fertig!
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-11
|
||||
|
||||
# --description--
|
||||
|
||||
Every painting needs a frame.
|
||||
Jedes Bild braucht einen Rahmen.
|
||||
|
||||
Bette das `.canvas`-Element in ein anderes `div` ein. Weise diesem `div` die `frame`-Klasse zu.
|
||||
# --hints--
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-19
|
||||
|
||||
# --description--
|
||||
|
||||
Set the `background-color` of `.one` to `#efb762`.
|
||||
Setze die `background-color` von `.one` auf `#efb762`.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-36
|
||||
|
||||
# --description--
|
||||
|
||||
Increase the `blur` of `.three` by 2 pixels.
|
||||
Erhöhe den `blur` von `.three` um 2 Pixel.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-6
|
||||
|
||||
# --description--
|
||||
|
||||
The font is a bit small. Erstelle einen `html`-Selektor und setze die Schriftart auf eine Größe von `16px`.
|
||||
Die Schriftart ist etwas klein. Erstelle einen `html`-Selektor und setze die Schriftart auf eine Größe von `16px`.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@ Notare la sintassi utilizzata per invocare le funzioni getter e setter. Non asso
|
||||
|
||||
Usa la parola chiave `class` per creare una classe `Thermostat`. Il `constructor` accetta una temperatura in Fahrenheit.
|
||||
|
||||
All'interno della classe, crea un `getter` per ottenere la temperatura in Celsius e un `setter` per impostare la temperatura in Celsius.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
Ricorda che `C = 5/9 * (F - 32)` e `F = C * 9.0 / 5 + 32`, dove `F` è il valore della temperatura in Fahrenheit, e `C` è il valore della stessa temperatura in Celsius.
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ getter と setter の呼び出しに使用している構文に注目してく
|
||||
|
||||
`class` キーワードを使用して `Thermostat` クラスを作成してください。 `constructor` は華氏温度を受け取ります。
|
||||
|
||||
クラスでは、温度を摂氏で取得する `getter` と、温度を摂氏で設定する `setter` を作成してください。
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
関係式は `C = 5/9 * (F - 32)` および `F = C * 9.0 / 5 + 32` です。`F` は華氏温度の値で、`C` は摂氏での同じ温度です。
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ Note a sintaxe usada para invocar o getter e setter. Eles nem sequer se parecem
|
||||
|
||||
Use a palavra-chave `class` para criar a classe `Thermostat`. O `constructor` aceita uma temperatura Fahrenheit.
|
||||
|
||||
Na classe, crie um `getter` para obter a temperatura em Celsius e um `setter` para definir a temperatura em Celsius.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
Lembre-se de que `C = 5/9 * (F - 32)` e `F = C * 9.0 / 5 + 32`, aonde `F` é o valor da temperatura em Fahrenheit e `C` é o valor da mesma temperatura em Celsius.
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ Notice the syntax used to invoke the getter and setter. They do not even look li
|
||||
|
||||
Use the `class` keyword to create a `Thermostat` class. The `constructor` accepts a Fahrenheit temperature.
|
||||
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` to set the temperature in Celsius.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
Remember that `C = 5/9 * (F - 32)` and `F = C * 9.0 / 5 + 32`, where `F` is the value of temperature in Fahrenheit, and `C` is the value of the same temperature in Celsius.
|
||||
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -46,7 +46,7 @@ console.log(novel.writer);
|
||||
|
||||
Використайте ключове слово `class`, щоб створити клас `Thermostat`. `constructor` приймає температуру в градусах Фаренгейта.
|
||||
|
||||
У класі створіть `getter`, щоб отримати температуру в градусах Цельсія, та `setter`, щоб встановити температуру в градусах Цельсія.
|
||||
In the class, create a `getter` to obtain the temperature in Celsius and a `setter` that accepts a temperature in Celsius.
|
||||
|
||||
Пам’ятайте, що `C = 5/9 * (F - 32)` та `F = C * 9.0 / 5 + 32`, де `F` є значенням температури за Фаренгейтом, а `C` є значенням за Цельсієм.
|
||||
|
||||
|
||||
@@ -30,7 +30,7 @@ var sumTwoAnd = addTogether(2);
|
||||
assert.deepEqual(addTogether(2, 3), 5);
|
||||
```
|
||||
|
||||
`addTogether(23.4, 30)` should return 53.4.
|
||||
`addTogether(23.4, 30)` має повертати 53.4.
|
||||
|
||||
```js
|
||||
assert.deepEqual(addTogether(23.4, 30), 53.4);
|
||||
|
||||
@@ -40,7 +40,7 @@ dashedName: serve-static-assets
|
||||
);
|
||||
```
|
||||
|
||||
Your app should not serve files from any other folders except from `/public` directory
|
||||
Застосунок не повинен обслуговувати файли з будь-яких інших папок, окрім директорії `/public`
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: 5900f5171000cf542c510029
|
||||
title: 'Problem 426: Box-ball system'
|
||||
title: 'Завдання 426: система коробок та м’ячів'
|
||||
challengeType: 1
|
||||
forumTopicId: 302096
|
||||
dashedName: problem-426-box-ball-system
|
||||
@@ -8,7 +8,7 @@ dashedName: problem-426-box-ball-system
|
||||
|
||||
# --description--
|
||||
|
||||
Consider an infinite row of boxes. Some of the boxes contain a ball. For example, an initial configuration of 2 consecutive occupied boxes followed by 2 empty boxes, 2 occupied boxes, 1 empty box, and 2 occupied boxes can be denoted by the sequence (2, 2, 2, 1, 2), in which the number of consecutive occupied and empty boxes appear alternately.
|
||||
Розглянемо нескінченний ряд коробок. У деяких коробках є м’яч. For example, an initial configuration of 2 consecutive occupied boxes followed by 2 empty boxes, 2 occupied boxes, 1 empty box, and 2 occupied boxes can be denoted by the sequence (2, 2, 2, 1, 2), in which the number of consecutive occupied and empty boxes appear alternately.
|
||||
|
||||
A turn consists of moving each ball exactly once according to the following rule: Transfer the leftmost ball which has not been moved to the nearest empty box to its right.
|
||||
|
||||
|
||||
@@ -8,13 +8,13 @@ dashedName: problem-428-necklace-of-circles
|
||||
|
||||
# --description--
|
||||
|
||||
Let $a$, $b$ and $c$ be positive numbers.
|
||||
Нехай $a$, $b$ та $c$ будуть додатними числами.
|
||||
|
||||
Let $W$, $X$, $Y$, $Z$ be four collinear points where $|WX| = a$, $|XY| = b$, $|YZ| = c$ and $|WZ| = a + b + c$.
|
||||
Нехай $W$, $X$, $Y$, $Z$ будуть чотирма колінеарними точками, де $|WX| = a$, $|XY| = b$, $|YZ| = c$ та $|WZ| = a + b + c$.
|
||||
|
||||
Let $C_{\text{in}}$ be the circle having the diameter $XY$.
|
||||
Нехай $C_{\text{in}}$ буде колом з діаметром $XY$.
|
||||
|
||||
Let $C_{\text{out}}$ be the circle having the diameter $WZ$.
|
||||
Нехай $C_{\text{out}}$ буде колом з діаметром $WZ$.
|
||||
|
||||
The triplet ($a$, $b$, $c$) is called a *necklace triplet* if you can place $k ≥ 3$ distinct circles $C_1, C_2, \ldots, C_k$ such that:
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: 5900f5191000cf542c51002c
|
||||
title: 'Problem 429: Sum of squares of unitary divisors'
|
||||
title: 'Завдання 429: сума квадратів унітарних дільників'
|
||||
challengeType: 1
|
||||
forumTopicId: 302099
|
||||
dashedName: problem-429-sum-of-squares-of-unitary-divisors
|
||||
@@ -8,15 +8,15 @@ dashedName: problem-429-sum-of-squares-of-unitary-divisors
|
||||
|
||||
# --description--
|
||||
|
||||
A unitary divisor $d$ of a number $n$ is a divisor of $n$ that has the property $gcd(d, \frac{n}{d}) = 1$.
|
||||
Унітарний дільник $d$ числа $n$ — це дільник $n$, що має властивість $нсд(d, \frac{n}{d}) = 1$.
|
||||
|
||||
The unitary divisors of $4! = 24$ are 1, 3, 8 and 24.
|
||||
Унітарними дільниками $4! = 24$ є 1, 3, 8 та 24.
|
||||
|
||||
The sum of their squares is $12 + 32 + 82 + 242 = 650$.
|
||||
Сума їхніх квадратів дорівнює $12 + 32 + 82 + 242 = 650$.
|
||||
|
||||
Let $S(n)$ represent the sum of the squares of the unitary divisors of $n$. Thus $S(4!) = 650$.
|
||||
Нехай $S(n)$ представляє суму квадратів унітарних дільників $n$. Таким чином, $S(4!) = 650$.
|
||||
|
||||
Find $S(100\\,000\\,000!)$ modulo $1\\,000\\,000\\,009$.
|
||||
Знайдіть $S(100\\,000\\,000!)$ за модулем $1\\,000\\,000\\,009$.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: 5900f51a1000cf542c51002d
|
||||
title: 'Problem 430: Range flips'
|
||||
title: 'Завдання 430: рядкові перевертання'
|
||||
challengeType: 1
|
||||
forumTopicId: 302101
|
||||
dashedName: problem-430-range-flips
|
||||
@@ -8,17 +8,17 @@ dashedName: problem-430-range-flips
|
||||
|
||||
# --description--
|
||||
|
||||
$N$ disks are placed in a row, indexed 1 to $N$ from left to right.
|
||||
$N$ дисків розміщені в ряд та пронумеровані зліва направо від 1 до $N$.
|
||||
|
||||
Each disk has a black side and white side. Initially all disks show their white side.
|
||||
Кожен диск має чорну і білу сторону. Спочатку всі диски перевернуті білою стороною вгору.
|
||||
|
||||
At each turn, two, not necessarily distinct, integers $A$ and $B$ between 1 and $N$ (inclusive) are chosen uniformly at random. All disks with an index from $A$ to $B$ (inclusive) are flipped.
|
||||
При кожному перевертанні випадково вибираються два, не обов’язково різні, цілі числа $A$ та $B$ між 1 та $N$ (включно). Перевертаються усі диски з номерами від $A$ до $B$ (включно).
|
||||
|
||||
The following example shows the case $N = 8$. At the first turn $A = 5$ and $B = 2$, and at the second turn $A = 4$ and $B = 6$.
|
||||
Наведений приклад показує випадок, де $N = 8$. При першому перевертанні $A = 5$, а $B = 2$, при другому перевертанні $A = 4$, а $B = 6$.
|
||||
|
||||
<img class="img-responsive center-block" alt="example for N = 8, with first turn A = 5 and B = 2, and second turn A = 4 and B = 6" src="https://cdn.freecodecamp.org/curriculum/project-euler/range-flips.gif" style="background-color: white; padding: 10px;" />
|
||||
<img class="img-responsive center-block" alt="приклад, де N = 8, після першого перевертання A = 5, а B = 2, після другого A = 4, а B = 6" src="https://cdn.freecodecamp.org/curriculum/project-euler/range-flips.gif" style="background-color: white; padding: 10px;" />
|
||||
|
||||
Let $E(N, M)$ be the expected number of disks that show their white side after $M$ turns. We can verify that $E(3, 1) = \frac{10}{9}$, $E(3, 2) = \frac{5}{3}$, $E(10, 4) ≈ 5.157$ and $E(100, 10) ≈ 51.893$.
|
||||
Нехай $E(N, M)$ буде очікуваною кількістю дисків, які будуть перевернуті білою стороною вгору після $M$ перевертань. Можна довести, що $E(3, 1) = \frac{10}{9}$, $E(3, 2) = \frac{5}{3}$, $E(10, 4) ≈ 5.157$ та $E(100, 10) ≈ 51.893$.
|
||||
|
||||
Знайдіть $E({10}^{10}, 4000)$. Дайте відповідь, заокруглену до двох знаків після коми.
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: 5900f51b1000cf542c51002e
|
||||
title: 'Problem 431: Square Space Silo'
|
||||
title: 'Завдання 431: сховище квадратної форми'
|
||||
challengeType: 1
|
||||
forumTopicId: 302102
|
||||
dashedName: problem-431-square-space-silo
|
||||
@@ -8,17 +8,17 @@ dashedName: problem-431-square-space-silo
|
||||
|
||||
# --description--
|
||||
|
||||
Fred the farmer arranges to have a new storage silo installed on his farm and having an obsession for all things square he is absolutely devastated when he discovers that it is circular. Quentin, the representative from the company that installed the silo, explains that they only manufacture cylindrical silos, but he points out that it is resting on a square base. Fred is not amused and insists that it is removed from his property.
|
||||
Фермер Фред домовляється про встановлення нового зерносховища на своїй фермі. Маючи одержимість квадратними речами, він розчаровується, коли дізнається, що нове сховище округлої форми. Квентін (представник компанії, що встановила сховище) пояснює, що компанія виробляє тільки циліндричні сховища, але зауважує, що воно має квадратний фундамент. Фреда відповідь не задовольнила і він вимагає, щоб сховище забрали із його території.
|
||||
|
||||
Quick thinking Quentin explains that when granular materials are delivered from above a conical slope is formed and the natural angle made with the horizontal is called the angle of repose. For example if the angle of repose, $\alpha = 30°$, and grain is delivered at the centre of the silo then a perfect cone will form towards the top of the cylinder. In the case of this silo, which has a diameter of 6m, the amount of space wasted would be approximately 32.648388556 m<sup>3</sup>. However, if grain is delivered at a point on the top which has a horizontal distance of $x$ metres from the centre then a cone with a strangely curved and sloping base is formed. He shows Fred a picture.
|
||||
Кмітливий Квентін пояснив, що коли зерно подається згори, формується конічний схил, а кут, який утворюється із горизонтальною площиною, називається кутом природного укосу. Наприклад, якщо кут природного укосу $\alpha = 30°$ і зерно насипається у центр сховища, тоді формується ідеальний конус до вершини циліндра. У даному сховищі, що має діаметр 6 м, приблизний обсяг невикористовуваного місця дорівнюватиме 32.648388556 м<sup>3</sup>. Однак, якщо зерно буде насипатися в точку, яка має горизонтальну відстань $x$ метрів від центру, то буде формуватись конус з дивно вигнутою та похилою основою. Він показав Фреду зображення.
|
||||
|
||||
<img class="img-responsive center-block" alt="image presenting forming of the perfect cone towards the top of the cylinder" src="https://cdn.freecodecamp.org/curriculum/project-euler/square-space-silo.png" style="background-color: white; padding: 10px;" />
|
||||
<img class="img-responsive center-block" alt="зображення показує процес формування ідеального конуса до вершини циліндра" src="https://cdn.freecodecamp.org/curriculum/project-euler/square-space-silo.png" style="background-color: white; padding: 10px;" />
|
||||
|
||||
We shall let the amount of space wasted in cubic metres be given by $V(x)$. If $x = 1.114\\,785\\,284$, which happens to have three squared decimal places, then the amount of space wasted, $V(1.114\\,785\\,284) \approx 36$. Given the range of possible solutions to this problem there is exactly one other option: $V(2.511\\,167\\,869) \approx 49$. It would be like knowing that the square is king of the silo, sitting in splendid glory on top of your grain.
|
||||
Позначимо обсяг невикористовуваного місця в кубічних метрах як $V(x)$. Якщо $x = 1.114\\,785\\,284$ (зверніть увагу на три знаки в квадраті після десяткової коми), то обсяг невикористовуваного місця дорівнюватиме $V(1.114\\,785\\,284) \approx 36$. Враховуючи діапазон можливих розв’язків даного завдання, існує ще один варіант: $V(2.511\\,167\\,869) \approx 49$. Ніби квадрат є королем сховища, який засідає на зерні.
|
||||
|
||||
Fred's eyes light up with delight at this elegant resolution, but on closer inspection of Quentin's drawings and calculations his happiness turns to despondency once more. Fred points out to Quentin that it's the radius of the silo that is 6 metres, not the diameter, and the angle of repose for his grain is 40°. However, if Quentin can find a set of solutions for this particular silo then he will be more than happy to keep it.
|
||||
Побачивши таке чудове рішення, очі Фреда загорілися від захвату, але під час прискіпливішої перевірки креслень та підрахунків Квентіна, його радість знову перетворилась на зневіру. Фред вказав Квентіну, що саме радіус сховища, а не діаметр, дорівнює 6 м, а кут природного укосу для зерна становить 40°. Однак, якщо Квентіну вдасться знайти множину розв’язків для цього сховища, то він із задоволенням залишить його.
|
||||
|
||||
If Quick thinking Quentin is to satisfy frustratingly fussy Fred the farmer's appetite for all things square then determine the values of $x$ for all possible square space wastage options and calculate $\sum x$ correct to 9 decimal places.
|
||||
Щоб кмітливий Квентін задовільнив апетит фермера Фреда до квадратних речей, потрібно визначити значення $x$ для усіх можливих об’ємів втраченого місця та обчислити $\sum x$, заокругливши до 9 знаків після коми.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
Reference in New Issue
Block a user