This media is not supported in your browser
VIEW IN TELEGRAM
Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
Please open Telegram to view this post
VIEW IN TELEGRAM
Работа с регулярными выражениями (RegExp)
Регулярные выражения позволяют проверять и извлекать текст, соответствующий определенным шаблонам.
#полезное
Регулярные выражения позволяют проверять и извлекать текст, соответствующий определенным шаблонам.
#полезное
👍2
Next JS и Nginx
Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с Web-сокетами (WebSockets)
Этот код демонстрирует, как устанавливать WebSockets-соединение с сервером, отправлять и получать сообщения в режиме реального времени. WebSockets широко используются для создания интерактивных и мгновенных веб-приложений.
#полезное
Этот код демонстрирует, как устанавливать WebSockets-соединение с сервером, отправлять и получать сообщения в режиме реального времени. WebSockets широко используются для создания интерактивных и мгновенных веб-приложений.
#полезное
👍2🔥1
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Группировка данных с помощью
Метод
#полезное
reduce
Метод
reduce
применяется для агрегации значений в массиве. В этом примере, мы используем reduce
для вычисления суммы чисел.#полезное
👍2
Как мы заинжектили кнопку на Behance
Дело было год назад, не помню что я там забыл, но мне определенно хотелось скачать какую‑то картинку с behance.net, но как вы знаете — опции скачать там нет. Зная, как работает веб — я без проблем забрал нужное изображение найдя ссылку в HTML коде, но не все готовы так заморачиваться, поэтому я решил автоматизировать этот процесс.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Дело было год назад, не помню что я там забыл, но мне определенно хотелось скачать какую‑то картинку с behance.net, но как вы знаете — опции скачать там нет. Зная, как работает веб — я без проблем забрал нужное изображение найдя ссылку в HTML коде, но не все готовы так заморачиваться, поэтому я решил автоматизировать этот процесс.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование
#полезное
async/await
для асинхронных операцийasync/await
позволяет более чисто и легко работать с асинхронными операциями, такими как HTTP-запросы.#полезное
👍4
Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде
Наш опыт я постарался упаковать в пошаговый гайд – надеюсь, этот материал поможет тем, кто только начинает свой путь в мире микрофронтендов. По ходу статьи мы с вами вместе пройдём от полного незнания до понимания принципов и ответа на заветный вопрос — нужно ли всё это вам. На практике мы сделаем небольшую демонстрацию, которую вы сможете использовать в своём проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Наш опыт я постарался упаковать в пошаговый гайд – надеюсь, этот материал поможет тем, кто только начинает свой путь в мире микрофронтендов. По ходу статьи мы с вами вместе пройдём от полного незнания до понимания принципов и ответа на заветный вопрос — нужно ли всё это вам. На практике мы сделаем небольшую демонстрацию, которую вы сможете использовать в своём проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Работа с локальным хранилищем (localStorage)
Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы.
#полезное
Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы.
#полезное
👍2
Простой пример ИИ для управления роботом. TensorFlow + Node Js
В данной статье я постараюсь простыми словами объяснить, как можно применить ИИ для управления роботом, используя готовую библиотеку TensorFlow.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В данной статье я постараюсь простыми словами объяснить, как можно применить ИИ для управления роботом, используя готовую библиотеку TensorFlow.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Манипуляция элементами HTML
JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически.
#полезное
JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически.
#полезное
8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript
В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👏2
Работа с временными интервалами
#полезное
setInterval
используется для выполнения функции через определенные промежутки времени.#полезное
👍2
React vs Vue vs Angular
В прошлой части мы рассмотрели методологии оптимизации и реюзабельности логики, а также подход к роутингу каждого фреймворка. Однако давайте теперь переключим наше внимание на другой важный аспект – управление глобальным состоянием. В этом разделе на примере Angular, React и Vue мы рассмотрим уникальные стратегии, используемые этими фреймворками для работы с глобальными состояниями. По мере изучения этих подходов мы узнаем, как разработчики эффективно решают сложную задачу поддержания синхронизации данных в приложениях.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В прошлой части мы рассмотрели методологии оптимизации и реюзабельности логики, а также подход к роутингу каждого фреймворка. Однако давайте теперь переключим наше внимание на другой важный аспект – управление глобальным состоянием. В этом разделе на примере Angular, React и Vue мы рассмотрим уникальные стратегии, используемые этими фреймворками для работы с глобальными состояниями. По мере изучения этих подходов мы узнаем, как разработчики эффективно решают сложную задачу поддержания синхронизации данных в приложениях.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤2👍1
Асинхронная загрузка внешних скриптов
Этот код демонстрирует асинхронную загрузку внешних скриптов на веб-странице.
#полезное
Этот код демонстрирует асинхронную загрузку внешних скриптов на веб-странице.
#полезное
👍3
Как выстроить удобные процессы в работе с монорепой
Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Манипуляция строками
JavaScript предоставляет методы для работы с текстовыми данными, такие как объединение строк и разделение текста на части.
#полезное
JavaScript предоставляет методы для работы с текстовыми данными, такие как объединение строк и разделение текста на части.
#полезное
👍1
Использование Content-Security-Policy вместе с React & Emotion
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Content-Security-Policy
(CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval
, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src
и ее использование вместе с CSS-in-JS библиотекой emotion.#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Модульная организация кода
Модульная организация помогает структурировать и повторно использовать код.
#полезное
Модульная организация помогает структурировать и повторно использовать код.
#полезное
👍2
Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика
Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либо мне, либо моим друзьям задавали на собеседованиях на Frontend разработчика. Эти темы почти не попадаются в стандартных списках по подготовке к собеседованиям, поэтому я решил сделать свой.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либо мне, либо моим друзьям задавали на собеседованиях на Frontend разработчика. Эти темы почти не попадаются в стандартных списках по подготовке к собеседованиям, поэтому я решил сделать свой.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью