JavaScript заметки

Использование метода bind() для установки контекста функции Метод bind() используется для создания новой функции с определенным контекстом выполнения. #полезное

Удобные формы для Vue 3 Механизм реактивности VueJS и нововведение в направлении provide/inject позволяют разработчикам экспериментировать и реализовывать новые интересные решения. В этой статье я расскажу о жизненном цикле разработки системы для работы с формами, которую я запихнул в отдельную библиотеку. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Интересные трюки HTML. Экстремальный минимализм Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

👨‍💻Изучаешь Frontend? Я тоже! Если хочешь получать необходимую информацию простым языком, заходи в мой блог: idk Frontend Здесь есть всё: - Теория и практика; - Примеры и работа над ошибками; Канал будет полезен как начинающим фронтендерам, так и практикующимся менторам. Советую подписаться: @idk_frontend

Работа с REST API с использованием Fetch Fetch API используется для выполнения HTTP-запросов и обработки ответов. #полезное

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

⚡Хакатон ГАГАРИН.ХАК! Крупный онлайн-марафон, который соберет участников со всей России. Событие пройдет в преддверии дня космонавтики и представит уникальную возможность для разработчиков продемонстрировать свои навыки и презентовать уникальные решения. 🚀Тебя ждет 5 кейсов: 1.Классификатор фото-сканов; 2.Телеграм-бот для быстрого заполнения анкетных данных; 3.Использование ИИ для онбординга первокурсника; 4.Sentiment Telegram-каналов на рынке акций; 5.Алгоритм обнаружения аномалий в видеопотоке для реализации алгоритма сервисной аналитики. 🏆Общий призовой фонд - 1 250 000 рублей! 🗓️Дата проведения: 12 - 14 Апреля 📍Формат: Онлайн Подробная информация и регистрация: https://gagarinhack.ru/?utm_source=telega_in&utm_medium=cpm&utm_campaign=posevy(26.03.24)

Работа с условными операторами Условные операторы позволяют выполнить различные блоки кода в зависимости от заданных условий. #полезное

Смерть third-party cookies. Что ждет нас в 2024? Похоже, что в череде всевозможных инициатив по борьбе со «сторонними» куками начал проглядываться конец. Давайте разберемся, что происходит и зачем все это нужно. Куки — браузерный механизм, который позволяет хранить данные по пользователю с привязкой к домену и затем передавать эти данные при запросах. Куку можно установить как со стороны сервера через специальный заголовок Set‑Cookie, так и в браузере прямо на странице через javascript. После этого кука будет передаваться при каждом запросе из браузера к домену. Куки позволяют воплощать в жизнь множество как полезных, так и сомнительных механик. Из неприятных — возможность отслеживания пользователя сторонними сайтами или увеличение риска CSRF. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

А вы знали, что чтобы стать крутым разработчиком нужен ментор? 🎓Станьте уверенным профессионалом с достойным уровнем дохода в IT индустрии вместе с менторами YKul. ➡️Запишитесь на курс ❗️Не важно, новичок вы или действующий специалист. С нами вы преуспеете – пройдете именно ваш путь вместе с опытным ментором, действующим программистом уровня senior. Не нужно оплачивать фиксированный курс длиной в несколько месяцев. Вы сможете: ✅ писать чистый валидный код ✅ легко верстать сайты ✅ применять JavaScript, TypeScript, HTML/CSS, GIT, npm ✅ использовать фронтенд-фреймворки и библиотеки ✅ решать реальные кейсы ❓Сколько времени это займет❓ 👨🏻‍💻Мы определяем ваш уровень подготовки, и согласуем индивидуальный план занятий. Оплачивайте занятия отдельно за каждый месяц, при необходимости делайте перерыв и возвращайтесь к практике, когда это удобно вам. 👍Мы помогаем с трудоустройством как новичкам, так и работающим специалистам - тем, кто в поиске лучших вакансий! ✅Каждое завершенное задание от YKul – успешный кейс для вашего портфолио. ✅ HR специалист YKul рассмотрит ваш опыт с точки зрения работодателя, вместе с вами подготовит убедительное резюме. ✅ Проработаем все вопросы и темы, важные для успешного прохождения собеседования. ✅ Наш сертификат станет еще одним плюсом в вашем профиле сотрудника. ➡️Запишитесь на курс Хотите протестировать? Убедитесь, что вам подходит формат и содержание занятий: первая неделя обучения – ❗️бесплатно❗️ Реклама: ИП Кулагин Андрей Николаевич, ИНН: 740411652688

Работа с формами и их валидация JavaScript позволяет выполнять валидацию форм перед отправкой данных на сервер. #полезное

Парадокс Монти Холла глазами JavaScript Я хочу посвятить эту статью известной задаче в математике, относящейся к теории вероятности. Так же мы попытаемся решить эту задачу на JavaScript. Я сразу приступлю к условию задачи. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

3, 2 … Остановимся здесь. 📌 Потому что 2 недель достаточно, чтобы познакомиться с основами Frontend и понять, подходит ли вам это направление! Не обещаем, что будет легко, но интересно, полезно и недорого (всего 990 рублей!) – гарантируем. Расклад такой: мы даем вам базу — больше 70 уроков, вебинары, лайвкодинг, а вы пишете собственную программу. Если переживайте — не переживайте :) Рядом всегда будет наставник, готовый ответить на любой ваш вопрос. ⏰ Старт курса уже 2 апреля, присоединяйтесь!

Работа с итерируемыми объектами и циклом for...of Цикл for...of позволяет удобно перебирать элементы в массивах, строках и других итерируемых объектах. #полезное

Webpack vs esbuild — уже можно использовать в production? Периодически я пробую разные инструменты, и если они стабильно покрывают все необходимые сценарии - включаю в свою экосистему для коммерческих проектов. С третьего подхода за последние 3 года esbuild, наконец, приблизился по функционалу к Webpack. В статье привожу проблемы, с которыми я столкнулся при миграции, и пути их решения. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с DOM JavaScript используется для взаимодействия с DOM, позволяя изменять содержимое и стили элементов на веб-странице. #полезное

Интерактивный парсер web страниц Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью