JavaScript заметки

Использование Content-Security-Policy вместе с React & Emotion

Content-Security-Policy (CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src и ее использование вместе с CSS-in-JS библиотекой emotion.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Манипуляция строками

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

#полезное

Как выстроить удобные процессы в работе с монорепой

Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Асинхронная загрузка внешних скриптов

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

#полезное

React vs Vue vs Angular

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с временными интервалами

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

#полезное

8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript

В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Манипуляция элементами HTML

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

#полезное

Простой пример ИИ для управления роботом. TensorFlow + Node Js

В данной статье я постараюсь простыми словами объяснить, как можно применить ИИ для управления роботом, используя готовую библиотеку TensorFlow.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с локальным хранилищем (localStorage)

Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы.

#полезное

Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование async/await для асинхронных операций

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

#полезное

Как мы заинжектили кнопку на Behance

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Группировка данных с помощью reduce

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

#полезное

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer

WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с Web-сокетами (WebSockets)

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

#полезное

Next JS и Nginx

Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с регулярными выражениями (RegExp)

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

#полезное

👩‍💻 Всем программистам посвящается!

Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования:

Выбирай своё направление:

👩‍💻 Frontend — t.me/frontend_ready
📱 JavaScript — t.me/javascript_ready
👩‍💻 Backend — t.me/backend_ready
📱 GitHub — t.me/github_ready
👩‍💻 Python — t.me/python_ready
👩‍💻 Всё IT — t.me/it_ready
👩‍💻 Java — t.me/java_ready
🖥 Базы Данных & SQL — t.me/sql_ready
👩‍💻 C/C++ — https://t.me/cpp_ready
👩‍💻 C# & Unity — t.me/csharp_ready
🖼️ DevOps — t.me/devops_ready
🤔 Хакинг & ИБ — t.me/hacking_ready
👩‍💻 Linux — t.me/linux_ready
👩‍💻 Bash & Shell — t.me/bash_ready
👩‍💻 Нейросети — t.me/neuro_ready
📖 IT Книги — t.me/books_ready
🖥 Design — t.me/design_ready

📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

Fusor vs React

Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью