Задача 250
Площадь с учетом перекрытий

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

Задача 251
Множественное соединение центров

Даны три дива. Соедините линией центры этих дивов.

Задача 252
Снег

Напишите скрипт, который сделает снег на странице браузера.

Задача 253
Описанный круг

Дан квадратный див. Напишите скрипт, который опишет круг вокруг этого дива.

Задача 254
Расширяем строки

Сделайте так, чтобы у всех строк появился метод ucFirst, который будет переводить первый символ строки в верхний регистр.

Задача 255
Подсчет слов

В текстареа вводится текст со словами. По потери фокуса сделайте таблицу, в первой колонке которой будут слова из текста, во второй колонке - количество раз, которое это слово встречается, а в третьей - процентное содержание этого слова в текста.

Задача 256
Сортировка по количеству

Дан массив:
[
[1, 2, 3],
[1, 2],
[1, 2, 3, 4, 5],
[1],
[1, 2, 3, 4],
]

Отсортируйте элементы массива по возрастанию количества элементов в подмассиве.

Задача 257
Сортировка по сумме

Дан массив:
[
[2, 4, 5],
[1, 2, 3],
[0, 1, 1],
[5, 7, 1],
]

Отсортируйте элементы массива по возрастанию суммы элементов подмассива.

Задача 258
Пирамидка

Выведите на экран следующую пирамидку:
x
xx
xxx
xxxx
xxxxx

Задача 259
Слияние в числа

Дан массив, подмассивы которого содержат цифры:
[
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
]

Слейте элементы этого массива в числа:
[123, 456, 789]

Задача 260
Двойная пирамидка

Выведите на экран следующую пирамидку:
xx
xxxx
xxxxxx
xxxxxxxx
xxxxxxxxxx

Задача 261
Заполнение массива до квадрата

Дан следующий массив:
let arr = [1, 2, 3, 4, 5, 6];

Дано также число:
let num = 3;

Добавьте в приведенный массив столько пустых строк, чтобы длина массива стала равна квадрату числа из переменной.

Задача 262
Пирамидка-столбец

Выведите на экран следующую пирамидку:

111
222
333
444
555
666
777
888
999

КУРСЫ по React + Redux + Zustand
занятия в минигруппах

Лектор: Трепачёв Дмитрий, автор сайта code.mu
Расписание: ср, пт в 20.00-20.45 по Москве
Продолжительность: 11 лекций + 1 месяц практика

Для записи на занятия пишите мне в личку:
в личку @trepachev_dmitry

Начало: по набору минигруппы (минимум 3 человека),
но не позже 6-го марта.

Стоимость: 100$ за курс.
при записи до 18-го февраля СКИДКА: 75$ за курс.
возможна оплата в рассрочку несколькими платежами

при записи 12-13 февраля БОНУС:
дополнительный курсы:
1. Курс по TypeScript
2. Курс по React на TypeScript


В рамках курса вы сможете изучить фреймворк React с нуля до нужного для работы уровня, а затем закрепить полученные знания на практике.


Как проходит: на лекциях я буду демонстрировать свой экран и рассказывать теорию. После каждой лекции вы будете получать домашнее задание. Вопросы можно задавать как на лекции, так и в любое время, без ограничений! Если у вас что-то не будет получаться, то я буду подключаться к вашему экрану и помогать на месте.

После окончания курса - практика. Под моим руководством вы сможете реализовать 3 учебных проекта для закрепления навыков. После учебных проектов каждому участнику я выдам еще 2 персональных проекта. Эти проекты будут выложены на хостинг и вы сможете добавить их в портфолио.

---

Программа:

1
Введение в JSX

2
События. Условия

3
Циклы. Стейты. Реактивность.

4
Компоненты.

5
Стилизация.

6,7
Хуки

8
React Router

9,10
Redux

11
Zustand


Бонус:
React на TypeScript
Выкладка React сайта на хостинг

Задача 263
Группировка по буквам

Дан массив со словами. Выведите слова, начинающиеся на одинаковые буквы в своем отдельном списке ul. Над каждым списком сделайте h2 с названием буквы, для которой сделан список.

Задача 264
Поиск слова

Дан абзац со словами и инпут. В инпут вводится слово. По клику на кнопку найдите это слово в абзаце и покрасьте его в красный цвет.

Задача 265
Активация ссылки

Дано меню со ссылками. Покрасьте в красный цвет ту ссылку, адрес которой совпадает с URL из адресной строки браузера.

Задача 266
Перевернутая пирамидка

Выведите на экран следующую пирамидку:
xxxxx
xxxx
xxx
xx
x

Задача 267
Разложение на два множителя

Дан инпут, кнопка и список ul. В инпут вводится число. По клику на кнопку выведите список всех возможных вариантов разложения числа на два множителя.

Задача 268
Селекты городов и стран

Даны два селекта. В первом селекте выводятся страны. Сделайте так, чтобы во втором селекте выводились города выбранной страны.

Задача 269
Выпадающее меню

Дано меню со ссылками. Сделайте так, чтобы по клику на ссылку меню под ней выпадало подменю.