Вайб-кодинг – Telegram
Вайб-кодинг
26.2K subscribers
1.51K photos
519 videos
30 files
711 links
Авторский канал по ВАЙБ КОДИНГУ

Ссылка для друзей: https://news.1rj.ru/str/+ll3pbl442dNkZmYy

Связь: @devmangx
По контенту: @codingpepe

РКН: https://clck.ru/3RRVfk
Download Telegram
С атрибутом multiple можно выбрать несколько файлов в input, либо несколько вариантов в списке select.

#HTML
Существует два вида синтаксиса для обращения к значению свойства объекта, в обоих случаях используется имя свойства.

✓ Самый распространённый способ — с помощью точки
✓ Альтернативно для чтения можно использовать квадратные скобки

Если прочитать свойство, которого нет у объекта, то вернётся undefined

#JavaScript
Псевдокласс :root нужен для обращения к самому главному родительскому элементу документа. Его также называют корневым элементом. В случае HTML-документа самым главным родителем всей страницы будет тег html.

#CSS
Чтобы получить содержимое ячейки с этим номером, необходимо обратиться к конкретному индексу. Если ячейка пустая или такой ячейки нет, то JavaScript вернёт undefined

#JavaScript
Псевдокласс :focus-within применяется к элементам, которые либо сами находятся в фокусе, либо имеют дочерние элементы в фокусе.

#CSS
Подсказка — это компонент, который предоставляет пользователю дополнительную информацию. Целью всплывающих подсказок является предоставление пользователям некритической или дополнительной информации.

Такая подсказка объясняет пользователю функцию кнопки с иконкой. Также она может содержать сочетание клавиш функции.

#UX_UI
Тег meter используется для визуального отображения числового значения в заданном диапазоне. Браузеры, поддерживающие этот тег, отрисовывают его в виде прогресс-бара, заполненного в зависимости от значения атрибута value и раскрашенного в системные цвета.

#HTML
Функции — это объект первого класса. Это означает, что функцию можно использовать так же, как и другие типы данных: сохранять в переменную, передавать аргументом и возвращать из функции.

Технически, функция — это объект JavaScript, у которого есть внутренний метод Call(), который добавляет возможность вызова функции.

#JavaScript
Псевдоэлемент ::first-line позволяет задать стили для первой строки текста, расположенного внутри блочного элемента. Текст, попадающий под действие этого псевдоэлемента, вычисляется динамически при изменении ширины блока.

#CSS
Необходимо выделять формат ввода с помощью placeholder.

#UX_UI
С помощью тега area можно сделать красивую навигацию, разметив обычную картинку областями и указав для них ссылки.

#HTML
Спред-синтаксис (spread) ... позволяет передавать итерируемые коллекции (например, массивы или строки) как список аргументов функции или добавлять содержащиеся в них элементы в новый массив.

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

#JavaScript
Псевдоэлемент ::first-leter позволяет задать стили для первой буквы первой строки блочного элемента, если перед текстом нет другого содержимого.

#CSS
Существует категория HTML-атрибутов, которые можно применить к любому или почти любому HTML-тегу.

Пример глобального атрибута, с которым вы точно работаете постоянно — class. Его можно задать абсолютно любому тегу.

#HTML
Псевдоэлемент ::selection позволяет применить стили к пользовательскому выделению (например, к выделенному с помощью мыши тексту) и изменить его вид. Это полезно, если необходимо оформить выделение текста в соответствии с конкретным дизайном.

#CSS
Для улучшения пользовательского интерфейса, используйте регистр заголовка вместо верхнего регистра.

#UX_UI
Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно.

Используется как компактная замена условного оператора if...else.

#JavaScript
Тег dialog создаёт всплывающее окно или диалог. По умолчанию не показывается на странице.

Может открываться в двух режимах:
всплывающее окно — не блокирует взаимодействие со страницей;
модальное окно — откроется поверх страницы, имеет фоновое затемнение, остальной контент не доступен для взаимодействия.

#HTML
Псевдокласс :checked активируется, когда пользователь отмечает чекбокс или выбирает одну из радиокнопок. С его помощью удобно стилизовать эти элементы в их активном состоянии.

#CSS
Спред на объектах используют в библиотеке React. Программист может передать в функцию объект с произвольными свойствами, но мы хотим запретить устанавливать некоторые из них. В этом случае создаётся новый объект, в который сначала копируются присланные значения, а потом значения «запрещённых» свойств. В этом случае даже если запрещённое свойство было передано, оно будет перезаписано.

#JavaScript
Не используйте модальные окна для рейтинга в отзывах. Это усложняет их функционал.

#UX_UI