Что такое распространение событий в JavaScript?

Распространение событий (англ. Event propagation) — это процесс передачи событий через древовидную структуру DOM (Document Object Model). Является важным аспектом событийной модели. Этот процесс состоит из трех этапов:

- Захват (capturing): событие движется от вершины дерева к целевому элементу.
- Цель (target): Событие достигает целевого элемента.
- Всплытие (bubbling): После того как событие было обработано на целевом элементе, оно событие движется обратно.
Разработчики могут контролировать эту передачу с помощью команд ’stopPropagation()’ и ‘preventDefault()’.

Made in HTML/CSS

Yarn – менеджер пакетов, с помощью которого можно не только устанавливать различные модули и пакеты, но и делиться кодом. Его также используют в качестве менеджера проектов.

Это стабильный, расширяемый при помощи плагинов, бесплатный программный продукт с открытым исходным кодом, который имеет обширную документацию.

Made in HTML/CSS

Синтаксис Rest параметров (Rest parameters) в JavaScript позволяет функции принимать неограниченное количество аргументов и обрабатывать их как массив.

Это упрощает работу с функциями, которые должны принимать переменное количество входных данных.

Made in HTML/CSS

Данный репозиторий — это всеобъемлющий список всех элементов, которые необходимо иметь и протестировать перед запуском веб-сайта или HTML-страницы в продакшн. Этот чеклист основан на многолетнем опыте фронтенд-разработчиков и дополнен другими открытыми источниками

Made in HTML/CSS

Frontend Mentor — это платформа, предназначенная для улучшения навыков фронтенд-разработки через создание реальных проектов. Она предоставляет профессионально разработанные задачи, которые помогают разработчикам получить практический опыт в написании HTML, CSS и JavaScript. Платформа устраняет необходимость поиска дизайнов, позволяя сосредоточиться исключительно на разработке.

Made in HTML/CSS

В чем разница между атрибутами id и class в HTML?

Атрибут id используется для уникальной идентификации элемента на странице, а атрибут class используется для группировки элементов в целях стилизации.

Made in HTML/CSS

Этот бесплатный онлайн-сервис демонстрирует то, как отображается контент веб-приложения или сайта на дисплеях различных устройств. Перечень поддерживаемых функций:

✅Возможность проверки сайта через онлайн-приложение с использованием букмарклета «Am I Responsive»;
✅Поддержка http://localhost/;

VisuAlgo — это интерактивная образовательная платформа, разработанная для визуализации структур данных и алгоритмов через анимацию. Она была создана в 2011 году доктором Стивеном Халимом и его студентами из Национального университета Сингапура (NUS) для улучшения понимания этих концепций среди студентов.

Made in HTML/CSS

Как мы можем асинхронно подключать скрипты?

Для этого можем использовать атрибуты async & defer

Атрибут defer , скрипт будет загружен параллельно с другими ресурсами страницы, но выполнение скрипта должно быть отложено до тех пор, пока не завершится загрузка и парсинг всего HTML документа. Это позволяет ускорить загрузку страницы, сохраняя при этом порядок выполнения скриптов.

Атрибут async, будет грузиться асинхронно, также параллельно с другими ресурсами, но скрипт не будет ожидать загрузки HTML документа перед выполнением.

Made in HTML/CSS

SmallDevTools — это бесплатная онлайн-платформа, предлагающая более 20 инструментов для разработчиков, которые помогают в выполнении различных задач, таких как кодирование/декодирование, минификация кода, форматирование HTML/CSS/JavaScript и генерация тестовых данных.

Made in HTML/CSS

Какие свойства используются для создания анимации в CSS?

1. animation-name: Указывает имя ключевой анимации

2. animation-duration: Задает длительность анимации

3. animation-delay: Задержка перед стартом анимации

4. animation-iteration-count: Определяет количество раз, которое анимация будет проигрываться, или значение 'infinite', чтобы анимация проигрывалась бесконечно.

5. animation-direction: Определяет направление анимации.

Made in HTML/CSS

BrowserStack — это облачная платформа для тестирования веб-приложений на различных браузерах и устройствах. 15

С её помощью можно проверить, как сайт выглядит и работает на разных платформах, без необходимости приобретать и настраивать множество устройств и браузеров.

Made in HTML/CSS

Неоморфизм – набирающий популярность тренд в дизайне интерфейсов, нечто среднее между безнадежно устаревшим скевоморфизмом и начинающим набивать оскомину плоским дизайном. Элементы, выполненные в этом стиле, как будто слегка приподняты над фоном. Этот эффект достигается за счет использования мягких теней и световых эффектов.

Made in HTML/CSS

В чем отличие "==" от "===" в JS?

Оператор "==" проверяет абстрактное равенство, тогда как "===" проверяет строгое равенство.
Другими словами, оператор "==" выполняет необходимые преобразования типов перед сравнением, в то время как "===" не выполняет преобразование типов. Таким образом, если два значения не одного и того же типа, оператор "===" вернет false.

Made in HTML/CSS

Если вам приходилось настраивать редактор кода на каждом новом компьютере, вы знаете, как это может быть неудобно. В отличие от новой Windows или переустановленного браузера, где можно просто войти в учётную запись, в VS Code этот процесс немного сложнее.

Но это не проблема — плагин Settings Sync поможет синхронизировать настройки через профиль на GitHub.

Made in HTML/CSS