diff --git a/1-js/2-first-steps/15-while-for/2-which-value-while/solution.md b/1-js/2-first-steps/15-while-for/2-which-value-while/solution.md index f7e77582..af3a00e4 100644 --- a/1-js/2-first-steps/15-while-for/2-which-value-while/solution.md +++ b/1-js/2-first-steps/15-while-for/2-which-value-while/solution.md @@ -1,5 +1,7 @@ +The task demonstrates how postfix/prefix forms can lead to different results when used in comparisons. +
    -
  1. **От 1 до 4** +
  2. **From 1 to 4** ```js //+ run @@ -7,13 +9,13 @@ var i = 0; while (++i < 5) alert( i ); ``` -Первое значение: `i=1`, так как операция `++i` сначала увеличит `i`, а потом уже произойдёт сравнение и выполнение `alert`. +The first value is `i=1`, because `++i` first increments `i` and then returns the new value. So the first comparison is `1 < 5` and the `alert` shows `1`. -Далее `2,3,4..` Значения выводятся одно за другим. Для каждого значения сначала происходит увеличение, а потом -- сравнение, так как `++` стоит перед переменной. +Then follow `2,3,4…` -- the values show up one after another. The comparison always uses the incremented value, because `++` is before the variable. -При `i=4` произойдет увеличение `i` до `5`, а потом сравнение `while(5 < 5)` -- это неверно. Поэтому на этом цикл остановится, и значение `5` выведено не будет. +Finally, `i=4` is incremented to `5`, the comparison `while(5 < 5)` fails and the loop stops. So `5` is not shown.
    3. -
  3. **От 1 до 5** +
  4. **From 1 to 5** ```js //+ run @@ -21,11 +23,15 @@ var i = 0; while (i++ < 5) alert( i ); ``` -Первое значение: `i=1`. Остановимся на нём подробнее. Оператор `i++` увеличивает `i`, возвращая старое значение, так что в сравнении `i++ < 5` будет участвовать старое `i=0`. +The first value is again `i=1`. The postfix form of `i++` increments `i` and then returns the *old* value, so the comparison `i++ < 5` will use `i=0` (contrary to `++i < 5`). -Но последующий вызов `alert` уже не относится к этому выражению, так что получит новый `i=1`. +But the `alert` call is separate. It's another statement which executes after the increment and the comparison. So it gets the current `i=1`. -Далее `2,3,4..` Для каждого значения сначала происходит сравнение, а потом -- увеличение, и затем срабатывание `alert`. +Then follow `2,3,4…` + +Let's stop on `i=4`. The prefix form `++i` would increment it and use `5` in the comparison. But here we have the postfix form `i++`. So it increments `i` to `5`, but returns the old value. Hence the comparison is actually `while(4 < 5)` -- true, and the control goes on to `alert`. + +The value `i=5` is the last one, because on the next step `while(5 < 5)` is false. +
    5. +
-Окончание цикла: при `i=4` произойдет сравнение `while(4 < 5)` -- верно, после этого сработает `i++`, увеличив `i` до `5`, так что значение `5` будет выведено. Оно станет последним. - \ No newline at end of file diff --git a/1-js/2-first-steps/15-while-for/2-which-value-while/task.md b/1-js/2-first-steps/15-while-for/2-which-value-while/task.md index 674f005b..1b1875d3 100644 --- a/1-js/2-first-steps/15-while-for/2-which-value-while/task.md +++ b/1-js/2-first-steps/15-while-for/2-which-value-while/task.md @@ -1,10 +1,13 @@ -# Какие значения i выведет цикл while? +# Which values shows the while? [importance 4] -Для каждого цикла запишите, какие значения он выведет. Потом сравните с ответом. +For every loop, scribe down which values it shows, in your opinion. + +And then compare with the answer. +
    -
  1. Префиксный вариант +
  2. The prefix form `++i`: ```js var i = 0; @@ -12,7 +15,7 @@ while (++i < 5) alert( i ); ```
    3. -
  3. Постфиксный вариант +
  4. The postfix form `i++` ```js var i = 0; @@ -20,4 +23,4 @@ while (i++ < 5) alert( i ); ```
    5. -
