React - конечно самый качокВведениеВ мире фронтенд-разработки существует множество различных фреймворков, которые помогают сделать процесс создания веб-приложений более удобным и эффективным. Я являюсь частью этого мира уже более 4-х лет, сейчас занимаю должность фронтенд разработчика в топ-1 компании по разработке корпоративного софта, Loyalty Labs. За все время в IT я познакомилась с разными инструментами и фреймворками, и хотела бы обсудить трёх "гигантов" в области frontend: React, …
Привет, Хабр! С вами Галя Охотникова, веб-разработчик из Топвизора. Наша компания разрабатывает платформу для SEO-специалистов, которая позволяет анализировать позиции сайта в поисковиках и находить конкурентов в выдаче. Аналитика всегда включает в себя работу с большим количеством данных, и делать это проще, если они представлены визуально. Поэтому графики и диаграммы в нашем сервисе используются везде, и разработчикам часто приходят задачи, связанные с графиками.В статье я расскажу, как раньш…
Друзья, приветствую. Надеюсь, что вы ждали выхода данной публикации. На текущий момент, если вы следовали моим статья, то к настоящему моменту вы уже освоили:Создание собственного API на Python (FastAPI): Знакомство и первые функции (часть 1)Создание собственного API на Python (FastAPI): Гайд по POST, PUT, DELETE запросам и моделям Pydantic (часть 2)Создание собственного API на Python (FastAPI): структура проекта, SQLAlchemy PostgreSQL, миграции и первые модели таблиц (часть 3)Создание собствен…
В этом посте я попытаюсь формализовать и систематизировать своё собственное понимание, какой должна быть структура SPA-приложений. Это очень субъективное изложение, отражающее мой собственный опыт. Оно относится к определённому классу веб-приложений (SPA, PWA) и не претендует на универсальность.Какие веб-приложения не относятся к рассматриваемому мной классу:headless-приложения (у которых нет UI)микросервисы и микрофронтендывысоконагруженные приложениястатические страницы с использованием внешн…
ВведениеВ этой небольшой статье мне бы хотелось рассказать о такой концепции как Layers в Nuxt 3, как её реализовываю я в своих проектах и почему я считаю это важным. Я покажу два примера: один демонстрирует разделение проекта на несколько слоев, а другой – разделение нескольких фронтендов по разным слоям. Желание написать статью об этом возникло после того как я не нашёл достаточное количество реальных примеров и статей на русском языке по использованию слоев.Проблема, которая привела меня к L…
TLDR В этой статье мы научим авто самостоятельно парковаться с помощью генетического алгоритма. Мы создадим первое поколение авто с произвольными геномами, которое будет вести себя примерно так: Примерно на сороковом поколении авто начнут понимать, что такое авто-парковка, и начнут приближаться к парковочному месту: Другой пример с более сложной отправной точкой: Да-да, авто врезаются в другие авто и паркуются не идеально, но это лишь 40 поколение с момента создания их мира, поэтому…
В последнее время я все больше уделяю внимание юнит тестированию, что связано с моим наставничеством на Hexlet и выравнивание пирамиды на работе. И немного решил освежить основы при написании юнит тестов:Быстрота (Fast)Тесты должны выполняться очень быстро. Время выполнения, включая настройку, сам тест и завершение, должно составлять миллисекунды, так как в проекте может быть тысячи тестов.Изоляция (Isolated/Independent)Каждый тест должен быть независим. Он должен следовать модели "подготов…
Добро пожаловать!В сегодняшней статье я расскажу о одном из моих любимых паттернов для тестирования пользовательского интерфейса. Я не буду вдаваться в подробности о том, что это такое и почему его следует использовать. Моя цель сегодня — продемонстрировать реализацию этого паттерна при работе с Playwright и Javascript/Typescript. Если после прочтения и анализа примеров реализации у вас все еще останутся вопросы, я рекомендую подробнее почитать об этом паттерне.Итак, начнем 🙂Сначала на JavaДанн…
Приветствую вас, читатели этой статьи! Мне с давних пор нравится язык javascript. Считается, что это язык с низким порогом входа, но, несмотря на это, если приглядеться, можно найти много интересного вокруг него. На сегодняшний день node.js является популярной средой для выполнения javascript. Эта среда, помимо всего прочего, предоставляет API для работы с таймерами, схожий с тем, который есть в браузерах. Мне стало интересно досконально разобраться с тем, как работают эти таймеры в node.js. Я …