FiT календарь тренировок — финал трилогии пет-проекта

Год назад я опубликовал первую статью про разработку приложения календаря тренировок. Спустя 5 месяцев опубликовал рассказ о 10 обновлениях . Сейчас время финала истории - ещё 7 обновлений за 7 месяцев. Сам регулярно пользуюсь приложением - оно добавляет мотивации заниматься спортом дальше, сохраняет график тренировок, следит за объемом выполненных упражнений. На текущий момент в приложении больше 150 зарегистрированных пользователей. Времени на пет-проект уделял крайне мало, но основная функциональность была уже готова ранее. Сейчас на нём можно пробовать что-то новое - получается хороший полигон для испытаний. Исходный код Приложение в RuStore Веб-версия Frontend: Typescript, Vitest, Vite, Vue, Tanstack Query, Vue I18n, Tauri Backend: Typescript, Vitest, Esbuild, Fastify, Mongoose, MongoDB, Swagger

https://habr.com/ru/articles/1021790/

#vue #vuejs #vuejs #петпроект #петпроекты #tauri #мобильные_приложения #javascript #typescript #вебприложения

FiT календарь тренировок — финал трилогии пет-проекта

Год назад я опубликовал первую статью про разработку приложения календаря тренировок. Спустя 5 месяцев опубликовал рассказ о 10 обновлениях . Сейчас время финала истории - ещё 7 обновлений за 7...

Хабр

Frontend Status: свежий дайджест фронтенда и AI — 09.04.2026

Привет! Это 12-й выпуск Frontend Status - дайджеста по фронтенд-разработке. В этом выпуске: 📺 Крупные релизы и видео: Babylon.js 9.0 и доклад Таннера Линсли про TanStack Start. 🤖 AI в проде без розовых очков: как агенты «видят» веб, что не так с персонами в промптах и почему Cloudflare меняет подход к кэшу. 🛡️ Supply chain снова в фокусе: пауза bug bounty в Node.js, кейс с axios и практичные меры защиты зависимостей. 🎨 CSS-практика без магии: containment, sticky по осям, subgrid, dino game и «жидкие» анимации от Темани Афифа. ⚡ JavaScript/TypeScript: главное по JS 2026, новый JSIR от Google и утилиты для View Transitions. 🅰️ Angular-экосистема для AI-эпохи и не только: ngxtension, LLMs.txt в NG-ZORRO и MCP-страница в PrimeNG. 🌎 Веб-стандарты и браузеры: W3C про AI и голосовых агентов, JetStream 3 и MCP-коннектор в Opera Neon. 🖌️ UI/UX и доступность: WebAIM Million 2026, дизайн для людей с тревожностью и разборы про принципы дизайна. …и многое другое.

https://habr.com/ru/articles/1021402/

#javascript #typescript #react #angular #vuejs #css #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 09.04.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AI Привет! Это 12-й выпуск Frontend Status - дайджеста по фронтенд-разработке. В этом выпуске: 📺 Крупные релизы и видео: Babylon.js 9.0 и доклад...

Хабр

Как я выбирал стек для SaaS-мониторинга сайтов

Как в одиночку собрать полноценный сервис мониторинга с проверками из 10 точек мира, алертами в Telegram/Slack и собственным агентом? Делюсь личным опытом выбора стека: почему FastAPI выиграл у Django, как TimescaleDB справляется с миллионами строк логов и зачем писать агент на Go, если основной код на Python. Только практика, архитектурные решения и честный расчет стоимости инфраструктуры в €11/мес. Изучить стек

https://habr.com/ru/articles/1021000/

#FastAPI #Vuejs #TimescaleDB #SaaS #мониторинг_сайтов #Celery #Go #архитектура #стартап #разработка

Как я выбирал стек для SaaS-мониторинга сайтов

Я написал сервис мониторинга сайтов. Проверяю доступность из 10 точек мира, шлю алерты в Telegram, Slack, на почту. Есть бесплатный план, платные тарифы, status-страницы, SSL-мониторинг, серверный...

Хабр

Как мы оптимизировали компоненты во фронтенде: работа с версиями и оптимизация процессов

Привет, Хабр! Меня зовут Василий Беляев. Я руководитель группы разработки по направлению фронтенда в ИТ-компании «Криптонит». В этой статье я расскажу про организацию работы с версиями и компонентами, оптимизацию рабочего процесса внутри команды, а также опишу несколько лайфхаков, которые мы применили

https://habr.com/ru/companies/kryptonite/articles/1020720/

#оптимизация #frontend #vuejs #библиотеки #packagejson #workflow #конфигурация #сборка_проекта #синхронизация_версий

Как мы оптимизировали компоненты во фронтенде: работа с версиями и оптимизация процессов

Привет, Хабр! Меня зовут Василий Беляев. Я руководитель группы разработки по направлению фронтенда в ИТ-компании «Криптонит». В этой статье я расскажу про организацию работы с версиями и компонентами,...

Хабр

#Directus layers a blazingly fast #NodeJS API on top of any existing SQL database. No schema changes needed, works with what you already have.

🗄️ Database Freedom:
#PostgreSQL, #MySQL, #SQLite, #MariaDB, MS-SQL, #CockroachDB & #OracleDB — you choose, Directus connects.

🎨 No-Code Admin Dashboard
Built with #VueJS, intuitive and secure. Non-technical users can manage content without any training required.

🔌 Fully Extensible & White-Label Ready

possibly affected: #React
#Vuejs applications (including Vue CLI projects)
#äNuxtjs projects (server-rendered Vue apps and examples)
#Nextjs example apps and tutorials (React SSR/static apps often use Axios)
React Native apps (mobile apps fetching APIs)
#Electron desktop apps (desktop JS apps making HTTP calls)
possibly #SignalDesktop

Frontend Status: свежий дайджест фронтенда и AI — 03.04.2026

Привет! Это одиннадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Плейлист по отладке Next.js с Sentry. 🤖 Рэйчел Эндрю и Эдди Османи — два взгляда на AI: когда использовать, а когда координировать целый оркестр агентов. 🛡️ GlassWorm: атака через невидимые Unicode-символы в npm-пакетах и расширениях VS Code. 🎨 CSS Anchor Positioning: два круга, стрелка и ноль строк JS от Темани Афифа. ⚛️ Storybook MCP для React, data-testid как признак недоступности и пошаговые туры через React Joyride. 👁️ Vue Devtools не работает в продакшене? QA-инженер написал свой инспектор. 🌎 Chrome 147 с scoped view transitions, Safari TP 240 и дайджест веб-платформы за март. 🖌️ Осмысленное трение в UX, ARIA-роли для дизайнеров и тест масштабирования шрифтов в Figma. …и многое другое.

https://habr.com/ru/articles/1018828/

#javascript #typescript #react #angular #vuejs #css #браузеры #ux #ui

Frontend Status: свежий дайджест фронтенда и AI — 03.04.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AI Привет! Это одиннадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Плейлист по отладке Next.js с Sentry. 🤖...

Хабр

Socialhome v0.23.0 released

Work continues towards a full replacement of the UI layer! @[email protected] has been hard at work again, working on both the UI layer, but also the backend and the federation library. Massive kudos <3

This is the last release where it will be possible to use the old UI. The next release is expected to completely remove the old UI, which will be a much welcome clean-up of the code base.

When updating, please note the instructions for running Socialhome with the new UI. The old setting to enable the new UI is gone, instead you will need to route to it using your reverse proxy. In the next release this will become mandatory as the old UI will disappear from the Socialhome backend container.

While things are in flux, unfortunately there aren't very good example ways to run the Socialhome backend and the new frontend. We're hoping to improve on this with the next release, when the old UI will be fully removed. Please pop in our chat room if you have issues attempting to run Socialhome.

Please note due to build issues with the old UI, arm images are not available for this release. If you need them, please ask in the chat room and we will figure something out.

This is not all! The release of v0.23.0 also contains a bunch of other changes and fixes. See the full changelog. Additionally, the federation library has received a ton of changes and fixes which can be found here.

Installing and updating

We recommend using the Docker images.

Notes on how to use the Docker images can be found in the docs.

What is Socialhome?

Socialhome is best described as a federated personal profile with social networking functionality. Users can create rich content using Markdown. All content can be pinned to the user profile and all content will federate to contacts in the federated social web. Federation happens using the ActivityPub and Diaspora protocols.

Please check the official site for more information about features. Naturally, the official site is a Socialhome profile itself.

Try Socialhome?

If you want to try Socialhome first before trying to install it, register at https://socialhome.network and then ping us with a comment on the user name chosen to get the account approved. You can also request account approval in the chat room. This unfortunately approval step is due to spammers.

Contribute

Do you want to work on a Django and VueJS powered social network server? Join in the fun! We have easy to follow development environment setup documentation and a friendly chat room for questions.

#socialhome #federation #fediverse #activitypub #diaspora #django #vuejs

How to use wa-radio-group with Vue

Previously, we went over how to use wa-card, wa-grid, wa-dropdown, and wa-relative-time. The next post in the Web Awesome/Vue series will be about the wa-radio-group component. This could be useful for wiring up a web form or for writing the interface for a results listing (like the “Buy Now,” “Make an Offer,” or “Auction” interface on eBay). Let’s see what is possible with Web Awesome.

For our first, let’s look at the simplest possible example. There is a horizontal radio button group, a vertical radio button group, colorOptions and foodOptions arrays to control what the radio button groups consist of, and ref objects for selectedColor and selectedFood.

CodePen Embed Fallback

If you add an appearance="button" attribute to the wa-radio blocks, it changes it from looking like a group of buttons instead of radio controls.

CodePen Embed Fallback

You will notice, though, that Vue variables for defining the options and what is selected are fine, but the value for what is selected doesn’t change when you change what is selected. So, how can you do that?

CodePen Embed Fallback

The only change in this final example is the addition of an @change="selectedColor = $event.target.value" attribute. Whenever the selection changes, it fires that and changes the value.

Please feel free to drop a comment if you have a question about any of this.

First example: https://codepen.io/steinbring/pen/WbxweXR/e045e86b81364eca311b9c0982b711c5

Second example: https://codepen.io/steinbring/pen/YPWqKpM/f47bd1b7334c432dc9ad5de93a281adc

Third example: https://codepen.io/steinbring/pen/dPXMWog/9d4c39becfdd948bd43eacc80cca0428

#VueJs #WebAwesome
Outstock – Clean & Modern eCommerce Vue Nuxt 4 Template
Build a powerful online store with a minimal and high-performance design!
Tech Stack:
Vue 3 • Nuxt 4 • TypeScript • Pinia • Bootstrap 5 • Sass
Best for:
Fashion, apparel, cosmetics, watches, accessories & mega stores
Highlights:
✔ 7+ Home Pages
✔ 20+ Pages Included
✔ Fully Responsive Design
✔ SEO Optimized
✔ Fast & Lightweight
✔ Clean Minimal UI
Launch your next eCommerce project faster with Outstock!
#eCommerce #VueJS