WEB: Базовый курс Javascript

Тест 1. Числа, строки, ветвления, циклы

// вычислить сумму всех натуральных от 1 до n
function sumToN(n) { ... }

// вычислить сумму всех целых чисел от m до n
function sumFromMToN(m, n) { ... }

// вычислить n-е число Фибоначчи
function fib(n) { ... }

// вычислить n!
function factorial(n) { ... }

// вычислить x в степени n
function pow(x, n) { ... }

// перевернуть строку s
function reverse(s) { ... }

// вычислить n-е простое число
function simple(n) { ... }

Тест 2. Массивы, объекты, работа с датой

// вычислить сумму всех элементов массива
function calcArraySum(arr) { ... }

// вернуть новый массив, состоящий только их чётных элементов
function getEvenElements(arr) { ... }

// вычислить количество свойств объекта
function getLength(obj) { ... }

// вычислить день недели в указанную дату
function getDayOfWeek(year, month, day) { ... }

Тест 3. Область видимость, замыкания

// получить функцию, которая считает, сколько раз она вызывается
// var counter = getCounter()
// counter() - вернёт 1
// counter() - вернёт 2
function getCounter() { ... }

// multiplex(4)(5) --> 20
function multiplex() { ... }

// получить функцию, которая умеет здороваться и прощаться с определённым человеком
// hello = getHellower("Вася")
// hello() - вернёт "Привет, Вася"
// hello() - вернёт "Уже здоровались"
// hello() - вернёт "Пока, Вася"
function getHellower() { ... }

Задание 4

Написать калькулятор на JS

Примеры: https://jsfiddle.net/katyka/tao0jwb4/1/

Задание 5

Написать игру на JS + Canvas

Примеры: https://jsfiddle.net/bg1zr001/

Задание 6

Сделать слайдер

Задание 7

Сделать выпадающий список

Зачётное задание

Написать реализацию функции

// получить среднее арифметическое значение a и b
function getAverage(a, b) { ... }

Написать реализацию функции

// написать все слова в строке s в обратном порядке
function getReverseByWords(s) { ... }

Написать реализацию функции

// получить среднее арифметическое значение всех аргументов функции
function getAverageMany(a, b, c...) { ... }

Написать реализацию функции

// вернуть из массива arr новый массив состоящий только из чисел лежащих между a и b
function getFilterRange(arr, a, b) { ... }

Написать реализацию функции

// вернуть true, если объект пуст, иначе - false
function isEmpty(obj) { ... }

Написать реализацию функции

// вернуть объект, у которого есть методы sayColor и saySize
// Пример:
// var apple = getApple('красный', 'большое');
// apple.sayColor() -> 'мой цвет - красный'
// apple.saySize() -> 'мой размер - большое'
function getApple(color, size) { ... }

Реализовать раскрытие блока на полную высоту по клику на кнопку

<div style="width:300px;height:200px; padding: 0;overflow: auto; border:1px solid black;">
  текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</div>
<button>Раскрыть</button>

Написать код, который для каждого узла списка выводит его заголовок и количество вложенных узлов

<ul>
  <li>Животные
    <ul>
      <li>Млекопитающие
        <ul>
          <li>Коровы</li>
          <li>Ослы</li>
          <li>Собаки</li>
          <li>Тигры</li>
        </ul>
      </li>
      <li>Другие
        <ul>
          <li>Змеи</li>
          <li>Птицы</li>
          <li>Ящерицы</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Рыбы
    <ul>
      <li>Аквариумные
        <ul>
          <li>Гуппи</li>
          <li>Скалярии</li>
        </ul>
      </li>
      <li>Морские
        <ul>
          <li>Морская форель</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Реализовать выпадающие списки. При клике на родителя вложенный список скрывается, заголовок подсвечивается. При клике на подсвеченный заголовок вложенный список раскрывается обратно

<ul class="tree">
  <li>Животные
    <ul>
      <li>Млекопитающие
        <ul>
          <li>Коровы</li>
          <li>Ослы</li>
          <li>Собаки</li>
          <li>Тигры</li>
        </ul>
      </li>
      <li>Другие
        <ul>
          <li>Змеи</li>
          <li>Птицы</li>
          <li>Ящерицы</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Рыбы
    <ul>
      <li>Аквариумные
        <ul>
          <li>Гуппи</li>
          <li>Скалярии</li>
        </ul>
      </li>
      <li>Морские
        <ul>
          <li>Морская форель</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Реализовать сортировку строк таблицы по клику на заголовок.

  <table>
    <thead>
      <tr>
        <th>Возраст</th>
        <th>Имя</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>5</td>
        <td>Вася</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Петя</td>
      </tr>
      <tr>
        <td>12</td>
        <td>Женя</td>
      </tr>
      <tr>
        <td>9</td>
        <td>Маша</td>
      </tr>
      <tr>
        <td>1</td>
        <td>Илья</td>
      </tr>
    </tbody>
  </table>