Рубрика: JAVASCRIPT

Советы по разработке больших приложений JavaScript

Замена крупномасштабного рерайта небольшими улучшениями Обучение на основе долгосрочных проектов Избегайте сложных структур Функции Объекты Классы Выбор структур Большое количество модулей Избегайте создания нетипизированных объектов Надежный код Длительность одного клиентского проекта в нашем агентстве 9elements обычно составляет пару месяцев. Процесс начинается с первого контакта с клиентом, проходит этап проектирования и заканчивается ПОДРОБНЕЕ

Как создать инструмент командной строки в NodeJS

Что такое oclif? Что будем создавать? Структура проекта Отображение задач Обновление задач Удаление задач Почти готово! Создание и публикация на npm Мы, как разработчики, живем среди CLI-инструментов. От gitдо cloud shells — этими средствами мы пользуемся повсеместно. И настала пора научиться создавать свои собственные. В процессе работы мы будем пользоваться отличным фреймворком oclif от ПОДРОБНЕЕ

Веб-скрапинг с помощью Node.js — Часть 2.

Предыдущие части: Часть 1 В предыдущей статье я рассказывал о том, как извлекать статические данные с помощью Node.js. В настоящее время сайты приобретают более динамический характер, то есть содержимое сайта отображается через JavaScript. К примеру, сделаем запрос на любой SPA-сайт, подобно шаблону vue-admin, и отключим javascript с помощью Chrome DevTools. В итоге, ПОДРОБНЕЕ

Создание чат-приложения в режиме реального времени

В статье я расскажу, как можно создать чат-приложение в режиме реального времени с помощью Vue.js, Node.js, Express и SOCKET.IO. Вот скриншот того, что должно получиться: Конечный результат PS: Я не специалист по фронтенду, так что не смейтесь над дизайном. Данный макет используется только в качестве примера. Установка Для работы нам ПОДРОБНЕЕ

Модальное окно, которое вы ждали. Или как вызвать «всплывашку» с разных кнопок на чистом JS

Добрый день! Меня зовут Черепанов Борис, я занимаюсь разработкой сайтов на wordpress и bitrix. Я тут над проектом работал. Одно из ограничений было не использовать jquery, а мне нужно было вызвать одно и тоже модальное окно с разных кнопок. Собственно, это довольно простая задача, но я решил пойти дальше и ПОДРОБНЕЕ

Миграция REST API на GraphQL

GraphQL появился относительно недавно, а значит, разработчики API не уверены, писать следующий API на GraphQL или нет. Очевидно, что REST API хорошо знаком программистам и уверенно используется в работе. Кроме того, в использовании GraphQL много открытых вопросов, среди которых версионирование, аутентификация и авторизация, кэширование, пагинация и другие. Задача поста Этот ПОДРОБНЕЕ

Получение доступа к ID элементов в DOM в качестве переменных window/global

Первое, что я узнал, начав заниматься веб-разработкой: как управлять элементами по ID из JS, со ссылкой на элементы по ID <div id=»so_many»>So many to think about</div> <script> const so_many = document.getElemntByID(‘so_many’) </script> можно: 1: изменить внутренний html элемента (innerHTML) <div id=»so_many»>So many to think about</div> <script> const so_many = document.getElemntByID(‘so_many’) ПОДРОБНЕЕ

Почему в JavaScript, в функцию лучше передавать только один аргумент?

В JavaScript нет определённой идеи о ключах, передаваемых в аргументах, и в тоже время этот язык необычайно гибкий, когда дело касается передачи чего-либо в функцию. Из-за этого легко запутаться, что передавать функции и в каком порядке. Я определил, что для меня и тех, кто использует мой код, лучше передавать функции ПОДРОБНЕЕ

Service Workers и стратегии кэширования

Что такое service workers и применение стратегий кэширования Service Workers — наверняка, вы что-то об этом слышали. Что это такое? Говоря простыми словами, это сценарий, который запускается браузером в фоновом режиме. Он никак не связан с веб-страницей или DOM и предоставляет функции “из коробки”,такие как обработка сетевых запросов, push-уведомления и фоновая синхронизация. ПОДРОБНЕЕ

Отложенная загрузка изображений с помощью Intersection Observer API

Изображения составляют огромный процент содержания веб-страниц. Однако чем больше изображений, тем медленнее загружается страница. Большое количество изображений на сайте значительно влияет на его производительность. Отложенная загрузка — это концепция, разработанная для ограничения количества загружаемых ресурсов во время загрузки страницы. Что такое отложенная загрузка? Самыми важными составляющими производительности приложений являются время отклика и ПОДРОБНЕЕ