пью код пишу пиво
СтатистикаФронтенд разработчик 👨💻 Люблю пиво 🍺 игры 👾 и свои пет проекты, с которыми я делюсь здесь. #закладки - не то о чем вы подумали #pet - рассказываю про свои микро петы
- Последний пост
- 15 апр.
- Последнее чтение
- 15 авг.
- Постов за неделю
- 0
- Всего постов
- 23
- Тип
- открытый
- Язык
- русский
- Категория
- Технологии
- В каталоге с
- 13 авг.
- 1/24сутки в ленте
- —
- 1/48двое суток
- —
- 1/72трое суток
- —
Оценка по просмотрам недавних постов: пост набирает почти всё за первые сутки.
Посты
без подписи
без подписи
Нашел интересное мобильное приложение Fantasy Hike, это шагомер, которое превращает шаги в путь из Шира до Мордора во вселенной Властелин колец (около 2865 км). Задумка прикольная, есть карта, где можно посмотреть ваше местоположение в фентези мире. Но функционал очень сильно ограничен, лимит в 1.5 км без подписки выглядит супер не очень. А платить за шагомер по 300+ монет вообще не хочется. Да я сам сделаю такое же приложение с вайбкодингом. Ну и в общем я начал делать. Но в пока думал над функционалом пришла в голову мысль, сделать что-то подобное, но с марсоходом ✍️ Взять реальную карту NASA и превратить в шагомер с данными в реальном времени (марсоход не стоит на месте). Так я и начал реализацию. Делал все на claud с подпиской в 20 бачей. Самой большой трудностью было карту воткнуть на страницу и отобразить свое местоположение. За пару вечеров ему все таки удалось примерно прикинуть мою точку на пути. Вторая прикольная фича показать фотографии на этой точке. На видосе можно увидеть фотографии, сделанные марсоходом примерно в этой точке. Я еще сравниваю правильность данных, тут уже claud не способен точно оценить правду, но судя по инфе из интернета все сходится. Просто как пет проект для себя выглядит уже отлично, может появится мотивация ходить больше. Насчет реализации взял react native, тестирую сразу на ios и на android. Шагомер работает через gps. Хотел брать данные из приложений здоровья, но там куча проблем с регистрациями и тд, так что пока оставил gps. Тестирую сборки через expo. Очень удобный сервис, локально сбилдил, запустил и зашел через телефон. Но на бесплатном тарифе бывает очередь на билд, нужно это делать днем пока американцы спят. Хочу запустить в облаке и попробовать уже тестить вне дома. А потом может сюда скину APK. #идея
Второй микро пет это автоматический марсианский бот, который раз в n-ое количество времени публикует случайную фотографию от марсоходов. Раньше был официально поддерживаемый разработчиками NASA апи, но автор держал его для себя и с недавних пор закрыл сервис. В целом можно сделать форк и поднять у себя или использовать готовый сервис из форков. Самое сложное было поиск хороших фотографий. Очень много черно белых и маленьких фотографий. Настроил поиск по размеру и по цвету. Получилось прикольно, много интересных фотографий увидел с помощью бота. Сейчас из-за проблем с доступностью с nasa api нет возможности продолжать их развивать. Может настрою обходы и снова запущу. Щас тг канал лежит мертвым грузом, раньше помимо фоток был парсер на новости (но увы и тут все заглохло). Может в будущем получиться сделать что-то более интереснее.
Всех с днем космонавтики 🧑🚀🚀 Этой тематикой я достаточно давно интересуюсь. Пытался сделать пару микро пет проектов на эту тему, чуть чуть расскажу про них. Редизайн NASA APOD. Есть такая страница, где раз в сутки выкладывают фото дня с описанием. Дизайн супер устаревший, но есть официальный API, отсюда у меня появилась идея сделать редизайн в журнальном стиле. Получилось как на скрине. Были идеи сделать чат для каждой страницы, чтобы анонимно с рандомной космической аватаркой можно было оставить свой след. Но сайтик успешно забросил, может быть когда-нибудь сделаю. Позже я сделал тг бота, в котором был подобный функционал, но можно было подписаться на рассылку фото дня, получать снимки из Марса. Также можно было добавить его в чат для удобства и совместных обсуждений фоток. На пике было 400 юзеров и 120 человек подписаны на рассылку. Бота похронил. После него появился второй микро пет...
без подписи
без подписи
Cursor научился локально у себя запускать проекты 😳 Теперь облачные агенты могут взаимодействовать с приложениями, которые они развернули на своих мощностях. После того как подключите его к своему репозиторию, каждый агент запускается в собственной изолированной виртуальной машине с полноценной средой разработки. Они много чего умеют, могут интегрироваться в гитх(л)аб, слак и жиру. Создавать ПРы, записывать логи, делать скриншоты, записывать видосы. Теперь по сути можно через телефон дать задачу нескольким агентам на разработку фичи, чтобы они все перепроверили, записали видос как все работает и прислали тебе в пр. Я пока начал щупать, можно почитать дополнительно тут cursor.com/onboard
Критическая уязвимость в React Разработчики React рекомендуют срочно обновиться до версий 19.0.1, 19.1.1 или 19.2.1 из-за критической уязвимости в React Server Components, обнаруженной 29 ноября. Под угрозу Remote Code Execution попадают все сайты, поддерживающие RSC, даже если на самих сайтах RSC не используются. Так же затронуты next, react-router, @vitejs/plugin-rsc и ещё ряд пакетов. Кому интересно, вот PR с исправлением.
🐾 Делаю свой пет-проект ShelterHub Уже довольно давно у меня в голове крутится идея создать продукт, который мог бы помочь приютам для животных в России. Идея появилась когда я пытался найти различные приюты для поддержки и удивился, на сколько много приютов в различных соц сетях, они разбросаны, очень сложно было собрать все приюты из своего города. Помимо обычного гугления оказалось есть еще несколько приютов, которые есть только в инсте. В общем тогда я начал подумывать о создании своего пет проекта, который бы смог решить эту проблему. Несколько лет думал, как это реализовать и только этим летом я реально взялся за проект. С развитием ИИ процесс пошёл значительно быстрее: удалось навайбкодить первую тестовую мвп версию и собрать базовый функционал. Если коротко, ShelterHub — это агрегатор приютов, где: - приюты могут вести свою страницу в удобном формате, - пользователи могут искать приюты по городам, - есть разовые донаты и ежемесячные подписки, - есть лента постов и возможность публиковать обновления. Постепенно формирую полноценный продукт, и, как всегда, параллельно экспериментирую с технологиями. Немного про тех часть. Деплой фронта и бека на Vercel + Railway Для деплоя я использую два основных сервиса: Vercel и Railway Vercel мой любимчик. Лёгкий деплой, превью-ветки, стабильность, много функционала для фронта, аналитики. И как-то наткнулся на Railway. Выбрал его для деплоя бекенда и он оказался идеальным. Отлично подходит для пет проектов и прототипов. Можно запускать бекенды, PostgreSQL, Redis и другие сервисы буквально в несколько кликов, мощный cli, панель управления супер понятная и комфортная. 30 дней бесплатно, дальше можно взять за 5$ версию Hobby, мне этого вполне хватает. Сейчас этап, когда я реализую платежи через yookassa, у них кстати оч понятная дока по api и возможность делать тестовые выплаты. Стараюсь не забрасывать дело, развивать, улучшать функционал и изучать юридическую сторону вопроса. Пока сам проект лежит тут shelter-hub-production.up.railway.app Если интересно, то также можно подписаться на тг канал проекта, где я буду рассказывать об обновлениях и выкладывать полезные посты про маленьких друзей #pet
Пришло время для еженедельного Дайджеста! Что нового за неделю с 10/13/2025 по 10/20/2025: 1. Кейс из production: Deadlock в асинхронном коде на Java 2. От визитки до медиа-платформы: как я делаю сайт для своей музыки 3. HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 13 4. JavaScript на блокчейне: как язык браузера стал сердцем Web3 5. Sequential linear() Animation With N Elements 6. Debug AI fast with this open source library to visualize agent traces 7. A native way of having more than one thumb on a range slider in HTML 8. AI In UX: Achieve More With Less 9. Fragments: A Platform for Learning Creative Coding with Shaders 10. From Linear to Systems Thinking: Solving Complex Tech Challenges 11. The HackerNoon Newsletter: Best AI Visibility Tools for 2025 (10/19/2025) 12. 30 Days, 73 Hours, and a Lot of SQL: My Journey Through The Odin Project’s Database Section 13. Quantifying the Right-Context Boundary of Authority in Language Models 14. Node.js v25.0.0 (Current) 15. 50 Reasons to Build a Website 16. A Bun-believable release that isn't half-baked 17. React Compiler 1.0, Bun 1.3, and Next.js 16 Beta 18. Firefox finally supports View Transitions #дайджест
Typescript внутри работает на var и это работает лучше! Увидел статью о том как typescript оптимизирует свою работу с помощью var, а все из-за Временной Мертвой Зоны (TDZ). Из исследования говорится средам выполнения JavaScript необходимо отслеживать, достигли ли они этой точки объявления, и это приводит к затратам времени выполнения. Часто реализации могут выполнять оптимизации и удалять эти проверки, но это может быть сложно и имеет ограничения. Были также проведены тесты, где выяснилось, что производительность выросла аж на 8% при использовании var 😆 Более точное описание с примерами в оригинале, а еще точнее в ишью ts.
Пришло время для еженедельного Дайджеста! Что нового за неделю с 9/29/2025 по 10/6/2025: 1. Обзор решений для домашних кинотеатров: Plex, Jellyfin и альтернативы 2. [Перевод] Создаем иммерсивную трехмерную визуализацию погоды с помощью React Three Fiber 3. [Пятничное] Я сломал русский язык. Теперь ваша очередь 4. Веб. К черту фреймворки! Пишем свой starter-kit с роутером и сторами 5. Лучшие практики для ускорения фронтенда: чек-лист 2025 года 6. Почему Next.js ломает архитектуру и мешает строить масштабируемые системы 7. «Началась эра очистки ИИ-кода»: разработчики жалуются на всплеск неработающих проектов 8. Same Idea, Different Paint Brush 9. Contract shock therapy: the way to API-first documentation bliss 10. Intent Prototyping: A Practical Guide To Building With Clarity (Part 2) 11. Fluid Worlds and Layered Visions: Tomoya Okada’s Digital Craft 12. Caching in Vector Database: What You Need to Know 13. Gluwa Proves That Blockchain Is More Than Just Tokens 14. Big Ball of Mud: What You Need to Know About the Antipattern, How to Avoid It, and More 15. Should You Be a Tech-First or People-First Developer? 16. Angular support for generating apps in Google AI Studio is now available 17. What’s new in Svelte: October 2025 18. Piccalilli on The Coyier CSS Starter 19. React 19.2 is in the building 20. Considering React state management options in 2025 21. How much do you really know about media queries? #дайджест
Пришло время для еженедельного Дайджеста! Что нового за неделю с 9/22/2025 по 9/29/2025: 1. Angular signals 101 2. О книге «Фулстек JavaScript: Секреты, которые должен знать каждый миддл» 3. [Перевод] CSS, который все ненавидят: sin() и cos() 4. [Перевод] HTML мёртв, да здравствует HTML 5. 10 VSCode расширений, которые реально повышают продуктивность 6. Recreating Gmail’s Google Gemini Animation 7. Flaky tests, be gone: long-lasting relief for chronic CI retry irritation! 8. From Prompt To Partner: Designing Your Custom AI Assistant 9. Clutter 10. Global by Design: Leading Across Borders to Shape Digital Experiences 11. React Synthetic Events Explained: Complete Guide for Developers ⚡ 12. Advice for Open Source Entrepreneurs: Pick Your Market, Serve Paying Customers 13. The Role of Mutation Path Algorithms in Tree-Diffusion Program Synthesis 14. How to Force AI Into Obedience With a Compiled Rule 15. Human Oversight Remains Essential for AI Coders 16. Node.js v24.9.0 (Current) 17. Git Worktrees: Git Done Right 18. The first browser with JavaScript landed 30 years ago 19. CSS wish: inner breakpoints 20. TanStack Start v1 begins to appear 21. What you need to know about modern CSS #дайджест
Пришло время для еженедельного Дайджеста! Что нового за неделю с 9/15/2025 по 9/22/2025: 1. Как мы делали стартап, и почему у нас не получилось 2. Как подружить Node с TypeScript 3. К вопросу о кошмарном качестве книг по программированию. Моя не наглядная книга о наглядном CSS 4. Достаточно ли ru-RU для указания языка на веб-странице 5. Будущее фронтенда: куда движется React, Vue и Angular 6. Как выстраивать работу с разработчиками решений в экосистеме B2B-маркетплейса 7. On inclusive personas and inclusive user research 8. OKLCH in CSS: why we moved from RGB and HSL 9. The Psychology Of Trust In AI: A Guide To Measuring And Designing For User Confidence 10. LO2S × SNP & DashDigital: Designing a Website Full of Movement and Energy 11. Beyond the Brand Name: What We Really Mean When We Talk About Laser Printers 12. The Tortoise and the Hare: An Unexpected Scheduling Race Between MILP and CP Solvers 13. How to Implement Lazy Loading Images and Videos in JavaScript 14. AI’s Habit of Repackaging Ideas Without Credit 15. Beyond the Horizon: How Angular is Embracing AI for Next-Gen Apps 16. What You Need to Know about Modern CSS (2025 Edition) 17. The attack on the npm ecosystem continues 18. Learning web development: Version control via Git and GitHub 19. How to keep your package.json under control 20. Getting animations done right and with purpose 21. CSS to speech: alternative text for CSS-generated content #дайджест
Взломано еще более 180 npm-пакетов Понимаю, это уже перестает быть какой-то новостью. Тем более прошло уже два дня и кто подцепил, тот подцепил. Вредоносные пакеты уже удалены из репозитория и если не обновлялись в последние дни, то можно уже не переживать. Однако, на всякий рекомендую проверить что у вас нет зараженных пакетов. Команда на 180 пакетов получилась огромная, поэтому закинул на отдельную страницу в телеграф. https://telegra.ph/Proverit-svoj-proekt-na-uyazvimosti-09-18 Прочитать полную новость на английском можно тут. Поддержать канал можно по этой ссылке или репостом. Будьте здоровы, вы и ваши проекты! 🤒
Никогда такого не было и вот опять
Пришло время для еженедельного Дайджеста! Что нового за неделю с 9/8/2025 по 9/15/2025: 1. [Перевод] Меньше магии, больше кода: мой способ писать Django views 2. Не одним CRDT едины или P2P vs Authoritative в local-first приложениях 3. Leaflet, роутинг и тонна JavaScript: создаем свой планировщик маршрутов с нуля 4. Superset deep-linking: как Rison и Jinja превращают сводный дашборд в инструмент фокус-анализа 5. 2 млрд загрузок под ударом: в npm нашли вредоносные версии chalk, debug и еще 16 пакетов 6. What Can We Actually Do With corner-shape? 7. Exploring Active Agent, or can we build AI features the Rails way? 8. Styling siblings with CSS has never been easier. Experimenting with sibling-count and sibling-index 9. From Data To Decisions: UX Strategies For Real-Time Dashboards 10. Craft, Clarity, and Care: The Story and Work of Mengchu Yao 11. PREDICTION AND FORECASTING PROJECTS IN WEB3: AN OVERVIEW 12. The Monotonicity Theorem: How a Simple Condition Guarantees Equilibrium Uniqueness and Efficiency 13. How to Build a File Uploader Tool with Drag-and-Drop and Cloud Storage 14. How I Built a Config Framework That Scales Across 15+ Microservices 15. Node.js v24.8.0 (Current) 16. Breakpoint Columns, Five Ways. Which Do You Like? 17. Package efficiency and dependency hygiene 18. Learning web development: Implementing web servers 19. Shopify's journey to the New Architecture 20. What you need to know about color interpolation and shifting 21. 🎥 New (Video) Podcast: "Navigating the World of Web Accessibility with Sara Soueidan", with Kevin Powell #дайджест
Пришло время для еженедельного Дайджеста! Что нового за неделю с 9/1/2025 по 9/8/2025: 1. Деструктуризация в JavaScript 2. [Перевод] Делегирование событий в JavaScript: когда обычного всплытия недостаточно 3. HTML и CSS осенью 2025. Эти новые фичи я рекомендую изучить прямо сейчас 4. TMH: как создать музыкальный хаб на PHP, Telegram и виртуальном хостинге 5. SolidJS и Qwik: фронтенд нового поколения 6. Как сделать сайт доступнее: инструменты accessibility, которые вы можете внедрить прямо сейчас 7. What You Need to Know About CSS Color Interpolation 8. The Whop chop: how we cut a Rails test suite and CI time in half 9. Designing For TV: Principles, Patterns And Practical Guidance (Part 2) 10. Between Strategy and Story: Thierry Chopain’s Creative Path 11. Prompt Engineering 12. educe Truth Bias and Speed Up Unfolding with Moment‑Conditioned Diffusion 13. What Building a Simple Age Calculator Taught Me About Time, Technology, and Small Tools 14. Optimizing the Ever-Growing Balance in an 11-Year-Old Game 15. Node.js v20.19.5 (LTS) 16. The return of tech specs 17. Why browsers throttle JavaScript timers (and what to do about it) 18. Learning web development: Installing npm packages and bundling 19. React Server Components sans frameworks 20. As Chrome turns 17, Google gets to keep it #дайджест
Пришло время для еженедельного Дайджеста! Что нового за неделю с 8/25/2025 по 9/1/2025: 1. Bitrix, Magento и Ensi: как выбрать платформу для eCom, чтобы не пожалеть через год 2. [Перевод] React Custom Hook: useDebounce 3. Я запрещаю вам margin 4. <details name>: эксклюзивные аккордеоны на чистом HTML (+ стили через :has()) 5. Максимально простое объяснение устройства микрофронтендов 6. CSS Elevator: A Pure CSS State Machine With Floor Navigation 7. The scenic route: lessons building an IntelliJ IDEA plugin for Luau 8. A Breeze Of Inspiration In September (2025 Wallpapers Edition) 9. Motion Highlights #12 10. The only Web3 analytics features that actually matter in 2025 11. A Look at Games Made With Godot XR (December 2024) 12. Forget Plug-and-Play AI—Here’s How to Roll Your Own 13. Let Your Browser Take a Breather with Scheduler.yield() 14. Refactoring 033 - Removing Redundant or Unused Annotations 15. Why Your AI Coding Assistant Might Be Built on the Wrong Foundation 16. Angular Summer Update 2025 17. Bootstrap 5.3.8 18. Node.js v22.19.0 (LTS) 19. The `-path` of Least Resistance (Part 2) 20. The latest on Oracle's hold on JavaScript 21. Learning web development: JSON and processing files in Node.js 22. localStorage vs Context, Redux or Zustand 23. Rolling the dice with random CSS #дайджест