К сожалению она давно не обновлялась и не опддерживает Vue 3. Первая ночь, первые нагрузочные тесты, как избавиться от многострочного кода в iOS-приложении и мы видим, что наш бэк не выдерживает необходимое количество запросов. Делаем небольшие доработки и вновь проводим нагрузочные тесты. В этот раз с бэком всё в порядке, но появляются проблемы на фронте.
Как мы СМ 3.0 запускали / Хабр Веб-студия Nat.od.ua
В то время проект только стартовал. Мы выбрали архитектуру нового приложения, технологии, тактику тестирования, а также собрали команду разработки. Как например в этой библиотеке vue-modal-dialogs.
Простой способ создания и переиспользования модальных диалогов во Vue 3 / Хабр Веб-студия Nat.od.ua
Компонент отрисовывается после вызова функции reveal и исчезает после того, как пользователь отреагирует на диалог. В этой статье мы создали простое расширение для отслеживания актуальности валют Биткойна для браузера Google Chrome, надеюсь было полезно. Пришло время создавать настоящее расширение. Мы будем использовать nomics.com API для текущих цен на валюту. Вы можете получить ключ API по этой ссылке. Расширение будет достаточно простым, будет лишь функционал проверки состояния Биткойна.
GraphQL и почти все-все-все. Часть 1:) / Хабр Веб-студия Nat.od.ua
18 февраля 2022 года перевели 100% пользователей настольных устройств на новый сайт. И вот мы в проде на 3% реальных пользователей, но пока только для настольных устройств, так как версия для мобильных устройств была ещё в разработке. Просматриваем ошибки в логах и заводим задачки на исправление дефектов.
Как мы СМ 3.0 запускали / Хабр Веб-студия Nat.od.ua
Как и в предыдущий раз, скрестили пальцы, смотрели логи и ждали результатов. Во время тестирования были выявлены и решены незначительные дефекты, но в итоге сайт показал довольно неплохие результаты. В марте 2021 года был реализован основной путь пользователя.
GraphQL и почти все-все-все. Часть 1:) / Хабр Веб-студия Nat.od.ua
Значение атрибута ‘y’ надо рассчитывать. Статья про редактор текста как на рисунке. Можно написать функцию, которая автоматизирует этот процесс для нас. Никакой дополнительной логики не требуется.
Простой способ создания и переиспользования модальных диалогов во Vue 3 / Хабр Веб-студия Nat.od.ua
- Пришло время создавать настоящее расширение.
- Подробнее об этом я расскажу в следующих постах.
- В этой статье мы создали простое расширение для отслеживания актуальности валют Биткойна для браузера Google Chrome, надеюсь было полезно.
- Создание расширения для Google Chrome.
- Логику кода, который будет исполняться после согласия пользователя, поместим в коллбек хука onConfirm.
Каждая строка — это фича, которую надо реализовать на сайте. Фичи были как маленькие (отображать баннер и другой блок на сайте), так и большие (реализовать корзину). Например, если концеция хуков вам не близка, можно заменить их на работу с промисом, который возвращает функция reveal. И даже использовать её в Options API.
Как мы СМ 3.0 запускали / Хабр Веб-студия Nat.od.ua
3 марта 2022 года мы перевели 100% пользователей на новую версию сайта. Через полгода после старта работ выяснилось, что дизайны не соответствуют текущим реалиям, так что разработку заморозили на полгода. В это время команда не скучала, развивалась и реализовала небольшой проект — Web-приложение для управления электронными подарочными картами. И вот появились дизайны, появились концепция и большой файлик в Excel с примерно 800 строками.
Немного дорабатываем фронт, кешируем рендеринг, увеличиваем количество node и планируем проведение нагрузочного тестирования. На этот раз всё проходит хорошо и результаты нас устраивают, к тому же в планах выйти всего на 3% пользователей. А теперь используем его для подтверждения какого-либо действия, например, чтобы спрятать логотип. Логику кода, который будет исполняться после согласия пользователя, поместим в коллбек хука onConfirm.
Используется атрибут ‘dy’ с фиксированным значением. ‘dy’ указывает положение относительно предыдущего элемента. Функция createConfirmDialog позволяет упростить работу с модальными окнами, переиспользование логики и создание цепочек последовательных диалогов. Она берет на себе заботу о рендере модального окна, передачу входящих параметров в компонент и получении данныт от него.
Исходный код полного приложения доступен на Github. Итак, я решил сделать расширение для Google Chrome с помощью Flutter. И хочу рассказать как я это сделал. Начать решил с родного и любимого C# + Hot Chocolate, но планирую так же попробовать Typescript + Prisma, Kotlin + graphql-kotlin, и возможно что-то другое.
Она очень гибкая — ее очень легко подстроить под ваши нужды. А еще отличной идеей для организации кода было бы отдельные хуки, код в которых выполнялся бы в зависимости от действий пользователя. Этот класс CryptoApi получает данные и возвращает их как List.
Дефектов было не так много, но мы поймали такие кейсы, о которых даже не могли подумать. Привет, меня зовут Виктор, я руководитель продукта сайта Спортмастер, точнее — его новой версии. Я работаю в компании с 2019 года и пришёл на проект системным аналитиком.
Вам не понадобится дополнительная установка каких-либо плагинов. Мы напишем его с помощью встроенных средств web. Как создать расширение для браузера?
IT курсы онлайн от лучших специалистов в своей отросли https://deveducation.com/ here.