\ No newline at end of file + diff --git a/1-js/2-first-steps/15-while-for/3-which-value-for/solution.md b/1-js/2-first-steps/15-while-for/3-which-value-for/solution.md index 941a07be..2ccef475 100644 --- a/1-js/2-first-steps/15-while-for/3-which-value-for/solution.md +++ b/1-js/2-first-steps/15-while-for/3-which-value-for/solution.md @@ -1,4 +1,4 @@ -**Ответ: от 0 до 4 в обоих случаях.** +**The answer: from `0` to `4` in both cases.** ```js //+ run @@ -7,11 +7,13 @@ for (var i = 0; i < 5; ++i) alert( i ); for (var i = 0; i < 5; i++) alert( i ); ``` -Такой результат обусловлен алгоритмом работы `for`: +That can be easily deducted from the algorithm of `for`:
    -
  1. Выполнить присвоение `i=0`
    2. -
  2. Проверить `i<5`
    3. -
  3. Если верно - выполнить тело цикла `alert(i)`, затем выполнить `i++`
    4. +
  4. Execute once `i=0` before everything.
    5. +
  5. Check the condition `i<5`
    6. +
  6. If `true` -- execute the loop body `alert(i)`, and then `i++`
-Увеличение `i++` выполняется отдельно от проверки условия (2), значение `i` при этом не используется, поэтому нет никакой разницы между `i++` и `++i`. \ No newline at end of file +The increment `i++` is separated from the condition check (2). That's just another statement. + +The value returned by the increment is not used here, so there's no difference between `i++` and `++i`. \ No newline at end of file diff --git a/1-js/2-first-steps/15-while-for/3-which-value-for/task.md b/1-js/2-first-steps/15-while-for/3-which-value-for/task.md index e918c89c..05ee18c4 100644 --- a/1-js/2-first-steps/15-while-for/3-which-value-for/task.md +++ b/1-js/2-first-steps/15-while-for/3-which-value-for/task.md @@ -1,17 +1,20 @@ -# Какие значения i выведет цикл for? +# Which values get shown by the "for" loop? [importance 4] -Для каждого цикла запишите, какие значения он выведет. Потом сравните с ответом. +For each loop scribe down which values it is going to show. + +Then compare with the answer. +
    -
  1. Постфиксная форма: +
  2. The postfix form: ```js for (var i = 0; i < 5; i++) alert( i ); ```
    3. -
  3. Префиксная форма: +
  4. The prefix form: ```js for (var i = 0; i < 5; ++i) alert( i ); diff --git a/1-js/2-first-steps/15-while-for/4-for-even/solution.md b/1-js/2-first-steps/15-while-for/4-for-even/solution.md index 62ca05c7..408f6a50 100644 --- a/1-js/2-first-steps/15-while-for/4-for-even/solution.md +++ b/1-js/2-first-steps/15-while-for/4-for-even/solution.md @@ -9,4 +9,4 @@ for (var i = 2; i <= 10; i++) { } ``` -Чётность проверяется по остатку при делении на `2`, используя оператор "деление с остатком" `%`: `i % 2`. \ No newline at end of file +We use the "modulo" `%` to get the remainder and check for the evenness here. diff --git a/1-js/2-first-steps/15-while-for/4-for-even/task.md b/1-js/2-first-steps/15-while-for/4-for-even/task.md index d20029d0..a7365169 100644 --- a/1-js/2-first-steps/15-while-for/4-for-even/task.md +++ b/1-js/2-first-steps/15-while-for/4-for-even/task.md @@ -1,7 +1,7 @@ -# Выведите чётные числа +# Output even numbers in the loop [importance 5] -При помощи цикла `for` выведите чётные числа от `2` до `10`. +Use the `for` loop to output even numbers from `2` to `10`. [demo /] \ No newline at end of file diff --git a/1-js/2-first-steps/15-while-for/5-replace-for-while/solution.md b/1-js/2-first-steps/15-while-for/5-replace-for-while/solution.md index 84915ab4..822e6310 100644 --- a/1-js/2-first-steps/15-while-for/5-replace-for-while/solution.md +++ b/1-js/2-first-steps/15-while-for/5-replace-for-while/solution.md @@ -4,7 +4,7 @@ //+ run var i = 0; while (i < 3) { - alert( "номер " + i + "!" ); + alert( `number ${i}!` ); i++; } ``` diff --git a/1-js/2-first-steps/15-while-for/5-replace-for-while/task.md b/1-js/2-first-steps/15-while-for/5-replace-for-while/task.md index 2da6d6f2..2a3d58c4 100644 --- a/1-js/2-first-steps/15-while-for/5-replace-for-while/task.md +++ b/1-js/2-first-steps/15-while-for/5-replace-for-while/task.md @@ -1,13 +1,13 @@ -# Замените for на while +# Replace "for" with "while" [importance 5] -Перепишите код, заменив цикл `for` на `while`, без изменения поведения цикла. +Rewrite the code changing the `for` loop to `while` without altering it's behavior (the output should stay same). ```js //+ run for (var i = 0; i < 3; i++) { - alert( "номер " + i + "!" ); + alert( `number ${i}!` ); } ``` diff --git a/1-js/2-first-steps/15-while-for/6-repeat-until-correct/solution.md b/1-js/2-first-steps/15-while-for/6-repeat-until-correct/solution.md index 49d5396e..d7390d60 100644 --- a/1-js/2-first-steps/15-while-for/6-repeat-until-correct/solution.md +++ b/1-js/2-first-steps/15-while-for/6-repeat-until-correct/solution.md @@ -1,18 +1,17 @@ - ```js //+ run demo var num; do { - num = prompt("Введите число больше 100?", 0); -} while (num <= 100 && num != null); + num = prompt("Enter a number greater than 100?", 0); +} while (num <= 100 && num); ``` -Цикл `do..while` повторяется, пока верны две проверки: +The loop `do..while` repeats while both checks are truthy:
      -
    1. Проверка `num <= 100` -- то есть, введённое число всё еще меньше `100`.
      2. -
    2. Проверка `num != null` -- значение `null` означает, что посетитель нажал "Отмена", в этом случае цикл тоже нужно прекратить.
      3. +
    3. The check for `num <= 100` -- that is, the entered value is still not greater than `100`.
      4. +
    4. The check for a truthiness of `num` checks that `num != null` and `num != ""` simultaneously.
    -Кстати, сравнение `num <= 100` при вводе `null` даст `true`, так что вторая проверка необходима. \ No newline at end of file +P.S. By the way, if `num` is `null` then `num <= 100` would return `false`, not `true`! \ No newline at end of file diff --git a/1-js/2-first-steps/15-while-for/6-repeat-until-correct/task.md b/1-js/2-first-steps/15-while-for/6-repeat-until-correct/task.md index 4c2fbedc..b5c21283 100644 --- a/1-js/2-first-steps/15-while-for/6-repeat-until-correct/task.md +++ b/1-js/2-first-steps/15-while-for/6-repeat-until-correct/task.md @@ -1,11 +1,11 @@ -# Повторять цикл, пока ввод неверен +# Repeat until the input is incorrect [importance 5] -Напишите цикл, который предлагает `prompt` ввести число, большее `100`. Если посетитель ввёл другое число -- попросить ввести ещё раз, и так далее. +Write a loop which prompts for a number greater than `100`. If the visitor enters another number -- ask him to repeat the input, and so on. -Цикл должен спрашивать число пока либо посетитель не введёт число, большее `100`, либо не нажмёт кнопку Cancel (ESC). +The loop must ask for a number until either the visitor enters a number greater than `100` or cancels the input/enters an empty line. -Предполагается, что посетитель вводит только числа. Предусматривать обработку нечисловых строк в этой задаче необязательно. +Here we can assume that the visitor only inputs numbers. There's no need to implement the special handling for a non-numeric input in this task. [demo /] diff --git a/1-js/2-first-steps/15-while-for/7-list-primes/solution.md b/1-js/2-first-steps/15-while-for/7-list-primes/solution.md index eead33a3..3090b659 100644 --- a/1-js/2-first-steps/15-while-for/7-list-primes/solution.md +++ b/1-js/2-first-steps/15-while-for/7-list-primes/solution.md @@ -1,28 +1,29 @@ -# Схема решения +There are many algorithms for this task. + +Let's use a nested loop: ```js -Для всех i от 1 до 10 { - проверить, делится ли число i на какое - либо из чисел до него - если делится, то это i не подходит, берем следующее - если не делится, то i - простое число +For each i in the interval { + check if i has a divisor from 1..i + if yes => the value is not a prime + if no => the value is a prime, show it } ``` -# Решение - -Решение с использованием метки: +The code using a label: ```js //+ run nextPrime: - for (var i = 2; i < 10; i++) { +for (var i = 2; i < 10; i++) { // for each i... - for (var j = 2; j < i; j++) { - if (i % j == 0) continue nextPrime; - } - - alert( i ); // простое + for (var j = 2; j < i; j++) { // look for a divisor.. + if (i % j == 0) continue nextPrime; // not a prime, go next i } + + alert( i ); // a prime +} ``` -Конечно же, его можно оптимизировать с точки зрения производительности. Например, проверять все `j` не от `2` до `i`, а от `2` до квадратного корня из `i`. А для очень больших чисел -- существуют более эффективные специализированные алгоритмы проверки простоты числа, например [квадратичное решето](http://ru.wikipedia.org/wiki/%D0%9C%D0%B5%D1%82%D0%BE%D0%B4_%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82%D0%B8%D1%87%D0%BD%D0%BE%D0%B3%D0%BE_%D1%80%D0%B5%D1%88%D0%B5%D1%82%D0%B0) и [решето числового поля](http://ru.wikipedia.org/wiki/%D0%9E%D0%B1%D1%89%D0%B8%D0%B9_%D0%BC%D0%B5%D1%82%D0%BE%D0%B4_%D1%80%D0%B5%D1%88%D0%B5%D1%82%D0%B0_%D1%87%D0%B8%D1%81%D0%BB%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE_%D0%BF%D0%BE%D0%BB%D1%8F). \ No newline at end of file +Surely, there's a lot of space to opimize it. Like, we could look for the divisors from `2` to square root of `i`. But anyway, if we want to be really efficient for large intervals, we need change the approach and rely heavily on advanced maths and algorithms like [Quadratic sieve](https://en.wikipedia.org/wiki/Quadratic_sieve), [General number field sieve](https://en.wikipedia.org/wiki/General_number_field_sieve) etc. + diff --git a/1-js/2-first-steps/15-while-for/7-list-primes/task.md b/1-js/2-first-steps/15-while-for/7-list-primes/task.md index 51f8c29f..8f12669f 100644 --- a/1-js/2-first-steps/15-while-for/7-list-primes/task.md +++ b/1-js/2-first-steps/15-while-for/7-list-primes/task.md @@ -1,12 +1,16 @@ -# Вывести простые числа +# Output prime numbers [importance 3] -Натуральное число, большее 1, называется *простым*, если оно ни на что не делится, кроме себя и `1`. +An integer number greater than `1` is called a [prime](https://en.wikipedia.org/wiki/Prime_number) if it cannot be not divided without a remainder by anything except `1` and itself. -Другими словами, n>1 - простое, если при делении на любое число от `2` до `n-1` есть остаток. +In other words, `n>1` is a prime if the result of it's division by anything except `1` and `n` is not integer. -**Создайте код, который выводит все простые числа из интервала от `2` до `10`.** Результат должен быть: `2,3,5,7`. +For example, `5` is a prime, because it cannot be divided without a remainder by `2`, `3` and `4`. -P.S. Код также должен легко модифицироваться для любых других интервалов. +**Write the code which outputs prime numbers in the interval from `2` to `10`.** + +The result will be `2,3,5,7`. + +P.S. The code should be easily modifiable for other intervals. diff --git a/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/solution.md b/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/solution.md index 1605333f..ee2c1b0c 100644 --- a/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/solution.md +++ b/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/solution.md @@ -1,21 +1,21 @@ -Если совсем точно следовать условию, то сравнение должно быть строгим `'==='`. +To be precise, the `if` must use a strict comparison `'==='`. -В реальном случае, скорее всего, подойдёт обычное сравнение `'=='`. +In reality though, probably a simple `'=='` would do. ```js //+ no-beautify -if(browser == 'IE') { - alert('О, да у вас IE!'); +if(browser == 'Edge') { + alert("You've got the Edge!"); } else if (browser == 'Chrome' || browser == 'Firefox' || browser == 'Safari' || browser == 'Opera') { - alert('Да, и эти браузеры мы поддерживаем'); + alert( 'Okay we support these browsers too' ); } else { - alert('Мы надеемся, что и в вашем браузере все ок!'); + alert( 'We hope that this page looks ok!' ); } ``` -Обратите внимание: конструкция `browser == 'Chrome' || browser == 'Firefox' ...` разбита на несколько строк для лучшей читаемости. +Please note: the construct `browser == 'Chrome' || browser == 'Firefox' …` is split into multiple lines for better readability. -Но всё равно запись через `switch` нагляднее. \ No newline at end of file +But the `switch` is still neater and more descriptive. diff --git a/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/task.md b/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/task.md index 15bf197e..7b52a7f6 100644 --- a/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/task.md +++ b/1-js/2-first-steps/16-switch/1-rewrite-switch-if-else/task.md @@ -1,24 +1,24 @@ -# Напишите "if", аналогичный "switch" +# Rewrite the "switch" into an "if" [importance 5] -Напишите `if..else`, соответствующий следующему `switch`: +Write the code using `if..else` which would correspond to the following `switch`: ```js switch (browser) { - case 'IE': - alert( 'О, да у вас IE!' ); + case 'Edge': + alert( "You've got the Edge!" ); break; case 'Chrome': case 'Firefox': case 'Safari': case 'Opera': - alert( 'Да, и эти браузеры мы поддерживаем' ); + alert( 'Okay we support these browsers too' ); break; default: - alert( 'Мы надеемся, что и в вашем браузере все ок!' ); + alert( 'We hope that this page looks ok!' ); } ``` diff --git a/1-js/2-first-steps/16-switch/2-rewrite-if-switch/solution.md b/1-js/2-first-steps/16-switch/2-rewrite-if-switch/solution.md index ab738f53..331141a8 100644 --- a/1-js/2-first-steps/16-switch/2-rewrite-if-switch/solution.md +++ b/1-js/2-first-steps/16-switch/2-rewrite-if-switch/solution.md @@ -1,4 +1,4 @@ -Первые две проверки -- обычный `case`, третья разделена на два `case`: +The first two checks are a usual `case`. The third one is split into two cases: ```js //+ run @@ -22,6 +22,7 @@ switch (a) { } ``` -Обратите внимание: `break` внизу не обязателен, но ставится по "правилам хорошего тона". +Please note: the `break` at the bottom is not required. But we put it to make the code future-proof. + +In the future, there is a chance that we'd want to add one more `case`, for example `case 4`. And if we forget to add a break before it, at the end of `case 3`, there will be an error. So that's a kind of self-insurance. -Допустим, он не стоит. Есть шанс, что в будущем нам понадобится добавить в конец ещё один `case`, например `case 4`, и мы, вполне вероятно, забудем этот `break` поставить. В результате выполнение `case 2`/`case 3` продолжится на `case 4` и будет ошибка. diff --git a/1-js/2-first-steps/16-switch/2-rewrite-if-switch/task.md b/1-js/2-first-steps/16-switch/2-rewrite-if-switch/task.md index a542c993..14fb5669 100644 --- a/1-js/2-first-steps/16-switch/2-rewrite-if-switch/task.md +++ b/1-js/2-first-steps/16-switch/2-rewrite-if-switch/task.md @@ -1,8 +1,8 @@ -# Переписать if'ы в switch +# Rewrite "if" into "switch" [importance 4] -Перепишите код с использованием одной конструкции `switch`: +Rewrite the code below using a single `switch` statement: ```js //+ run diff --git a/1-js/2-first-steps/16-switch/article.md b/1-js/2-first-steps/16-switch/article.md index 9a1f8fff..53d65eb3 100644 --- a/1-js/2-first-steps/16-switch/article.md +++ b/1-js/2-first-steps/16-switch/article.md @@ -1,12 +1,13 @@ -# Конструкция switch +# The "switch" statement -Конструкция `switch` заменяет собой сразу несколько `if`. +A `switch` statement can replace multiple `if` checks. + +It gives a more descriptive way to compare a value with multiple variants. -Она представляет собой более наглядный способ сравнить выражение сразу с несколькими вариантами. [cut] -## Синтаксис +## The syntax -Выглядит она так: +It looks like this: ```js //+ no-beautify @@ -26,22 +27,16 @@ switch(x) { ``` -При этом `case` называют *вариантами `switch`*. +## An example -## Пример работы - -Пример использования `switch` (сработавший код выделен): +An example of `switch` (the executed code is highlighted): ```js //+ run @@ -49,28 +44,28 @@ var a = 2 + 2; switch (a) { case 3: - alert( 'Маловато' ); + alert( 'Too small' ); break; *!* case 4: - alert( 'В точку!' ); + alert( 'Exactly!' ); break; */!* case 5: - alert( 'Перебор' ); + alert( 'Too large' ); break; default: - alert( 'Я таких значений не знаю' ); + alert( "I don't know such values" ); } ``` -Здесь оператор `switch` последовательно сравнит `a` со всеми вариантами из `case`. +Here the `switch` starts to compare `a` from the first `case` variant that is `3`. The match fails. -Сначала `3`, затем -- так как нет совпадения -- `4`. Совпадение найдено, будет выполнен этот вариант, со строки `alert('В точку!')` и далее, до ближайшего `break`, который прервёт выполнение. +Then `4`. That's the match, so the execution starts from `case 4` and till the nearest `break`. -**Если `break` нет, то выполнение пойдёт ниже по следующим `case`, при этом остальные проверки игнорируются.** +**If there is no `break` then the execution continues with the next `case` without any checks.** -Пример без `break`: +An example without `break`: ```js //+ run @@ -78,36 +73,37 @@ var a = 2 + 2; switch (a) { case 3: - alert( 'Маловато' ); + alert( 'Too small' ); *!* case 4: - alert( 'В точку!' ); + alert( 'Exactly!' ); case 5: - alert( 'Перебор' ); + alert( 'Too big' ); default: - alert( 'Я таких значений не знаю' ); + alert( "I don't know such values" ); */!* } ``` -В примере выше последовательно выполнятся три `alert`: +In the example above we'll see sequential execution of three `alert`s: ```js -alert( 'В точку!' ); -alert( 'Перебор' ); -alert( 'Я таких значений не знаю' ); +alert( 'Exactly!' ); +alert( 'Too big' ); +alert( "I don't know such values" ); ``` -В `case` могут быть любые выражения, в том числе включающие в себя переменные и функции. +[smart header="Any expresion can be a `switch/case` argument"] +Both `switch` and case allow arbitrary expresions. -Например: +For example: ```js //+ run -var a = 1; +var a = "1"; var b = 0; -switch (a) { +switch (+a) { *!* case b + 1: alert( 1 ); @@ -115,72 +111,73 @@ switch (a) { */!* default: - alert('нет-нет, выполнится вариант выше') + alert('no-no, see the code above, it executes'); } ``` +[/smart] -## Группировка case +## Grouping of "case" -Несколько значений case можно группировать. +Several variants of `case` can be grouped. + +For example, if we want the same code for `case 3` and `case 5`: -В примере ниже `case 3` и `case 5` выполняют один и тот же код: ```js //+ run no-beautify -var a = 2+2; +var a = 2 + 2; switch (a) { case 4: - alert('Верно!'); + alert('Right!'); break; *!* case 3: // (*) - case 5: // (**) - alert('Неверно!'); - alert('Немного ошиблись, бывает.'); + case 5: + alert('Wrong!'); + alert('How about to take maths classes?'); break; */!* default: - alert('Странный результат, очень странный'); + alert('The result is strange. Really.'); } ``` -При `case 3` выполнение идёт со строки `(*)`, при `case 5` -- со строки `(**)`. +The grouping is just a side-effect of how `switch/case` works without `break`. Here the execution of `case 3` starts from the line `(*)` and goes through `case 5`, because there's no `break`. -## Тип имеет значение +## The type matters + +Let's emphase that the equality check is always strict. The values must be of the same type to match. + +For example, let's consider the code: -Следующий пример принимает значение от посетителя. ```js //+ run -var arg = prompt("Введите arg?") +var arg = prompt("Enter a value?") switch (arg) { case '0': case '1': - alert( 'Один или ноль' ); + alert( 'One or zero' ); case '2': - alert( 'Два' ); + alert( 'Two' ); break; case 3: - alert( 'Никогда не выполнится' ); + alert( 'Never executes!' ); default: - alert('Неизвестное значение: ' + arg) + alert( 'An unknown value' ) } ``` -Что оно выведет при вводе числа 0? Числа 1? 2? 3? +
      +
    1. For `0`, `1`, the first `alert` runs.
      2. +
    2. For `2` the second `alert` runs.
      3. +
    3. But for `3`, the result of the `prompt` is a string `"3"`, which is not strictly equal `===` to the number `3`. So we've got a dead code in `case 3`! The `default` variant will execite.
      4. +
    -Подумайте, выпишите свои ответы, исходя из текущего понимания работы `switch` и *потом* читайте дальше... - - diff --git a/1-js/2-first-steps/17-let-var-const/article.md b/1-js/2-first-steps/17-let-var-const/article.md new file mode 100644 index 00000000..3bcf3bf8 --- /dev/null +++ b/1-js/2-first-steps/17-let-var-const/article.md @@ -0,0 +1,5 @@ + +# Let, const and var revisited + +Now as we know most language syntax constructs, let's recall `let`, `var` and `const` and make sure we understand the difference. + diff --git a/1-js/2-first-steps/17-function-basics/1-if-else-required/solution.md b/1-js/2-first-steps/18-function-basics/1-if-else-required/solution.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/1-if-else-required/solution.md rename to 1-js/2-first-steps/18-function-basics/1-if-else-required/solution.md diff --git a/1-js/2-first-steps/17-function-basics/1-if-else-required/task.md b/1-js/2-first-steps/18-function-basics/1-if-else-required/task.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/1-if-else-required/task.md rename to 1-js/2-first-steps/18-function-basics/1-if-else-required/task.md diff --git a/1-js/2-first-steps/17-function-basics/2-rewrite-function-question-or/solution.md b/1-js/2-first-steps/18-function-basics/2-rewrite-function-question-or/solution.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/2-rewrite-function-question-or/solution.md rename to 1-js/2-first-steps/18-function-basics/2-rewrite-function-question-or/solution.md diff --git a/1-js/2-first-steps/17-function-basics/2-rewrite-function-question-or/task.md b/1-js/2-first-steps/18-function-basics/2-rewrite-function-question-or/task.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/2-rewrite-function-question-or/task.md rename to 1-js/2-first-steps/18-function-basics/2-rewrite-function-question-or/task.md diff --git a/1-js/2-first-steps/17-function-basics/3-min/solution.md b/1-js/2-first-steps/18-function-basics/3-min/solution.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/3-min/solution.md rename to 1-js/2-first-steps/18-function-basics/3-min/solution.md diff --git a/1-js/2-first-steps/17-function-basics/3-min/task.md b/1-js/2-first-steps/18-function-basics/3-min/task.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/3-min/task.md rename to 1-js/2-first-steps/18-function-basics/3-min/task.md diff --git a/1-js/2-first-steps/17-function-basics/4-pow/solution.md b/1-js/2-first-steps/18-function-basics/4-pow/solution.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/4-pow/solution.md rename to 1-js/2-first-steps/18-function-basics/4-pow/solution.md diff --git a/1-js/2-first-steps/17-function-basics/4-pow/task.md b/1-js/2-first-steps/18-function-basics/4-pow/task.md similarity index 100% rename from 1-js/2-first-steps/17-function-basics/4-pow/task.md rename to 1-js/2-first-steps/18-function-basics/4-pow/task.md diff --git a/1-js/2-first-steps/17-function-basics/article.md b/1-js/2-first-steps/18-function-basics/article.md similarity index 88% rename from 1-js/2-first-steps/17-function-basics/article.md rename to 1-js/2-first-steps/18-function-basics/article.md index a9fa6f16..44e56919 100644 --- a/1-js/2-first-steps/17-function-basics/article.md +++ b/1-js/2-first-steps/18-function-basics/article.md @@ -1,31 +1,37 @@ -# Функции +# Functions -Зачастую нам надо повторять одно и то же действие во многих частях программы. +Quite often we need to perform a similar action in many places of the script. -Например, красиво вывести сообщение необходимо при приветствии посетителя, при выходе посетителя с сайта, ещё где-нибудь. +For example, we need to show a nice-looking message when a visitor logs in, logs out and maybe somewhere else. + +Functions are the main "building blocks" of the program. They allow the code to be called many times without repetition. -Чтобы не повторять один и тот же код во многих местах, придуманы функции. Функции являются основными "строительными блоками" программы. [cut] -Примеры встроенных функций вы уже видели -- это `alert(message)`, `prompt(message, default)` и `confirm(question)`. Но можно создавать и свои. -## Объявление +We've already seen examples of built-in functions, like `alert(message)`, `prompt(message, default)` and `confirm(question)`. But we can create functions of our own as well. -Пример объявления функции: +## Definition + +An example of a function definition: ```js function showMessage() { - alert( 'Привет всем присутствующим!' ); + alert( 'Hello everyone!' ); } ``` -Вначале идет ключевое слово `function`, после него *имя функции*, затем *список параметров* в скобках (в примере выше он пустой) и *тело функции* -- код, который выполняется при её вызове. +The `function` keyword goes first, then follows the *name of the function*, then a list of *parameters* in the brackets (empty in the example above) and finally the code of the function, also named "the function body". -Объявленная функция доступна по имени, например: + + +Once defined, the function can be called by it's name. + +For instance: ```js //+ run function showMessage() { - alert( 'Привет всем присутствующим!' ); + alert( 'Hello everyone!' ); } *!* @@ -34,29 +40,35 @@ showMessage(); */!* ``` -Этот код выведет сообщение два раза. Уже здесь видна **главная цель создания функций: избавление от дублирования кода**. +The call executes the code of the function. Here we will see the message shown two times. -Если понадобится поменять сообщение или способ его вывода -- достаточно изменить его в одном месте: в функции, которая его выводит. +In this example we can see one of the main purposes of the functions: to evade code duplication. -## Локальные переменные +If we ever need to change the message or the way it is shown -- it's enough to modify the code in one place: the function which outputs it. -Функция может содержать *локальные* переменные, объявленные через `var`. Такие переменные видны только внутри функции: +## Local variables + +A function may declare *local* variables with `var`, `let` or `const`. + +These variables are only seen from inside the function: ```js //+ run function showMessage() { *!* - var message = 'Привет, я - Вася!'; // локальная переменная + var message = "Hello, I'm JavaScript!"; // local variable */!* alert( message ); } -showMessage(); // 'Привет, я - Вася!' +showMessage(); // Hello, I'm JavaScript! -alert( message ); // <-- будет ошибка, т.к. переменная видна только внутри +alert( message ); // <-- Error! The variable is local to the function ``` + + **Блоки `if/else`, `switch`, `for`, `while`, `do..while` не влияют на область видимости переменных.** При объявлении переменной в таких блоках, она всё равно будет видна во всей функции. diff --git a/1-js/2-first-steps/18-function-basics/function_basics.png b/1-js/2-first-steps/18-function-basics/function_basics.png new file mode 100644 index 00000000..ce18bdb3 Binary files /dev/null and b/1-js/2-first-steps/18-function-basics/function_basics.png differ diff --git a/1-js/2-first-steps/18-function-basics/function_basics@2x.png b/1-js/2-first-steps/18-function-basics/function_basics@2x.png new file mode 100644 index 00000000..6f24f030 Binary files /dev/null and b/1-js/2-first-steps/18-function-basics/function_basics@2x.png differ diff --git a/1-js/2-first-steps/18-function-declaration-expression/article.md b/1-js/2-first-steps/19-function-declaration-expression/article.md similarity index 100% rename from 1-js/2-first-steps/18-function-declaration-expression/article.md rename to 1-js/2-first-steps/19-function-declaration-expression/article.md diff --git a/1-js/2-first-steps/19-recursion/1-sum-to/solution.md b/1-js/2-first-steps/20-recursion/1-sum-to/solution.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/1-sum-to/solution.md rename to 1-js/2-first-steps/20-recursion/1-sum-to/solution.md diff --git a/1-js/2-first-steps/19-recursion/1-sum-to/task.md b/1-js/2-first-steps/20-recursion/1-sum-to/task.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/1-sum-to/task.md rename to 1-js/2-first-steps/20-recursion/1-sum-to/task.md diff --git a/1-js/2-first-steps/19-recursion/2-factorial/solution.md b/1-js/2-first-steps/20-recursion/2-factorial/solution.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/2-factorial/solution.md rename to 1-js/2-first-steps/20-recursion/2-factorial/solution.md diff --git a/1-js/2-first-steps/19-recursion/2-factorial/task.md b/1-js/2-first-steps/20-recursion/2-factorial/task.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/2-factorial/task.md rename to 1-js/2-first-steps/20-recursion/2-factorial/task.md diff --git a/1-js/2-first-steps/19-recursion/3-fibonacci-numbers/solution.md b/1-js/2-first-steps/20-recursion/3-fibonacci-numbers/solution.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/3-fibonacci-numbers/solution.md rename to 1-js/2-first-steps/20-recursion/3-fibonacci-numbers/solution.md diff --git a/1-js/2-first-steps/19-recursion/3-fibonacci-numbers/task.md b/1-js/2-first-steps/20-recursion/3-fibonacci-numbers/task.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/3-fibonacci-numbers/task.md rename to 1-js/2-first-steps/20-recursion/3-fibonacci-numbers/task.md diff --git a/1-js/2-first-steps/19-recursion/article.md b/1-js/2-first-steps/20-recursion/article.md similarity index 100% rename from 1-js/2-first-steps/19-recursion/article.md rename to 1-js/2-first-steps/20-recursion/article.md diff --git a/1-js/2-first-steps/20-named-function-expression/1-nfe-check/solution.md b/1-js/2-first-steps/21-named-function-expression/1-nfe-check/solution.md similarity index 100% rename from 1-js/2-first-steps/20-named-function-expression/1-nfe-check/solution.md rename to 1-js/2-first-steps/21-named-function-expression/1-nfe-check/solution.md diff --git a/1-js/2-first-steps/20-named-function-expression/1-nfe-check/task.md b/1-js/2-first-steps/21-named-function-expression/1-nfe-check/task.md similarity index 100% rename from 1-js/2-first-steps/20-named-function-expression/1-nfe-check/task.md rename to 1-js/2-first-steps/21-named-function-expression/1-nfe-check/task.md diff --git a/1-js/2-first-steps/20-named-function-expression/article.md b/1-js/2-first-steps/21-named-function-expression/article.md similarity index 100% rename from 1-js/2-first-steps/20-named-function-expression/article.md rename to 1-js/2-first-steps/21-named-function-expression/article.md diff --git a/1-js/2-first-steps/21-javascript-specials/article.md b/1-js/2-first-steps/22-javascript-specials/article.md similarity index 100% rename from 1-js/2-first-steps/21-javascript-specials/article.md rename to 1-js/2-first-steps/22-javascript-specials/article.md