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

Слишком молодой, слишком опытный: 9 причин, почему вам могут отказать после собеседования

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

🌐 Читать статью

Made in HTML/CSS

Что такое event loop?

Event loop (Цикл обработки событий) - механизм, управляющий выполнением кода. Он обрабатывает события и выполняет задачи в правильном порядке. Основная идея цикла обработки событий заключается в том, что JavaScript работает в однопоточной среде, но может обрабатывать асинхронные операции. Когда асинхронная операция, такая как запрос сервера, завершается, она помещает соответствующее событие в очередь событий. Цикл обработки событий работает в цикле, обрабатывая эти события в порядке их поступления. Он извлекает событие из очереди и передает его на выполнение. Если событие содержит обратный вызов или обработчик, оно вызывается и выполняется код, связанный с этим событием. Цикл обработки событий также обрабатывает другие задачи, такие как таймеры и микрозадачи (Promise).

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

Made in HTML/CSS

Web Maker – оффлайн-песочница для экспериментов с HTML, CSS и JavaScript:

- Работает без интернета
- Сохраняет проекты автоматически
- Поддерживает препроцессоры (Jade, SCSS, ES6 и др.)
- Включает шаблоны для React, Vue, Tailwind
- Имеет автодополнение кода
- Поддерживает многоэкранную работу
- Позволяет экспортировать проекты в HTML или CodePen

Made in HTML/CSS

Что такое promise в JS?

Promise — объект для работы с асинхронным кодом. Он имеет три состояния: "в ожидании" (pending), "выполнен" (fulfilled) и "отклонён" (rejected). При создании Promise принимает две callback-функции: onFulfilled (вызывается при успешном выполнении) и onRejected (вызывается при ошибке).

Асинхронный код создаёт Promise, выполняет задачу и переводит его в соответствующее состояние, автоматически вызывая нужный callback.

Made in HTML/CSS

Sniper CSS — расширение для Chrome, помогающее находить неиспользуемые CSS-стили. Оно анализирует все CSS-правила, включая медиазапросы, псевдосостояния (hover, focus, active), CSS-анимации и keyframes, а также учитывает prefers-motion, pointer и другие пользовательские предпочтения. Плагин может эмулировать различные сценарии (темы, User Agents) для более точного анализа. Это упрощает оптимизацию CSS и повышает производительность веб-приложений.

Made in HTML/CSS