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

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

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

РКН: https://clck.ru/3RRVfk
Download Telegram
Возвращает итератор, который обходит массив пар [значение, значение] коллекции Set в порядке добавления этих значений в коллекцию.

Обычно метод entries() возвращает итератор с парой [ключ, значение] коллекции, но так как коллекции Set не имеют ключей, то для поддержки универсального интерфейса итератор возвращает пару из одного и того же значения.

Метод используется редко.

#JavaScript
При работе с иконками в быстром меню необходимо помнить: пользователь довольно индивидуальная личность с огромным багажем опыта и может интерпретировать иконки опираясь на него.

Лучшее решение - добавить текстовую подпись рядом с иконками, которая будет точно описывать ее использование. Не нужно добавлять длинные и тяжелые формулировки, необходимо писать коротко и по делу.

#UX_UI
Селектор ::first-line найдет первую строку в HTML-элементе и изменит ее стиль. Для этого не нужно использовать какую-либо магию JavaScript. 

#CSS
Тег s обозначает содержимое, которое уже не корректно или потеряло актуальность.

Тег s стоит использовать только для незначительных правок, таких как обновление цены. Для обозначения значимых правок в тексте, которые важно зафиксировать, используются теги del и ins.

#HTML
Для записи в ячейку массива используйте комбинацию чтения и оператора присваивания.

#JavaScript
Для улучшения пользовательского интерфейса нужно добавить цветовое различие, чтобы выделить важные классификации.

#UX_UI
Цепочка перечисленных через пробел селекторов обозначает вложенность от родительских элементов к потомку. Это позволяет управлять стилями вложенных элементов.

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

#CSS
Часто возникают ситуации, когда на основе одного массива нужно создать другой массив, как-нибудь трансформировав исходные значения. Это можно сделать, используя обычные циклы for или while.

#JavaScript
Тег wbr указывает браузеру место, где допускается делать перенос строки в тексте, если текст не влезает в родительский элемент. Это полезно для адаптивной вёрстки если у вас в тексте есть длинные слова или, например, ссылки.

#HTML
Селектор по атрибуту находит элемент на странице по значению либо по наличию атрибута.

#CSS
Копирование массива.
Массив — большая структура, и она не вмещается в одну переменную. Переменная хранит адрес, где находится массив. Если этого не знать, то результат такого кода будет выглядеть странно.

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

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

#UX_UI
Копия массива создаётся с помощью метода slice(). Нужно вызвать его без аргументов и сохранить результат в новую переменную.

#JavaScript
Тег code используется для вывода фрагментов программного кода.

#HTML
Псевдоклассы :in-range, :out-of-range используются для стилизации полей ввода, поддерживающих атрибуты min и max:

:in-range для полей, в которых введённое значение попадает в диапазон от min до max;

:out-of-range для полей, в которых введённое значение не попадает в диапазон от min до max.

#CSS
Для того чтобы использовать forEach(), понадобится колбэк-функция, которую необходимо передавать в метод. Функцию можно объявить заранее.

#JavaScript
Тег progress создаёт индикатор выполнения задачи. Обычно выглядит как прогресс-бар.

#HTML
Одним из главных элементов на странице является аватар, поэтому его необходимо выделять - ставить на передний план. 

#UX_UI
Функция-псевдокласс :where() принимает один или несколько селекторов в качестве аргумента. Браузер при чтении применяет стили к любому из селекторов-аргументов.

#CSS
Метод map() позволяет трансформировать один массив в другой при помощи функций-колбэка. 

Переданная функция будет вызвана для каждого элемента массива по порядку. Из результатов вызова функции будет собран новый массив.

#JavaScript
При помощи тега source можно указать несколько источников для видео, аудио или изображения. Очень помогает, когда нужно подключить контент в нескольких форматах для лучшей поддержки в разных браузерах.

#HTML