Задача по 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

PORTEN

Портфолио

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

@proglish

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

screenshot-to-code

Приложение превращает скриншоты в HTML и CSS код, используя GPT-4 Vision для генерации кода и DALL-E 3 для создания схожих изображений. Основано на React/Vite для интерфейса и FastAPI для серверной части, требует ключ API OpenAI для доступа к GPT-4 Vision.

@proglish

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

Задача по JavaScript


Получение элементов многомерного объекта


Дан многомерный объект произвольного уровня вложенности:
let obj = {
a: {
b: {
c: '+++'
}
}
};

Сделайте функцию, с помощью которой можно будет получить значения элемента с любого уровня вложенности, указав ключи последовательно через точку:
let res = func('a.b.c');
console.log(res); // '+++'


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


@proglish

В чём разница между типами list и tuple?

В Python, список (list) и кортеж (tuple) являются двумя различными типами данных, которые предоставляют набор элементов в определенном порядке. Основная разница между ними заключается в том, что список может быть изменен (мутабельный тип), а кортеж является неизменяемым (иммутабельным типом).

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

@proglish