Mastodon on ZHub

HabrTelescope — web-based log viewer UIВсем привет Хочу поделиться с сообществом своим проектом. Telescope - это opensource web-приложение для удобной работы с логами, хранящимися в ClickHouse.<a href="https://habr.com/ru/articles/890762/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/890762/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/django" class="mention hashtag" rel="tag">#django</a> <a href="https://zhub.link/tags/clickhouse" class="mention hashtag" rel="tag">#clickhouse</a> <a href="https://zhub.link/tags/logs" class="mention hashtag" rel="tag">#logs</a> <a href="https://zhub.link/tags/logviewer" class="mention hashtag" rel="tag">#logviewer</a> <a href="https://zhub.link/tags/telescope" class="mention hashtag" rel="tag">#telescope</a> <a href="https://zhub.link/tags/web" class="mention hashtag" rel="tag">#web</a>

HabrПошаговое руководство для начинающих по разработке SPA на Laravel и Vue.jsПривет, Хабр. На связи Артем, Laravel-разработчик, и я написал инструкцию для начинающих разработчиков по созданию полноценного локального приложения с бэкендом на Laravel и фронтендом на Vue.js. Одностраничные приложения стали стандартом для создания динамичных и быстрых пользовательских интерфейсов. Одним из популярных стеков для разработки SPA является сочетание Laravel и Vue.js. Пошагово разберу, как настроить среду разработки, создать API на Laravel, реализовать динамический интерфейс с использованием Vue.js и связать эти две части в единое приложение. После прочтения статьи вы сможете развернуть свое собственное SPA и использовать его как основу для реализации своих идей по функционалу. Этот пример станет отличной отправной точкой для создания более сложных проектов.<a href="https://habr.com/ru/articles/890170/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/890170/</a><a href="https://zhub.link/tags/laravel" class="mention hashtag" rel="tag">#laravel</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="tag">#вебприложения</a> <a href="https://zhub.link/tags/single_page_application" class="mention hashtag" rel="tag">#single_page_application</a>

HabrWebpack, Vite или Rspack: что это за зоопарк или как собирать микрофронтенды в 2025?Привет! Разбираясь с микрофронтендами в монорепозитории для проекте с Vue3 пришёл к выводу, что так много уделяется внимания гибкости в построении архитектуры и бизнес-задачам, что все боятся заниматься улучшением "условий труда" связанных со сборкой приложения! Решил что эта задачка как раз мне подходит и представляю вашему вниманию небольшую статью которая возможно поможет вам сделать выбор или подтолкнет попробовать новые инструменты сборки фронтенда! Для справки - микрофронтенды у нас на Module Federation, Nx для управления монорепозиторием, общаемся мы через GraphQL, тестируем с Jest и конечно куда без TypeScript. Проект активно развивается, и с ростом его масштабов столкнулись с вопросом: какой сборщик лучше всего справится с нашими задачами? Webpack уже давно с нами, но его медлительность заставляет искать альтернативы. Vite обещает молниеносную разработку, а Rspack — производительность без сложной миграции. Давайте разберёмся, что подойдёт именно нам — и, возможно, вам.<a href="https://habr.com/ru/articles/888478/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/888478/</a><a href="https://zhub.link/tags/%D1%81%D0%B1%D0%BE%D1%80%D0%BA%D0%B0_%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0" class="mention hashtag" rel="tag">#сборка_проекта</a> <a href="https://zhub.link/tags/webpack" class="mention hashtag" rel="tag">#webpack</a> <a href="https://zhub.link/tags/vite" class="mention hashtag" rel="tag">#vite</a> <a href="https://zhub.link/tags/rspack" class="mention hashtag" rel="tag">#rspack</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/module_federation" class="mention hashtag" rel="tag">#module_federation</a> <a href="https://zhub.link/tags/bundler" class="mention hashtag" rel="tag">#bundler</a>

