Блог Разработка сайтов в Одессе, полезное Веб-студия NAT.od.ua

Статья про редактор текста как на рисунке. Можно написать функцию, которая автоматизирует этот процесс для нас. В этой статье мы создали простое расширение для отслеживания актуальности валют Биткойна для браузера Google Chrome, надеюсь было полезно. Пришло время создавать настоящее расширение.

Как мы СМ 3.0 запускали / Хабр Веб-студия Nat.od.ua

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

GraphQL и почти все-все-все. Часть 1:) / Хабр Веб-студия Nat.od.ua

А теперь используем его для подтверждения какого-либо действия, например, чтобы спрятать логотип. Логику кода, который будет исполняться после согласия пользователя, поместим в коллбек хука onConfirm. 3 марта 2022 года мы перевели 100% пользователей на новую версию сайта. Через полгода после старта работ выяснилось, что дизайны не соответствуют текущим реалиям, так что разработку заморозили на полгода.

Горячие клавиши в Adobe Photoshop. Photoshop shortcuts

Подготавливаемся к проведению A/B-теста с предыдущей версией сайта Спортмастер. Запускаем A/B-тест на 20% пользователей и наблюдаем. Всё идёт неплохо, но у пользователей возникают проблемы в оформлении и оплате заказов. За месяц мы собрали острые проблемы пользователей, поняли, что доставляет наибольшие неудобства, и запланировали ряд задач. Впереди — новогодние праздники и время распродаж.

Простой способ создания и переиспользования модальных диалогов во Vue 3 / Хабр Веб-студия Nat.od.ua

На стабилизацию и фикс критических дефектов ушло не так много времени, около недели. Используйте комбинации клавиш для ускорения работы в Adobe Photoshop CC. Расчетов атрибута ‘y’ можно избежать. Используется атрибут ‘dy’ с фиксированным значением.

Горячие клавиши в Adobe Photoshop. Photoshop shortcuts

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

И хочу рассказать как я это сделал. Начать решил с родного и любимого C# + Hot Chocolate, но планирую так же попробовать Typescript + Prisma, Kotlin + graphql-kotlin, и возможно что-то другое. На данный момент разработка продолжается полным ходом, у нас много интересных задач и инициатив, которые мы хотим реализовать. Подробнее об этом я расскажу в следующих постах. Нужно проводить нагрузочное тестирование.

Никакой дополнительной логики не требуется. Компонент отрисовывается после вызова функции reveal и исчезает после того, как пользователь отреагирует на диалог. Ваш Flutter SDK должен быть обновлен до последней версии. Если нет, у вас могут быть некоторые проблемы, поскольку Особенности разработки iOS приложений веб-поддержка — довольно новая возможность во Flutter. А также убедитесь, что на вашем устройстве уже установлен Google Chrome. Как оказалось, пользователи — это самые лучшие тестировщики продукта, каждый из них уникальный и по-разному пользуется приложением.

В строках с несколькими инструментами неоднократно нажимайте ту же самую комбинацию клавиш, чтобы по очереди переключать все инструменты в группе. Удерживание клавиши временно активирует инструмент. При отпускании клавиши снова выбирается предыдущий инструмент. Положение элементов задается относительно верхнего края . Значение атрибута ‘y’ надо рассчитывать.

• 3 марта 2022 года мы перевели 100% пользователей на новую версию сайта.
• Разве что можно легко запутаться в коде, если нужно вызывать модальные окна по цепочке.
• ‘dy’ указывает положение относительно предыдущего элемента.
• Делаем небольшие доработки и вновь проводим нагрузочные тесты.

Было найдено не так много дефектов, а многие замечания и предложения нам уже были известны, были запланированы задачи в бэклог продукта. 18 февраля 2022 года перевели 100% пользователей настольных устройств на новый сайт. И вот мы в проде на 3% реальных пользователей, но пока только для настольных устройств, так как версия для мобильных устройств была ещё в разработке. Просматриваем ошибки в логах и заводим задачки на исправление дефектов.

Создание расширения для Google Chrome. Добавляет возможность сортировки данных в вашем запросе. Добавляет возможность благодаря where фильтровать запрос практически как душе угодно.

‘dy’ указывает положение относительно предыдущего элемента. А еще отличной идеей для организации кода было бы отдельные хуки, код в которых выполнялся бы в зависимости от действий пользователя. Этот класс CryptoApi получает данные и возвращает их как List. Исходный код полного приложения доступен на Github. Итак, я решил сделать расширение для Google Chrome с помощью Flutter.

Принимаем решение полностью переходить на новую версию. Перейдите в другой режим (например, США), чтобы задействовать эту комбинацию. Дополнительные сведения о поведении функциональных клавиш на компьютере Mac см.

Мы будем использовать nomics.com API для текущих цен на валюту. Вы можете получить ключ API по этой ссылке. Расширение будет достаточно простым, будет лишь функционал проверки состояния Биткойна. Вам не понадобится дополнительная установка каких-либо плагинов. Мы напишем его с помощью встроенных средств web. Как создать расширение для браузера?

Как и в предыдущий раз, скрестили пальцы, смотрели логи и ждали результатов. Во время тестирования были выявлены и решены незначительные дефекты, но в итоге сайт показал довольно неплохие результаты. В марте 2021 года был реализован основной путь пользователя.

И даже использовать её в Options API. Функция createConfirmDialog позволяет упростить работу с модальными окнами, переиспользование логики и создание цепочек последовательных диалогов. Она берет на себе заботу о рендере модального окна, передачу входящих параметров в компонент и получении данныт от него.

К сожалению она давно не обновлялась и не опддерживает Vue 3. Первая ночь, первые нагрузочные тесты, и мы видим, что наш бэк не выдерживает необходимое количество запросов. Делаем небольшие доработки и вновь проводим нагрузочные тесты. В этот раз с бэком всё в порядке, но появляются проблемы на фронте. Немного дорабатываем фронт, кешируем рендеринг, увеличиваем количество node и планируем проведение нагрузочного тестирования. На этот раз всё проходит хорошо и результаты нас устраивают, к тому же в планах выйти всего на 3% пользователей.