Вёрстка сайтов | HTML, CSS, JS
4.79K subscribers
650 photos
3 videos
4 files
1.1K links
👋 Привет, друг!

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

Связь: @Tigran1963
Download Telegram
Какой атрибут тега <ol> начинает нумерацию списка с определённого значения?
Anonymous Quiz
10%
type
22%
number
17%
value
40%
start
5%
begin
7%
Посмотреть ответы
👍42
CSS свойства, про которых ты не знал

Смотреть 👨‍💻

#css | #полезности
👍31
Задача: Проверка на палиндром

Напишите функцию, которая принимает строку и возвращает true, если строка является палиндромом, и false в противном случае. Палиндром - это строка, которая читается одинаково как с начала, так и с конца, игнорируя пробелы, знаки препинания и регистр символов.

Примеры палиндромов:
"А роза упала на лапу Азора"
"Аргентина манит негра"
"А муза рада за дуза муз А"

Пример использования:
console.log(isPalindrome("А роза упала на лапу Азора")); // true
console.log(isPalindrome("Hello, World!")); // false


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

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

Посмотреть макет 👨‍💻

#макетдлятренировки
Атрибут autofocus

Атрибут autofocus в HTML используется для установки фокуса на определенный элемент формы при загрузке страницы. Когда атрибут autofocus присутствует в теге элемента формы, этот элемент автоматически получает фокус, что позволяет пользователям сразу начать вводить данные без необходимости щелкать на поле ввода.

Пример использования атрибута autofocus:
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name" autofocus>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Отправить">
</form>


В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.

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

#html | #теория
👍3
Какой псевдокласс сработает при установке курсора в текстовое поле?
Anonymous Quiz
21%
:hover
14%
:active
2%
:not(:disabled)
55%
:focus
3%
:visited
5%
Посмотреть ответы
Макет для тренировки (aesop)

Посмотреть макет 👨‍💻

#макетдлятренировки
👍21
Задача: Создание интерактивной формы регистрации

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

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

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

#домашка
👍3
С помощью какого ключевого слова можна присвоить метод самой функции-классу, а не ее "prototype"?
Anonymous Quiz
18%
public
30%
get
29%
set
23%
static
👍6👎1
Макет для тренировки (трикотаж)

Посмотреть макет 👨‍💻

#макетдлятренировки
👏5👍1
Джун, мидл, сеньор. В чем разница?

Читать 👨‍💻

#полезности
👍1🦄1