Mill

Производство современных корзин для мусора

→ Жанр: #LandingPage
→ Сложность: #средний
→ Язык: #EN
→ Адаптив: Нет

@proglish

Открыть макет 🔐

TURN ON THE SYNTHWAVE

Переключатель темы, реализованный при помощи JavaScript и CSS.

@proglish

Посмотреть код 👀

Задача по JavaScript

Подсчет стран в массиве объектов

Даны города и их страны следующей структуре:
let data = [
{
country: 'Россия',
city: 'Москва',
},
{
country: 'Беларусь',
city: 'Минск',
},
{
country: 'Россия',
city: 'Питер',
},
{
country: 'Россия',
city: 'Владивосток',
},
{
country: 'Украина',
city: 'Львов',
},
{
country: 'Беларусь',
city: 'Могилев',
},
{
country: 'Украина',
city: 'Киев',
},
];

Подсчитайте количество стран. В качестве результата получите объект, в котором ключами будут страны, а значениями - их количество.

Свой вариант напишите в комментариях

@proglish

Атрибуты класса и атрибуты экземпляра (ч.1)

Переменные класса и переменные в экземплярах класса внутренне обрабатываются как словари объекта класса. Если имя переменной не найдено в словаре текущего класса, выполняется поиск по нему в родительских классах.

@proglish

📣9 ФРАЗОВЫХ ГЛАГОЛОВ С “Make”

1️⃣Make up - придумывать, составлять (рассказ и т. д.)
2️⃣Make out - различать, понимать (что-либо трудное для восприятия)
3️⃣Make up for - компенсировать, возмещать (недостаток или упущение)
4️⃣Make off - убегать, сматываться (обычно с целью избежать наказания)
5️⃣Make up with - помириться с (кем-то)
6️⃣Make for - направляться к (чему-либо), способствовать
7️⃣Make into - превращать в (что-либо)
8️⃣Make of - понимать, считать, иметь мнение о (чем-либо)
9️⃣Make do - обходиться, управляться с тем, что есть

@proglish

Самые необходимые фразовые глаголы

@proglish

Всем доброго времени суток, друзья!👋 У нас отличные новости: уже 10 марта в 14:00 по мск состоится наш Speaking Club! Ссылка на гугл митс будет размещена здесь. Приглашаем всех желающих присоединиться. Будем рады видеть вас!😊

Monkeytype

Это веб-сайт для тестирования скорости печати, который предлагает разнообразные режимы тестирования и настраиваемые функции. К ним относятся упрощенный дизайн, режим концентрации, индикация ошибок, подсчет слов в минуту, режимы с пунктуацией, плавное движение курсора, система рейтинга, интересные тесты и многое другое.

@proglish

Image gallery with flex-grow

Пример галереи изображений на CSS + HTML с эффектом наведения.

@proglish

Посмотреть код 👀

Задача по JavaScript

Дополнение массива до заданного размера

Реализуйте функцию, которая будет дополнять массив заданными элементами до заданного размера. Пример работы такой функции:
let res = func([1, 2, 3], 6, 0); // дополним нулями до размера 6
console.log(res); // выведет [1, 2, 3, 0, 0, 0]

Свой вариант напишите в комментариях

@proglish

Notion
Runway
Brandmark
Cybervoice
Midjorney

@proglish

Homepage

Лендинг студии дизайна интерьера

→ Жанр: #LandingPage
→ Сложность: #средний
→ Язык: #EN
→ Адаптив: Нет

@proglish

Открыть макет 🔐

ФРАЗОВЫЕ ГЛАГОЛЫ👇

Come across - Столкнуться с
Turn down - Отклонить
Get over - Поправиться после
Look after - Заботиться о
Look forward to - Ждать с нетерпением
Put off - Отложить
Run into - Столкнуться с
Get along with - Ладить с
Turn up - Появиться
Break down - Сломаться
Carry out - Выполнить
Come up with - Придумать
Give back - Вернуть
Put on - Надеть
Pick up - Подобрать
Look out - Остерегаться
Take out - Вытащить
Turn off - Выключить
Check out - Проверить
Come over - Заглянуть в гости
Get in - Войти
Go on - Продолжать
"Go back" - "Вернуться
Hold up - Задержать
Show up - Появиться

@proglish

IOS style scrolling dock with scroll-driven animation

Док-панель в стиле IOS с возможностью скроллинга.

@proglish

Посмотреть код 👀

Задача по JavaScript

Ссылки на блоки страницы

Дана фиксированная менюшка, ссылающаяся на определенные блоки страницы. Сделайте так, чтобы по мере прокрутки страницы, когда страница прокручена на определенном блоке, в меню выделялась соответствующая ссылка.

Свой вариант напишите в комментариях

@proglish

Недостатки map()

К недостаткам map(), так же как и в случае с filter(), можно отнести «ленивую оценку» (Lazy Evaluation). Создатели языка сделали немало в 3-й версии, чтобы улучшить производительность языка, и потому вместо обработанного объекта по умолчанию нам возвращается ссылка на итератор. Пока мы не обернем ее в list() или другой метод, обработка функцией-дочкой еще не произошла.

Это неплохо на малых оборотах, но на практике, где данные весьма разнообразны, без просмотра результата вероятность ошибок на проде увеличивается: мы просто не увидим потенциальных проблем.

@proglish