Вёрстка сайтов | HTML, CSS, JS
4.82K subscribers
636 photos
1 video
4 files
1.08K links
👋 Привет, друг!

В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду.
Присоединяйся и начинай учиться!

Связь: @Tigran1963
Download Telegram
Задача: "Сгруппировать одинаковые слова"

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

const words = ["listen", "silent", "enlist", "hello", "ohlle", "world"];


Ожидаемый результат:
[
["listen", "silent", "enlist"],
["hello", "ohlle"],
["world"]
]


Условия:
Порядок групп и слов внутри групп не важен.
Используй чистый JavaScript, без сторонних библиотек.

#домашка
👍3
Задача: Группировка по первому символу

Напиши функцию groupByFirstLetter, которая принимает массив строк и возвращает объект, где ключами являются первые буквы строк (в нижнем регистре), а значениями — массивы строк, начинающихся на эту букву.

Пример:
const input = ["Apple", "apricot", "banana", "Avocado", "Blueberry", "cherry"];
const result = groupByFirstLetter(input);
console.log(result);


Ожидаемый вывод:
{
a: ["Apple", "apricot", "Avocado"],
b: ["banana", "Blueberry"],
c: ["cherry"]
}


Условия:
Игнорируй регистр при группировке (т.е. "Apple" и "avocado" — одна группа).
Порядок элементов внутри групп сохраняй.
Пустые строки можно игнорировать.

#домашка
👍1
Макет для тренировки (maison montrose)

Перейти к макету 🧑‍💻

#практика | #макет
👍2👎1
Задача: Создание интерактивной формы регистрации

Описание задачи:
Создайте простую веб-страницу с формой регистрации. Форма должна содержать поля для ввода имени, электронной почты и пароля. Пользователь должен увидеть сообщение об ошибке, если введенные данные не соответствуют следующим требованиям:
- Имя: не может быть пустым и должно содержать минимум 3 символа.
- Электронная почта: должна быть в формате email (например, user@example.com).
- Пароль: должен содержать минимум 8 символов, хотя бы одну цифру и одну заглавную букву.

Требования:
- HTML для создания формы.
- CSS для стилизации формы.
- JavaScript для проверки введенных данных в реальном времени и отображения соответствующих сообщений об ошибках.

Шаги:
- Создайте HTML файл с формой.
- Стилизуйте форму с помощью CSS.
- Добавьте JavaScript код для валидации полей формы в реальном времени.

#домашка
2👍1