JavaScript Daily | Frontend
318 subscribers
354 photos
151 links
Всё самое интересное из мира веб-разработки за сегодня.

Для связи - art.diontev@ya.ru
Download Telegram
Vue.js для проекта на Bitrix

Автор делится реализацией, которая поможет привести к понятной схеме разделения ответственности разработчиков и удобному внедрению Битрикс-компонентов с Vue-приложениями.
JavaScript | Практика #83
#js_practice_medium
JavaScript | Практика #83

Что будет в консоли?
Anonymous Quiz
28%
true, true, false
23%
false, true, false
9%
true, false, true
40%
true, true, true
Раскрывающиеся секции с помощью CSS Grid

При работе с таблицами иногда появляется задача сделать дополнительный скрытый блок с расширенной информацией. Автор статьи, используя гриды, показывает, как реализовать такой блок.
JavaScript | Теория #18

Где правильно размещать код JavaScript?
Anonymous Quiz
4%
В <head> секции
31%
В <body> секции
65%
Можно размещать и в <head>, и в <body>
Как реализовать темный режим с помощью CSS и 3 простых строк JavaScript

В статье автор расскажет, как сделать переключатель темы для сайта. Рассматривается самый простой вариант с использованием CSS переменных и переключения класса элемента в JS.
Структурирование HTML страниц

Автор статьи рассказывает о своем подходе к созданию структуры HTML с небольшими примерами вёрстки.
JavaScript | Практика #84
#js_practice_easy
Запустилась Дока — опенсорсный справочник по веб-разработке

Дока — это опенсорсный справочник с документацией, который веб-разработчики пишут для веб-разработчиков.

Вводная статья с комментариями от создателей.
CSS | Практика #10
#css_practice_easy
CSS | Практика #10

Как разбить текст на три колонки?
Anonymous Quiz
17%
column-width: 3
13%
column-rule: 3
30%
column-span: 3
40%
column-count: 3
Microsoft запустила веб-версию Visual Studio Code

20 октября 2021 года Microsoft запустила для всех пользователей веб-версию бесплатного редактора кода Visual Studio Code.

Веб-версия Visual Studio Code работает как на ПК, так и на любых современных мобильных устройствах, включая планшеты и Chromebook.
Хаотичные паттерны JavaScript

В статье обсуждаются примеры кода, которые могут работать не так, как ожидается. Автор объясняет почему это так работает и предлагает свои варианты решения.
Типы значений в CSS. Абсолютные, относительные и всякие другие

В посте разбираются, какие бывают типы значений у CSS-свойств, и определим, чем отличаются абсолютные и относительные значения свойств (все эти em, rem, vh, vw), как задаются цвета, и зачем нужны CSS-директивы.
HTML | Практика #2
#html_practice_easy
HTML | Практика #2

Каков правильный синтаксис для ссылки на внешний скрипт, называемый "xxx.js "?
Anonymous Quiz
14%
<script href="xxx.js">
7%
<script name="xxx.js">
80%
<script src="xxx.js">
Фронтенд-разработчику: 7 основных принципов дизайна

Автор статьи рассказывает о 7 основных принципах дизайна, следование которым позволит вам создавать привлекательные интерфейсы и приложения.
​​#js_note

Object.getOwnPropertyDescriptor()

Метод Object.getOwnPropertyDescriptor() возвращает дескриптор свойства для собственного свойства (то есть такого, которое находится непосредственно в объекте, а не получено через цепочку прототипов) переданного объекта.

Этот метод позволяет просмотреть точное описание свойства. Свойство в JavaScript состоит из строкового имени и дескриптора свойства.

Дескриптор свойства — это запись с некоторыми из следующих атрибутов:

value - Значение, ассоциированное со свойством.

writable - Значение true, если значение, ассоциированное со свойством, может быть изменено, иначе false.

get - Функция, возвращающая значение свойства, либо undefined, если такая функция отсутствует.

set - Функция, изменяющая значение свойства, либо undefined, если такая функция отсутствует.

configurable - Значение true, если тип дескриптора этого свойства может быть изменён и если свойство может быть удалено из содержащего его объекта, иначе false.

enumerable - Значение true, если это свойство доступно при перечислении свойств содержащего его объекта, иначе false.
Различные варианты использования пользовательских свойств
JavaScript | Практика #86
#js_practice_easy