Создаем интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 3 — 16.05.2020

В этой части: создадим блоки товаров «С этим товаром также покупают» и «Интересные товары» создадим иконку корзины с количеством товаров подключим модальное окно с товарами в корзине перепишем всю логику store Создадим блоки товаров типа: «С этим товаром также покупают» Тут немножко поговорим об асинхронных ПОДРОБНЕЕ

Создаем интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 2 — 16.05.2020

Первая часть тут Продолжаем разработку нашего интернет магазина. В этой части будет: нормальная загрузка картинок по статическим адресам генерация хлебных крошек на клиенте страница товара шапка рабочая кнопка купить с синхронизацией товаров между вкладками (и сессиями) Как можно увидеть вытаскивать случайные картинки с Unsplash довольно ПОДРОБНЕЕ

Создаем интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 1 — 16.05.2020

Вы сможете почерпнуть полезные хаки, плагины и способы решения проблем, которые часто возникают при создании Nuxt приложений. В этой статье я хочу поделиться как создать примитивный интернет-магазин: Который будет быстро загружаться у пользователя. Который полюбит Google (или любой другой поисковик) с точки зрения SEO. Для ПОДРОБНЕЕ

Пишем современный калькулятор на JavaScript

Доброго времени суток, друзья! В этой статье мы с вами, как следует из названия, напишем простой калькулятор на современном JavaScript. Желание написать калькулятор возникло у меня после просмотра одного туториала, посвященного созданию «simple calculator», который оказался далеко не симпл и толком ничего не умел делать. ПОДРОБНЕЕ

Разница между веб-сокетами (WebSockets) и Socket.IO. | 2020

Веб-сокеты и Socket.IO, вероятно, являются двумя наиболее распространенными средствами коммуникации в режиме реального времени (далее — живое общение). Но чем они отличаются?

При построении приложения для живого общения наступает момент, когда необходимо выбрать средство для обмена данными между клиентом и сервером. Веб-сокеты и Socket.IO являются самыми популярными средствами живого общения в современном вебе. Какое из них выбрать? В чем разница между этими технологиями? Давайте выясним.

Пожалуйста, отложите TypeScript ненадолго. 2020

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

Создание компонента Timeline с React

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

Я никогда не понимал замыкания в JavaScript

Перед тем, как начать Простой базовый пример Область видимости Функция, которая возвращает функцию Наконец, замыкания Не такие обычные замыкания Заключение Пока мне не объяснили их вот так… Как понятно из названия, замыкания JavaScript всегда были для меня немного таинственны. Я прочитал множество статей, я использовал ПОДРОБНЕЕ

Пишем занимательный слайдер на чистом JavaScript

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

Пишем генератор галереи изображений со встроенным слайдером

Доброго времени суток, друзья! Вместо введения (постановка задачи) Все началось с изучения чужих слайдеров (готовых решений в сети, типа bxslider, owlcarousel и slick). Когда-нибудь я напишу подробные руководства по работе с этими инструментами (sweet dreams). Появилось желание написать свой слайдер. Однако вскоре (в том числе, ПОДРОБНЕЕ