JavaScript заметки

Использование Proxy для создания виртуальных объектов Proxy позволяет перехватывать и изменять поведение операций с объектами. #полезное

Какие методы используются для сбора данных о твоем браузере? Как собирают информацию о пользователях? Фингерпринт пользователя — это уникальный набор данных о пользователе, который включает в себя информацию о его поведении в интернете, какие сайты он посещает, какие товары покупает, какие сообщения отправляет и т.д. Этот набор данных может быть использован для создания профиля пользователя и предоставления ему персонализированных рекомендаций или услуг. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Generators для создания ленивых итераторов Генераторы позволяют создавать функции, которые могут "запоминать" свое состояние, возвращая значения с помощью yield. #полезное

Использование JavaScript WebRTC API для передачи потоков данных в реальном времени WebRTC API используется для захвата и передачи потоков аудио и видео в реальном времени между пользователями. #полезное

План «Барбаросса» от Vue.js После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с FileReader для чтения содержимого файлов на стороне клиента FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер. #полезное

Кулинарный гид по Vue.js: всё о props В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Event Delegation для обработки событий Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно. #полезное

Работа с локальным хранилищем (localStorage) Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы. #полезное

Архитектура серверного рендеринга для SPA Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications). #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Object Destructuring Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные. #полезное

Использование Map для хранения ключ-значение Объект Map предоставляет структуру для хранения уникальных ключей и связанных с ними значений. #полезное

Использование requestAnimationFrame для анимаций с высокой производительностью requestAnimationFrame предоставляет механизм для создания анимаций с высокой производительностью, оптимизированных для кадров в секунду браузера. #полезное

Использование JavaScript Modules для организации кода JavaScript Modules предоставляют механизм для организации кода, разделяя его на небольшие модули с явным экспортом и импортом. #полезное

⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (117 видео, 53 книги) — ВАЙБКОД (174 видео, 91 книги) — DevOps (415 видео, 68 книги) — Frontend (137 видео, 93 книги) — DS/ML (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram

Forwarded From Исходный Код Telegram Premium на 3 месяца для двух TRUE разработчиков 🎮 Задача Какой точный флаг команды git commit позволяет дополнить последний коммит текущей ветки новыми изменениями, не создавая отдельный коммит в истории? Подписывайтесь на «Исходный Код» и пишите свой ответ в комментарии к этому посту (только в @codesrc_it). Среди всех, кто ответит правильно, разыграем 🎉 2 x Telegram Premium на 3 месяца. В прошлый раз мы собрали меньше 15 РЕАЛЬНЫХ участников. Кажется, у вас есть все шансы на победу. Дублируем условия: ➡️ подписаться на @codesrc_it; ➡️ написать правильный ответ в комментариях к этому посту в канале «Исходный Код». Результаты опубликуем 🔜 20 ОКТЯБРЯ. Включите 🔔 НАПОМИНАНИЯ, чтобы не пропустить.

Раскрываем силу JavaScript: сокращение размера пакета NPM на 99% Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Как мы отказались от styled-components в React Native приложениях Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде Наш опыт я постарался упаковать в пошаговый гайд – надеюсь, этот материал поможет тем, кто только начинает свой путь в мире микрофронтендов. По ходу статьи мы с вами вместе пройдём от полного незнания до понимания принципов и ответа на заветный вопрос — нужно ли всё это вам. На практике мы сделаем небольшую демонстрацию, которую вы сможете использовать в своём проекте. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.  Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.  В этой статье мы разберёмся, как настроить валидацию поля ввода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью