Slack

Ваша цифровая штаб-квартира 

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

@proglish

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

Balloon Bears

Небольшая игра, созданная на React с использованием gsap.

@proglish

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

Задача по JavaScript


Адаптация ширины инпута


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

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


@proglish

__init__

Если у вас есть определенные классы в Python, вы обязательно встретитесь с методом init. Он отвечает за инициализацию экземпляра класса, поэтому именно в нем вы обычно устанавливаете его неотъемлемые атрибуты – например, длина ребра квадрата.

@proglish

O.A.D.

Магазин одежды

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

@proglish

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

Sassy Search Bar

Строка поиска с подсказками.

@proglish

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

Задача по JavaScript


Центральный квадратик таблицы


Дана прямоугольная HTML таблица с четным количеством рядов и колонок. По нажатию на кнопку выделите 4 центральных ячейки этой таблицы.


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


@proglish

Локальная (Local) и глобальная (Global)

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

Заполучить вторую переменную local в сниппете ниже можно только при вызове func().

@proglish

🌟 Внимание, будущие фронтенд-разработчики! 🚀

Приветствуем вас в нашем творческом сообществе! Мы рады напомнить, что наш эксклюзивный бесплатный курс по фронтенд-разработке стартует уже 1 апреля. Это ваш шанс погрузиться в мир веб-технологий и приобрести востребованные навыки.

Мы ограничены в количестве, и для трёх счастливчиков ещё остались места. Не упустите свой шанс стать частью этого захватывающего путешествия в мир кода и веб-дизайна!

Забронируйте свое место прямо сейчас и начните свой путь к успеху в индустрии фронтенд-разработки вместе с нами. Скорее, места заканчиваются!


https://t.me/+ap5NTSZqLDZlMzgy

Mailchimp

Интегрированная универсальная маркетинговая платформа для вашего бизнеса

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

@proglish

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

Responsive Social Platform UI

Адаптивный интерфейс социальной платформы.

@proglish

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

Задача по JavaScript


Передвижение таблицы


Дана квадратная HTML таблица произвольного размера:
01 02 03 04
05 06 07 08
09 10 11 12
13 14 15 16

По клику на кнопку передвиньте ячейки таблицы по кругу:
16 01 02 03
04 05 06 07
08 09 10 11
12 13 14 15


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


@proglish

Охватывающая (Enclosing)

Позволяет «выходить» из локальной о.в. на верхний уровень — но не глобальный. Допустим, у нас есть функция func1(), в которой определена еще одна функция func2(). Оператор nonlocal позволяет внутренней переменной enclosing выйти на уровень видимости «верховной» функции.

Такие звери нужны, если вы используете вложенные функции, что в целом случается нечасто. Самый простой пример употребления – цикл внутри цикла, счетчик i и снаружи, и внутри.

@proglish