HabrОн вам не SSR. Nuxt — больше, чем Server-Side Render фреймворкПривет, Хабр! Я - Frontend Developer в МТС Диджитал. Все чаще и чаще я натыкаюсь на сообщения и комментарии пользователей в различных социальных сетях про Server-Side Rendering. Обычно эти жалобы о том, кто-то недоволен зависимостью Next.js от Node.js-сервера. Кто-то сталкивается с ограничениями динамического роутинга при статической генерации. Исходя из этого некоторые люди писали в комментариях что-то вроде: "Вы же не ожидали, что SSR-фреймворк решит все проблемы разом?" Большинство моих коллег с других компаний в принципе не понимают зачем я беру Nuxt почти во все свои проекты и задают вопросы. На первый взгляд это вполне логично. Какой смысл брать SSR фреймворк, если ты выключаешь в нем SSR. На примере Nuxt, SSR можно выключить одним булевым флагом в конфиге:<a href="https://habr.com/ru/articles/888356/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/888356/</a><a href="https://zhub.link/tags/nuxt" class="mention hashtag" rel="tag">#nuxt</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="tag">#vue</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="tag">#typescript</a> <a href="https://zhub.link/tags/serverside" class="mention hashtag" rel="tag">#serverside</a> <a href="https://zhub.link/tags/ssr" class="mention hashtag" rel="tag">#ssr</a> <a href="https://zhub.link/tags/nuxtjs" class="mention hashtag" rel="tag">#nuxtjs</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/vue3" class="mention hashtag" rel="tag">#vue3</a>

HabrFusion — php стал ещё ближе к javascriptКаждый PHP-разработчик, работая с современными JavaScript-фреймворками, наверняка задумывался о том, как было бы здорово передавать данные напрямую в компоненты без танцев вокруг контроллеров и типов данных. Арон Френсис, видимо, тоже терзал себя этим вопросом, поэтому 4 февраля 2025 года на своём ютуб-канале представил новую веху развития фронтенда на Laravel — Fusion . В этом статье мы рассмотрим базовые принципы работы библиотеки и основные нюансы работы с ней.<a href="https://habr.com/ru/companies/first/articles/885098/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/first/articles/885098/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/laravel" class="mention hashtag" rel="tag">#laravel</a> <a href="https://zhub.link/tags/php" class="mention hashtag" rel="tag">#php</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="tag">#vue</a> <a href="https://zhub.link/tags/inertia" class="mention hashtag" rel="tag">#inertia</a> <a href="https://zhub.link/tags/inertiajs" class="mention hashtag" rel="tag">#inertiajs</a>

HabrИнтеграция Vue.js в Битрикс24: Как разработать сложный фронтенд за два месяцаПредставьте, что к вам приходит владелец с видео-концептом новой фичи для клиента, функционал которой отдаленно напоминает космический корабль, а у вас всего два месяца на разработку, и один — на тестирование. Если смогли представить, значит эта статья для вас, а если нет — то и для вас тоже, чтобы заранее знать, как выходить из таких ситуаций.<a href="https://habr.com/ru/companies/bitrix/articles/880530/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/bitrix/articles/880530/</a><a href="https://zhub.link/tags/%D0%B1%D0%B8%D1%82%D1%80%D0%B8%D0%BA%D1%81" class="mention hashtag" rel="tag">#битрикс</a> <a href="https://zhub.link/tags/crm" class="mention hashtag" rel="tag">#crm</a> <a href="https://zhub.link/tags/%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C" class="mention hashtag" rel="tag">#онлайнзапись</a> <a href="https://zhub.link/tags/bitrix24" class="mention hashtag" rel="tag">#bitrix24</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="tag">#vue</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="tag">#вебразработка</a>

HabrFastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтендДрузья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.<a href="https://habr.com/ru/companies/amvera/articles/874970/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/amvera/articles/874970/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/vue3" class="mention hashtag" rel="tag">#vue3</a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="tag">#typescript</a> <a href="https://zhub.link/tags/api" class="mention hashtag" rel="tag">#api</a> <a href="https://zhub.link/tags/vuejs_api" class="mention hashtag" rel="tag">#vuejs_api</a> <a href="https://zhub.link/tags/vuejs3" class="mention hashtag" rel="tag">#vuejs3</a> <a href="https://zhub.link/tags/tailwind" class="mention hashtag" rel="tag">#tailwind</a> <a href="https://zhub.link/tags/tailwind_css" class="mention hashtag" rel="tag">#tailwind_css</a> <a href="https://zhub.link/tags/vue_tailwind" class="mention hashtag" rel="tag">#vue_tailwind</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a>

HabrПишем морской бой на VueJS и PythonНапишем всем известную игру на VueJS, Python и вебсокетах. Можно будет поиграть со случайным соперником и попробовать свои силы с другом.<a href="https://habr.com/ru/articles/874188/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/874188/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/python" class="mention hashtag" rel="tag">#python</a> <a href="https://zhub.link/tags/fastapi" class="mention hashtag" rel="tag">#fastapi</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="tag">#websocket</a> <a href="https://zhub.link/tags/canvas" class="mention hashtag" rel="tag">#canvas</a> <a href="https://zhub.link/tags/%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0_%D0%B8%D0%B3%D1%80" class="mention hashtag" rel="tag">#разработка_игр</a> <a href="https://zhub.link/tags/%D0%BC%D0%BE%D1%80%D1%81%D0%BA%D0%BE%D0%B9_%D0%B1%D0%BE%D0%B9" class="mention hashtag" rel="tag">#морской_бой</a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="tag">#typescript</a> <a href="https://zhub.link/tags/vuex" class="mention hashtag" rel="tag">#vuex</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a>

Habr[Перевод] 7 популярных библиотек Vue 3 UI-компонентов, которые заслуживают вниманияUI-компоненты — это один из базовых инструментов, необходимых фронтенд-разработчику для быстрого создания интерфейсов. Они помогают ускорить разработку и упростить поддержку кода. В этой статье представлен обзор нескольких популярных библиотек компонентов для Vue 3. Библиотеки перечислены в произвольном порядке.<a href="https://habr.com/ru/articles/857116/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/857116/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="tag">#vue</a> <a href="https://zhub.link/tags/js_library" class="mention hashtag" rel="tag">#js_library</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="tag">#frontend</a> <a href="https://zhub.link/tags/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="tag">#фронтендразработка</a>

Habr[Перевод] Новый этап эволюции Vue — Vapor19 октября 2024 года завершился Vue Fes Japan 2024 — традиционное событие, которое собрало множество энтузиастов и экспертов в области веб-разработки, где рассказывали о будущем экосистемы вью. На этой конференции разработчик Кевин Денг подробно представил новый этап в эволюции фреймворка Vue — Vapor Vue. Ожидается, что Vapor Vue значительно повысит скорость работы фреймворка, делая его еще более эффективным и мощным инструментом для создания современных веб-приложений. Такой шаг в развитии не только обещает ускорение производительности, но и открывает новые горизонты для гибкости и адаптивности Vue в работе над сложными проектами. В данной статье мы расскажем о самом интересном в этой презентации.<a href="https://habr.com/ru/companies/first/articles/856346/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/first/articles/856346/</a><a href="https://zhub.link/tags/vue" class="mention hashtag" rel="tag">#vue</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/vue_30" class="mention hashtag" rel="tag">#vue_30</a> <a href="https://zhub.link/tags/vapor" class="mention hashtag" rel="tag">#vapor</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a>

