JavaScript заметки

Использование Content-Security-Policy вместе с React & Emotion Content-Security-Policy (CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src и ее использование вместе с CSS-in-JS библиотекой emotion. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

erid: LjN8KTabJ Пробный урок по frontend с тимлидом, который обучил 500 программистов. Бесплатно за 1 час по Zoom вживую вы вместе с опытным профессионалом: ✅ Погрузитесь в реальные процессы разработки ✅ Научитесь мыслить как программист ✅ Получите мотивацию и сделаете первый шаг к новой профессии Пробный урок - это не скучный тупняк под нудные уроки на ютубе, а живая сессия интерактивной разработки. По итогу у вас как минимум будет четкое понимание, подходит ли вам профессия frontend разработчика. IT - это вообще для вас или нет. 🎁 Бонусом вы получите гайд "3 ключевых этапа с нуля до трудоустройства" Чтобы записаться, напишите «урок» в телеграм: https://t.me/sergeydmitrievskyme

Манипуляция строками JavaScript предоставляет методы для работы с текстовыми данными, такие как объединение строк и разделение текста на части. #полезное

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

Асинхронная загрузка внешних скриптов Этот код демонстрирует асинхронную загрузку внешних скриптов на веб-странице. #полезное

React vs Vue vs Angular В прошлой части мы рассмотрели методологии оптимизации и реюзабельности логики, а также подход к роутингу каждого фреймворка. Однако давайте теперь переключим наше внимание на другой важный аспект – управление глобальным состоянием. В этом разделе на примере Angular, React и Vue мы рассмотрим уникальные стратегии, используемые этими фреймворками для работы с глобальными состояниями. По мере изучения этих подходов мы узнаем, как разработчики эффективно решают сложную задачу поддержания синхронизации данных в приложениях. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с временными интервалами setInterval используется для выполнения функции через определенные промежутки времени. #полезное

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

Макеты для вёрстки сайтов — это канал, где собраны уникальные примеры реальных макетов в Figma, которые заказчики присылают на вёрстку. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html

Манипуляция элементами HTML JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически. #полезное

Простой пример ИИ для управления роботом. TensorFlow + Node Js В данной статье я постараюсь простыми словами объяснить, как можно применить ИИ для управления роботом, используя готовую библиотеку TensorFlow. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Бесплатный практический вебинар для всех возрастов: Профессия «Frontend-разработчик». ⏰ Когда: уже 14 марта в 19:00 по мск. Вы узнаете о типичных рабочих задачах программиста и напишете мини-игру, которая работает прямо в браузере. Под капотом немного HTML+CSS и базовые конструкции JS. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? 🎁 Всем, кто зарегистрировался — Карта компетенций начинающего Frontend-разработчика, а каждому участнику — Гайд «Как заговорить на сленге IT-специалистов».

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

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

Бесплатный интенсив для тех, кто хочет работать фронтенд-разработчиком В сфере IT сейчас кадровый голод и компании очень нуждаются в хороших спецах. Мы знаем это наверняка, потому что сами постоянно проводим стажировки и пополняем команду новыми разработчиками. Поэтому мы решили, что пора делиться нашим 10-летним опытом, помогать начинающим айтишникам быстрее и проще входить в IT. А лучших — забирать в свою команду 😉 Как стать одним из них? ➡️ Все подробности ты узнаешь на бесплатном интенсиве 14-15 марта «ТОП профессия 2024 — Frontend-разработчик». За 2 дня поймёшь: ➤ какие навыки помогают легко трудоустраиваться и быстро расти в карьере ➤ как можно за год выйти из Junior в Middle и расти в доходе х3-х5  ➤ где и как получить нужный опыт, чтобы компании сами предлагали тебе работу  ✅ И всё это тебе расскажет технический директор Purrweb, спикер YaTalks Сергей Пономарев.  Регистрируйся и узнай больше о программе и бонусах за участие 👉 Зарегистрироваться

Использование async/await для асинхронных операций async/await позволяет более чисто и легко работать с асинхронными операциями, такими как HTTP-запросы. #полезное

Как мы заинжектили кнопку на Behance Дело было год назад, не помню что я там забыл, но мне определенно хотелось скачать какую‑то картинку с behance.net, но как вы знаете — опции скачать там нет. Зная, как работает веб — я без проблем забрал нужное изображение найдя ссылку в HTML коде, но не все готовы так заморачиваться, поэтому я решил автоматизировать этот процесс. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Регистрируйтесь по ссылке: https://telega.in/c/notesjs 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

Группировка данных с помощью reduce Метод reduce применяется для агрегации значений в массиве. В этом примере, мы используем reduce для вычисления суммы чисел. #полезное

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью