Найти в Дзене
Поддержите автораПеревод на любую сумму
🖥️ Создаём терминал в браузере на React + Vite + Bun
Добрый день! 👋 Поделюсь очередным небольшим проектом, с которым столкнулся при разработке другого проекта. Так же, такой же терминал использовал в приложении про вайб тесты - AI инструмент для покрытия кода тестами. Гит репозиторий с проектом - https://github.com/G28XYZ/terminal-ui Приложение представляет из себя обычный терминал который доступен в операционной системе, обмен сообщениями происходит по веб-сокету. Приложение запускается с помощью lerna, разбит на несколько пакетов (packages): 🔵...
1 неделю назад
AI инструмент для покрытия кода тестами. Ollama + Bun + React.
Добрый день! 👋 Давно подготовил решение, которым пользуюсь для покрытия кода тестами с помощью нейросети в том или ином frontend/web проекте. В статье дам ссылку и расскажу вкратце что из себя представляет такой проект. Ссылка на репозиторий проекта - https://github.com/G28XYZ/ai-testing-tool В репозитории есть описание как запустить проект. Руководство как использовать можно посмотреть по приложенному gif в описании, но все достаточно просто. Запустив проект, создайте чат, выберите модель, выберите файлы которые нужно покрыть тестами, и нажмите кнопку CREATE TEST...
1 неделю назад
3 проекта которые прокачают навыки в веб-разработке.
Всем привет ! 👋 🙂 Пет-проекты, open-source проекты важная часть для разработчика, которая сильно прокачивает скилы, а в перспективе может иметь ещё коммерческий успех, возможно именно вам во время очередной такой инди разработки придёт хорошая идея ! 💡 Приведу 3 проекта, которые можете попробовать реализовать. Со всеми приведенными проектами сам тоже практиковался, к сожалению, не на все проекты есть возможность привести ссылки на свой код. Conduit — это пример референсного приложения, оно представляет...
2 месяца назад
Как создать кросс-платформенное десктопное приложение. Electron, React, TypeScript, vite.
Привет ! 👋 Не давно была новость о то что меню пуск в windows 11 это приложение на react-native. В этой статье расскажу, как можно сделать меню пуск как в windows, но вместо react-native буду использовать просто react, а десктоп получим через electron. Код приложения можно найти тут 👈 В подробностях рассказывать не буду, в описании на репозитории проекта есть гайд как запустить приложение. Кода там немного, пару часов хватит чтобы понять что к чему, ну и я ниже покажу на что обратить внимание. Есть такой инструмент для electron, electron-forge...
2 месяца назад
Полезные ресурсы для веб-разработчика стажера, часть 3 (бэкенд)
Приветствую ! :) В данной статье расскажу про ресурсы бэкенд части. Это продолжение к серии полезных ресурсов для веб-разработки. Уже есть две части: Полезные ресурсы для веб-разработчика стажера, часть 1 Полезные ресурсы для веб-разработчика стажера, часть 2 Ресурсы в статье не покроют освоение бэкенда, это больше вводные данные с чего начать и попробовать, чтобы, понять для себя - нравятся ли это направление и инструменты... На этом фреймворке в своё время я начал разработку бэкенда, и так сложилось что больше всего изучал (различные курсы, туториалы)...
2 месяца назад
Полезные ресурсы для веб-разработчика стажера, часть 2
Привет ! :) В данной статье расскажу про ресурсы фронтенд части. В следующих статьях будут ресурсы про бэкенд часть. Это продолжение к серии полезных ресурсов для веб-разработки. Первую часть можно прочесть тут - Полезные ресурсы для веб-разработчика стажера, часть 1 Пару слов про формат описания и выбор ресурсов которые будут приведены. Существуют большое количество контента на просторах интернета, и можно было бы указать очень много всего, но мой выбор ещё проверен временем. Почти всеми указанными...
2 месяца назад
LangChain, LangGraph для LLM приложений. AI агент на python.
Привет! :) В данной статье хочу поделиться рабочим примером запуска AI агента на python с использованием ChatOpenAI, LangChain, LangGraph. Инфы на просторах интернета ни много ни мало, и её актуальность теряется с каждым месяцем, т.к. приведённые инструменты в активной разработке, методы, функции и тд и тп становятся depricated 😁 В статье буду использовать актуальные на сегодня методы и функции, без сильного углубления, пример будет простым и рабочим. Так же тут не буду рассказывать как запустить...
3 месяца назад
Как вставлять и смотреть код из github gist в Яндекс.Дзен (расширение для браузера)
Доброго времени суток! Расскажу про свой метод вставки и просмотра кода из github gist в дзен. Создание ссылки простое. Перейдите на сайт https://gist.github.com, авторизуйтесь, и создайте код по примеру как на картинках ниже (листайте галерею вправо) Скопированную ссылку просто вставьте в статье. Появится плашка как ниже ( вставляйте код на новом абзаце ) Но так ничего не видно, просто ссылка. Возможно в дзен ведётся разработка своего форматера кода, но посмотреть код прям в статье не получится...
7 месяцев назад
Бэкенд на C++ с фреймворком CrowCpp, сборка в Docker на стэке cmake, conan, alpine, nginx.
Приветствую, в данной статье оставлю заметки по настройке проекта на C++, для запуска разработки микросервиса или другого апи сервиса. Сборка будет происходить в докере, чтобы изолировать среду разработки, и унифицировать для vps/vds сервисов. Ссылка на гит репозиторий проекта - github/crowcpp-docker Установите десктопную версию докера ссылка. При установки десктопной версии установится все необходимое для работы с докером. Сборку сделал через docker-compose -> код Код который буду указывать покрыт комментариями, которые помогут разобраться что есть что...
8 месяцев назад
Расширение для браузера, React+Typescript+Vite. ( пример )
Привет, в данной статье опишу как написать простое расширение для браузера на стеке react + ts + vite. Подробного разбора не будет, опишу, на мой взгляд, ключевые моменты на которые стоит обратить внимание, и проанализировав, можно пробовать писать свою логику для вашего расширения браузера. Код приложения можно смотреть в GitHub репозитории - BrowserExtention В будет реализован функционал запроса данных, показ полученных данных, отрисовки/удалении на странице активной вкладки, + бонусом, смена темы на странице...
10 месяцев назад
Telegram бот на NodeJS & Typescript: nestjs-telegraf + postgres
Тема телеграм ботов на моем канале уже была затронута, но это было давным-давно и не правда 😉 еще и на python В этой статье хочу поделиться изи заготовкой для бота на nodejs с использованием пакета nestjs-telegraf и с бд на postgress. Недавно столкнулся с задачей - разработать бота в телеге. Так как моя деятельность сейчас связана с фронтенд разработкой, не долго думая я уже искал npm пакет для начала разработки. Натолкнулся вначале на telegraf - ссылка 👈 Документация там вполне информативная,...
429 читали · 1 год назад
Полезные ресурсы для веб-разработчика стажера, часть 1
Дополнение к посту - Frontend с чего начать изучение Список литературы, ресурсы, с которым довелось столкнуться, когда я начинал, и краткие мои рекомендации, оценки по сложности материала. Python: 0. Сайт pythontutor.ru и pythontutor.com. Эти сайты у меня были открыты всегда. Русскоязычный сайт дал старт в изучении и сразу показал, как работают простые скрипты, функции.  На англоязычном сайте, удобно отлаживать скрипты. 1. Книга "Современный скрапинг веб-сайтов с помощью python". Начинал с этой книги, т...
1 год назад