HabrПрочитай перед тем, как делать анимацию по скроллуЯ интегрировал видео анимацию, которая перематывается в зависимости от положения скролла, для лендинга детского парка развлечений - wizardia.land Я думаю, я попробовал все неправильные способы, как можно это реализовать, и дальше расскажу про свой опыт. Стек проекта: nuxt 3 (ts) / tailwindcss Идея нашего руководства состояла втом, чтобы создать «вау» эффект для новых пользователей. Для этого оно обратились к 3д художнику, чтобы он намоделил нам видео с красивой переливающейся сферой посередине и последующим ее взрывом с разлетающимся конфетти и тематическими элементами. После того, как оказалось, что само по себе видео выглядит не так впечатляюще, они решили, что оно не должно воспроизводится сразу, а должно перематываться при скроллинге страницы - и тут все началось. Содержание - вкратце по тупым ошибкам, которые я совершил.<a href="https://habr.com/ru/articles/856382/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/856382/</a><a href="https://zhub.link/tags/gsap" class="mention hashtag" rel="tag">#gsap</a> <a href="https://zhub.link/tags/%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D1%8F_%D1%81%D0%BA%D1%80%D0%BE%D0%BB%D0%BB%D0%B0" class="mention hashtag" rel="tag">#анимация_скролла</a> <a href="https://zhub.link/tags/%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D1%8F" class="mention hashtag" rel="tag">#анимация</a> <a href="https://zhub.link/tags/%D1%81%D0%B0%D0%B9%D1%82%D1%8B" class="mention hashtag" rel="tag">#сайты</a> <a href="https://zhub.link/tags/nuxtjs" class="mention hashtag" rel="tag">#nuxtjs</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a>

HabrКоротко про слоты в Vue.jsПривет, Хабр! Когда ты разрабатываешь интерфейсы на Vue.js, рано или поздно приходит момент, когда простые пропсы уже не спасают. Допустим, нужно сделать компонент не просто гибким, а настолько гибким, чтобы его можно было адаптировать под любые сценарии. Пропсами ты тут не отделаешься. И вот тут могут помочь слоты .<a href="https://habr.com/ru/companies/otus/articles/850204/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/otus/articles/850204/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/%D1%81%D0%BB%D0%BE%D1%82%D1%8B" class="mention hashtag" rel="tag">#слоты</a>

HabrКак ускорить компонентную frontend-разработку с помощью продуктового подхода: опыт РунитиПривет, Хабр! Меня зовут Дмитрий Виноградов, я руковожу направлением продуктовой разработки в Рунити, а если проще — то разработкой сайтов и витрин компании. Я и моя команда находимся в постоянном поиске удобных подходов к разработке технических решений. В этой статье расскажу о продуктовых практиках в нашей группе компаний, а также подробнее разберемся, как создавать независимые компоненты, чтобы ускорить frontend-разработку.<a href="https://habr.com/ru/companies/runity/articles/850058/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/runity/articles/850058/</a><a href="https://zhub.link/tags/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0" class="mention hashtag" rel="tag">#архитектура</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="tag">#frontend</a> <a href="https://zhub.link/tags/frontend%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="tag">#frontendразработка</a> <a href="https://zhub.link/tags/asyncapi" class="mention hashtag" rel="tag">#asyncapi</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/specification" class="mention hashtag" rel="tag">#specification</a> <a href="https://zhub.link/tags/contracts" class="mention hashtag" rel="tag">#contracts</a> <a href="https://zhub.link/tags/contracts_%D0%BA%D0%BE%D0%BD%D1%82%D1%80%D0%B0%D0%BA%D1%82%D1%8B" class="mention hashtag" rel="tag">#contracts_контракты</a>

HabrПроект «Статистика дрифта». Часть 2. Базовые сущностиПервая часть серии - Проект «Статистика дрифта». Часть 1. Настройка Паблик во ВКонтакте с новыми сериями без задержек выпуска на habr - Пихта DEV<a href="https://habr.com/ru/articles/842020/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/842020/</a><a href="https://zhub.link/tags/php" class="mention hashtag" rel="tag">#php</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/%D0%BF%D0%B5%D1%82%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82" class="mention hashtag" rel="tag">#петпроект</a>

HabrПроект «Статистика дрифта». Часть 1. НастройкаРазработка PHP/VueJS пет-проекта "Статистика дрифта" в формате лайф-тайм блога. Первая часть лфай-тайм блога написана про базовую настройку будущего приложения.<a href="https://habr.com/ru/articles/840684/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/840684/</a><a href="https://zhub.link/tags/%D0%BF%D0%B5%D1%82%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82" class="mention hashtag" rel="tag">#петпроект</a> <a href="https://zhub.link/tags/%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B0" class="mention hashtag" rel="tag">#статистика</a> <a href="https://zhub.link/tags/php" class="mention hashtag" rel="tag">#php</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a>

HabrКак я стал сертифицированным разработчиком Vue.js: вся правда об экзаменеПривет! Недавно я стал сертифицированным разработчиком Vue.js по мнению certificates.dev и хочу поделиться своим опытом прохождения сертификации. От приобретения пакета подготовки за $200 до самого экзамена с прокторингом — этот процесс был насыщен как приятными моментами, так и не очень . Обзор включенных в экзамен задач, тестовой части и практического этапа, а также мои личные впечатления от системы сертификации! Узнать подробнее<a href="https://habr.com/ru/articles/832992/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/832992/</a><a href="https://zhub.link/tags/%D0%A1%D0%B5%D1%80%D1%82%D0%B8%D1%84%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D1%8F_Vue" class="mention hashtag" rel="tag">#Сертификация_Vue</a> <a href="https://zhub.link/tags/Vuejs_Certification" class="mention hashtag" rel="tag">#Vuejs_Certification</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a>

HabrХрюХрюКар: как перестать беспокоиться, начать создавать сервисы и обзавестись друзьямиПривет, Хабр! Мы хотели научиться создавать сервисы от момента возникновения идеи и до этапа эксплуатации, попутно освоив новые технологии. В итоге получился экспериментальный проект "ХрюХрюКар" — сервис для борьбы с неправильной парковкой, работающий под лозунгом "Хорошие ребята говорят 'Bla-Bla' и не ставят машину на зелёной зоне". В этой статье мы расскажем, как выбирали проект, на решение каких задач нацелен "ХрюХрюКар", какие технологии мы использовали, какие трудности возникали и что получилось в итоге. Ну и поделимся всеми исходниками, конечно. Припарковаться правильно<a href="https://habr.com/ru/companies/timeweb/articles/832966/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/timeweb/articles/832966/</a><a href="https://zhub.link/tags/%D1%85%D1%80%D1%8E%D1%85%D1%80%D1%8E%D0%BA%D0%B0%D1%80" class="mention hashtag" rel="tag">#хрюхрюкар</a> <a href="https://zhub.link/tags/django" class="mention hashtag" rel="tag">#django</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/%D0%BF%D0%B0%D1%80%D0%BA%D0%BE%D0%B2%D0%BA%D0%B0" class="mention hashtag" rel="tag">#парковка</a> <a href="https://zhub.link/tags/%D1%88%D1%82%D1%80%D0%B0%D1%84%D1%8B" class="mention hashtag" rel="tag">#штрафы</a> <a href="https://zhub.link/tags/%D0%BF%D0%B4%D0%B4" class="mention hashtag" rel="tag">#пдд</a> <a href="https://zhub.link/tags/%D0%B3%D0%B0%D0%B7%D0%BE%D0%BD" class="mention hashtag" rel="tag">#газон</a> <a href="https://zhub.link/tags/%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C" class="mention hashtag" rel="tag">#автомобиль</a> <a href="https://zhub.link/tags/timeweb_%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B8" class="mention hashtag" rel="tag">#timeweb_статьи</a>

