Open

Масштабирование компании

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

@proglish

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

Stars rating animation

Анимированный виджет рейтинга.

@proglish

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

Задача по JavaScript


Стрелка на канвасе


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


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


@proglish

Функции

В название функции часто добавляются сказуемое (глагол или причастие). Однако в моей практике для разграничения похожих функций удобнее приписывать еще и дополнение.

@proglish

Klarna

Покупки

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

@proglish

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

Draw2Img

Веб-приложение для создания изображений, подходящее для всех уровней мастерства. Оно включает интерактивный холст, инструменты рисования, возможность создания изображений в реальном времени с SDXL-turbo и настраиваемые параметры. Поддерживает экспорт в PNG и JSON.

@proglish

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

Задача по JavaScript


Разница между датами


Даны две даты в формате год-месяц-день. Найдите разницу в днях между этими датами.


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


@proglish

Оператор is()

is() проверяет, являются ли два операнда одним и тем же объектом, то есть указывают ли они на один и тот же объект в памяти.

@proglish

Clean

Целевая страница

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

@proglish

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

changedetection.io

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

@proglish

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

Задача по JavaScript


Авто перехода фокуса инпутов


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


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


@proglish

Генераторы списков (List Comprehension)

Для создания нового списка, где к каждому элементу применена функция. Это обеспечивает читаемость и отрабатывается компилятором быстрее.

@proglish

Alivio template

Персональный дневник 

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

@proglish

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

ChatGPT-web

Веб-интерфейс для API OpenAI ChatGPT, который обладает открытым исходным кодом и легкостью настройки. Все беседы и сообщения хранятся конфиденциально в локальном хранилище, а также удобен в использовании на мобильных устройствах.

@proglish

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

Задача по JavaScript


Выделение текста


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


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


@proglish

Извлечение части списка (Slicing)

Используйте извлечение части списка – слайсинг с указанием индексов начального и конечного элементов. Вместо того, чтобы создавать копию my_list, в примере ниже мы напрямую обращаемся к этому объекту. Это рациональное расходование памяти, и на больших объемах данных вы точно оцените эту фичу.

@proglish

Window

Персонализированная торговая платформа

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

@proglish

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

Notepad Next

Notepad++ доступен на Windows, GNU/Linux и MacOS, но не совсем безопасен для критически важной работы.

@proglish

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

Задача по JavaScript


Выбор даты селектами


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

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


@proglish

Лишняя точка с запятой

В отличие от JavaScript, где точка с запятой используется для
отделения инструкций друг от друга, в Python она просто не нужна.

Это настолько частая ошибка, что многие интерпретаторы игнорируют «;» и выполняют код так, как будто её нет.

@proglish