Category : javascript

javascript
Простые приёмы, которые сделают ваш код нагляднее

ПредисловиеДоброго времени суток, коллеги! В этой статье я делюсь своим подходом к оформлению кода, и приёмами, которые позволят в первую очередь лично вам лучше воспринимать собственный код, и ориентироваться в нём, а также и другим людям, которые будут работать с этим кодом.Я Андрей Рик, fullstack разработчик с 10+ лет опыта коммерческой разработки, множество стартапов разработал в различных командах, и несколько стартапов разработал в одиночку, в т.ч. своих собственных. Примеры кода я буду д…

  • суббота, 27 июля 2024 г. в 00:00:06
javascript
TypeScript + React: путь к идеально типизированному коду

Привет, Хабр!Частенько сталкиваются с проблемой поддержания типовой безопасности в React-проекте. Код разрастается, и управление типами становится всё сложнее. Ошибки, вызванные неправильной типизацией, приводят к крашам и длительным отладкам. Тогда приходит время внедрения TypeScript!В статье рассмотрим как TypeScript может помочь решить проблемы с типизацией и сделать React-код идеально типизированным.Строгая типизация и Type Inference в TypeScriptСтрогий режим TypeScript strict — это конфигу…

  • суббота, 27 июля 2024 г. в 00:00:05
javascript
Выбор JavaScript фреймворка: Сравнение React, Angular и Vue Глазами Разработчика

React - конечно самый качокВведениеВ мире фронтенд-разработки существует множество различных фреймворков, которые помогают сделать процесс создания веб-приложений более удобным и эффективным. Я являюсь частью этого мира уже более 4-х лет, сейчас занимаю должность фронтенд разработчика в топ-1 компании по разработке корпоративного софта, Loyalty Labs. За все время в IT я познакомилась с разными инструментами и фреймворками, и хотела бы обсудить трёх "гигантов" в области frontend: React, …

  • суббота, 27 июля 2024 г. в 00:00:03
javascript
Как мы уменьшили количество кода для генерации графиков в 10 раз, сделав Vue-компонент

Привет, Хабр! С вами Галя Охотникова, веб-разработчик из Топвизора. Наша компания разрабатывает платформу для SEO-специалистов, которая позволяет анализировать позиции сайта в поисковиках и находить конкурентов в выдаче. Аналитика всегда включает в себя работу с большим количеством данных, и делать это проще, если они представлены визуально. Поэтому графики и диаграммы в нашем сервисе используются везде, и разработчикам часто приходят задачи, связанные с графиками.В статье я расскажу, как раньш…

  • пятница, 26 июля 2024 г. в 00:00:04
javascript
Создание собственного API на Python (FastAPI): Подключаем фронтенд и статические файлы

Друзья, приветствую. Надеюсь, что вы ждали выхода данной публикации. На текущий момент, если вы следовали моим статья, то к настоящему моменту вы уже освоили:Создание собственного API на Python (FastAPI): Знакомство и первые функции (часть 1)Создание собственного API на Python (FastAPI): Гайд по POST, PUT, DELETE запросам и моделям Pydantic (часть 2)Создание собственного API на Python (FastAPI): структура проекта, SQLAlchemy PostgreSQL, миграции и первые модели таблиц (часть 3)Создание собствен…

  • пятница, 26 июля 2024 г. в 00:00:03
javascript
Частный взгляд на структурирование файлов при разработке SPA

В этом посте я попытаюсь формализовать и систематизировать своё собственное понимание, какой должна быть структура SPA-приложений. Это очень субъективное изложение, отражающее мой собственный опыт. Оно относится к определённому классу веб-приложений (SPA, PWA) и не претендует на универсальность.Какие веб-приложения не относятся к рассматриваемому мной классу:headless-приложения (у которых нет UI)микросервисы и микрофронтендывысоконагруженные приложениястатические страницы с использованием внешн…

  • пятница, 26 июля 2024 г. в 00:00:02
javascript
Работа со слоями в Nuxt 3

ВведениеВ этой небольшой статье мне бы хотелось рассказать о такой концепции как Layers в Nuxt 3, как её реализовываю я в своих проектах и почему я считаю это важным. Я покажу два примера: один демонстрирует разделение проекта на несколько слоев, а другой – разделение нескольких фронтендов по разным слоям. Желание написать статью об этом возникло после того как я не нашёл достаточное количество реальных примеров и статей на русском языке по использованию слоев.Проблема, которая привела меня к L…

  • четверг, 25 июля 2024 г. в 00:00:10
javascript
Самопаркующийся авто за 500 строк кода

TLDR В этой статье мы научим авто самостоятельно парковаться с помощью генетического алгоритма. Мы создадим первое поколение авто с произвольными геномами, которое будет вести себя примерно так: Примерно на сороковом поколении авто начнут понимать, что такое авто-парковка, и начнут приближаться к парковочному месту: Другой пример с более сложной отправной точкой: Да-да, авто врезаются в другие авто и паркуются не идеально, но это лишь 40 поколение с момента создания их мира, поэтому…

  • четверг, 25 июля 2024 г. в 00:00:09
javascript
Как cделать тестирование кода более эффективным: принципы F.I.R.S.T

В последнее время я все больше уделяю внимание юнит тестированию, что связано с моим наставничеством на Hexlet и выравнивание пирамиды на работе. И немного решил освежить основы при написании юнит тестов:Быстрота (Fast)Тесты должны выполняться очень быстро. Время выполнения, включая настройку, сам тест и завершение, должно составлять миллисекунды, так как в проекте может быть тысячи тестов.Изоляция (Isolated/Independent)Каждый тест должен быть независим. Он должен следовать модели "подготов…

  • четверг, 25 июля 2024 г. в 00:00:08