HabrРабота со слоями в Nuxt 3В этой небольшой статье мне бы хотелось рассказать о такой концепции как Layers в Nuxt 3, как её реализовываю я в своих проектах и почему я считаю это важным.<a href="https://habr.com/ru/articles/830968/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/830968/</a><a href="https://zhub.link/tags/nuxt" class="mention hashtag" rel="tag">#nuxt</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="tag">#javascript</a> <a href="https://zhub.link/tags/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4" class="mention hashtag" rel="tag">#фронтенд</a> <a href="https://zhub.link/tags/nuxtjs" class="mention hashtag" rel="tag">#nuxtjs</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="tag">#vue</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="tag">#frontend</a>

HabrРазработка фронтенда на основе FSDПриветствую! С вами Вадим, frontend разработчик компании «Перспективный мониторинг». Сегодня хочу поделиться нашей типовой структурой frontend приложения, рассказать об архитектурной методологии, которую мы используем, а также основных проблемах, с которыми нам пришлось столкнуться, и способах их решения. У нас есть небольшой демо-проект - hba-demo-todo-app , доступный для всех желающих. Это минимальная конфигурация, далекая от реальных проектов, но для демонстрации кода я буду использовать именно ее.<a href="https://habr.com/ru/companies/pm/articles/825910/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/pm/articles/825910/</a><a href="https://zhub.link/tags/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9" class="mention hashtag" rel="tag">#архитектура_приложений</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/feature_sliced_design" class="mention hashtag" rel="tag">#feature_sliced_design</a>

HabrКак стать Frontend разработчиком: подробное руководство по началу карьерыДобро пожаловать, в захватывающий мир frontend разработки! В этой статье я помогу вам разобраться в сложной и динамичной области, предоставив подробное руководство по изучению необходимых технологий и освоению навыков Frontend разработчика. Вы узнаете, какие инструменты и ресурсы использовать для эффективного освоения профессии, и как поэтапно углубляться в различные аспекты frontend разработки. В конечном итоге, вы сможете создавать интерактивные и визуально привлекательные веб-сайты, которые произведут впечатление на пользователей и обеспечат вам успешную карьеру в данной сфере. Это руководство станет вашим маяком в мире сложных технологий и запутанных терминов. Мы детально разберем, какие навыки необходимо освоить на каждом этапе пути, и в каком порядке это лучше всего делать. Вы получите рекомендации по учебной литературе, оформлению портфолио и прохождению собеседования. Приготовьтесь к увлекательному путешествию, полному интеллектуальных открытий, мелких (и не очень) фрустраций и, конечно же, триумфальных моментов, когда ваш код наконец заработает с первого раза. Шутка, такого не бывает. Так что возьмите побольше кофе и запаситесь терпением – этот путь будет и захватывающим, и немного утомительным, но поверьте, он того стоит.<a href="https://habr.com/ru/articles/817193/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/817193/</a><a href="https://zhub.link/tags/Frontend_%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA" class="mention hashtag" rel="tag">#Frontend_разработчик</a> <a href="https://zhub.link/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://zhub.link/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> <a href="https://zhub.link/tags/JS" class="mention hashtag" rel="tag">#JS</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="tag">#vuejs</a> <a href="https://zhub.link/tags/angular" class="mention hashtag" rel="tag">#angular</a> <a href="https://zhub.link/tags/tailwind" class="mention hashtag" rel="tag">#tailwind</a> <a href="https://zhub.link/tags/%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE_%D0%BA%D0%B0%D1%80%D1%8C%D0%B5%D1%80%D1%8B" class="mention hashtag" rel="tag">#Начало_карьеры</a> <a href="https://zhub.link/tags/%D0%9F%D0%BE%D0%B8%D1%81%D0%BA_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B" class="mention hashtag" rel="tag">#Поиск_работы</a> <a href="https://zhub.link/tags/git" class="mention hashtag" rel="tag">#git</a>

Recent searches

Search options

Administered by:

Server stats:

#vuejs