Code Ukraine // Програмування

💻 Mistral випустив AI-помічника для вайб-кодингу Mistral Code Французький стартап Mistral AI презентував Mistral Code — новий інструмент для розробників. Інструмент позиціонують як європейську відповідь GitHub Copilot, Windsurf, Cursor від Anysphere. Особливості: • підтримка 80+ мов програмування; • працює на базі потужної open-source моделі Codestral (22B); • інтеграція з VS Code та JetBrains; • контекст 32k токенів для роботи з великими проєктами; • локальне розгортання, GitHub інтеграція, генерація тестів. Code Ukraine

🔥 Гнучка та зручна CMS Prismic — headless CMS, заточена під розробку без зайвого галасу. Замість жорстких шаблонів — підхід слайсів: компоненти збираються як лего, структура задається в коді, наповнення йде через UI. REST і GraphQL API на місці, добре дружить з Next.js, Nuxt, SvelteKit та іншими популярними фреймворками. Є інструмент Slice Machine — допомагає створювати і тестувати компоненти локально. Підходить для проектів, де контент роблять не розробники, але структура при цьому під контролем. Посилання на інструмент: Prismic Code Ukraine

🎮 Рух гравця по 2D-матриці — основи текстової гри на C++ Хочеш зробити свою просту гру на C++? Почнемо з базового: гравець у матриці, який рухається за стрілками (WASD). 📌 Що можна дописати? - Підбір предметів (наприклад *) - Супротивники (E) - Кількість ходів - Виграш/програш 🧠 Це — ідеальна база для: - змійки - логічних квестів - roguelike-ігор Хочете наступний приклад із ворогами або предметами на карті? Code Ukraine

🖥 Кросплатформовий менеджер паролів AuthPath — повністю безкоштовний і з відкритим вихідним кодом. Працює на Android, iOS, Windows, macOS і Linux. Підтримує формат KeePass, тому можна легко імпортувати вже існуючі бази. Синхронізація — через Google Drive, Dropbox, OneDrive або WebDAV, а ще є біометрія, генератор паролів і локальне шифрування. Посилання: authpass.app #інструмент #general Code Ukraine

⭐️ Ресурс з купою корисних речей для веб-розробників — 12 інструментів в одному місці Генератор трикутників, тіней, градієнтів. Стиснення SVG, конвертер SVG → JSX, демо курсорів і багато-багато іншого Опенсорс. Швидко. Зручно. Зберігаємо і користуємося як швейцарським ножем: https://omatsuri.app/ Code Ukraine

📱 Андрій Карпати поділився корисним гайдом з використання моделей ChatGPT Переклав і адаптував — думаю, багатьом буде корисно. Зберігаємо в закладки:

Я все ще стикаюся з величезною кількістю людей, які не знають, що: o3 — це очевидно найкраще рішення для важливих/складних завдань. Це модель, орієнтована на міркування (reasoning), яка значно сильніша, ніж 4o, і якщо ви використовуєте ChatGPT у професійній діяльності і при цьому не використовуєте o3, то ви, як то кажуть, ngmi (not gonna make it). 4o відрізняється від o4. Так, я в курсі, лол. 4o — це хороша «робоча конячка» для повсякденних простих і середньо-складних питань. o4 зараз доступна тільки у вигляді mini, і вона не така хороша, як o3, і я не до кінця розумію, навіщо її зараз випустили. Приклад базового «роутера» в моєму особистому використанні: Будь-який простий запит (наприклад: «в яких продуктах багато клітковини?») → 4o (~40% мого використання) Будь-який досить складний або важливий запит, заради якого я готовий почекати довше (наприклад: «допоможи розібратися з цим податковим питанням...») → o3 (~40%) Коли я «по вайбу» пишу код (наприклад: «зміни цей код так, щоб...») → 4.1 (~10%) Коли я хочу глибоко розібратися в якійсь темі — хочу, щоб GPT попрацював 10 хвилин, переглянув купу джерел і зробив зведення (наприклад: «допоможи зрозуміти, як злетіла і чому впала Luminar») → Deep Research (~10%). Зверніть увагу: Deep Research — це не окрема версія моделі, яку можна вибрати в перемикачі моделей (!!!), це опція в розділі Tools. Всередині вона заснована на o3, але, як я розумію, не є повністю еквівалентною просто запиту до o3, хоча я в цьому не впевнений. Все це стосується тільки моделей всередині екосистеми ChatGPT. На практиці моє використання складніше, тому що я люблю перемикатися між ChatGPT, Claude, Gemini, Grok і Perplexity — залежно від завдання і заради дослідницького інтересу.

До речі, свіжий апдейт від OpenAI: Вчора став доступний Codex для всіх Plus користувачів ChatGPT (підписка 20$ / місяць). Обіцяють щедрі ліміти. Пробуємо тут. Code Ukraine

🌐 Незвичайне відображення соцмереж з анімацією при наведенні на них https://codepen.io/Stockin/pen/mzydLz #кнопки #соцмережі #hover Code Ukraine

🎮 Безпечники, це вам: натрапив на найкрутішу гру для початківців-хакерів — Bandit Суть гри: Ви підключаєтеся до віддаленої машини і в ізольованому просторі шукаєте ключ для підключення до наступної машини, використовуючи рекомендації на сайті В описі практично кожного рівня є список команд, які тобі можуть знадобитися Встановлювати нічого не потрібно, заходиш на сайт, вибираєш Level 0 і читаєш умови завдання. Потім підключаєшся фізично по ssh до сервера і починаєш гру

ssh -p 2220 root@bandit.labs.overthewire.org

Code Ukraine

🧠 Безкоштовний інтерактивний курс з prompt engineering від Anthropic Практичний курс для тих, хто хоче навчитися ефективно працювати з AI-моделлю Claude. Коротко, чому варто глянути: • як писати сильні промпти з нуля; • як уникати типових помилок; • як будувати власну бібліотеку промптів; • як зрозуміти, що Claude вміє найкраще — а де слабкий. Курс безкоштовний і є на github. Code Ukraine

🖥 Цей гайд «Python Logging With Loguru» розповідає про те, як спростити логування в Python за допомогою бібліотеки Loguru — зручної та потужної альтернативи стандартному logging Приклади коду показані для реальних завдань, від простого налагодження до продакшен-логування. Приємного вивчення 💪 Code Ukraine

🔥 Створюємо 3D-моделі просто в браузері за лічені секунди - з'явилася потужна тулза для дизайнерів, художників і геймдев-розробників. Працює за текстовим описом: вводиш ідею - на виході готова модель, яку можна відразу редагувати. Підтримує всі популярні формати, плюс величезна бібліотека шаблонів для натхнення. Доступно безкоштовно - користуйтеся. Code Ukraine

🖥 Натрапив на чудову платформу для практики: Pybites Bites of Py Це інтерактивні міні-завдання (байти) з Python, які ти вирішуєш просто в браузері. Твій код одразу тестується > Короткі та прикладні завдання > Усе онлайн, нічого ставити не потрібно > Прокачування Python навичок і стандартної бібліотеки > Чудово підходить для новачків і досвідчених Спробувати можна безкоштовно: https://pybitesplatform.com/bites/demo Code Ukraine

⭐️ Великий збірник завдань для фронтендерів Тут зібрано понад 600 завдань з різних тем для перевірки ваших знань. А для зручності є вбудований редактор, у якому можна перевірити свій варіант розв'язання, не переходячи в інший редактор коду або IDE. Перевірити себе можна тут: https://bigfrontend.dev/ #фронтенд #інструменти Code Ukraine

🖥 Використання декоратора dataclass у Python Декоратор dataclass спрощує створення класів, які в основному зберігають дані. Він автоматично генерує спеціальні методи, такі як __init__, __repr__ та інші. Це знижує багатослівність коду, зберігаючи при цьому його ясність і функціональність. На фото наведено два приклади. У першому ми використовуємо декоратор dataclass, тому явно не додаємо методи __init__, __repr__ і __eq__. Вони автоматично додаються декоратором. У другому прикладі показано, як виглядав би той самий код без використання декоратора dataclass. Видно, що такий код набагато довший Пишіть в коментарях, якщо пост був корисним. Code Ukraine

⭐️ Плавне підсвічування карток при натисканні на них, а також при перемиканні клавішею Tab https://codepen.io/havardob/pen/BapJYMg #форми #перемикачі #чекбокси #картки Code Ukraine

На Hugging Face Spaces викотили окремий стор під MCP Тепер у кілька кліків можна знайти купу безкоштовних, опенсорсних серверів, які легко інтегруються з LLM і закривають будь-які завдання. Просто ставите фільтр «MCP Compatible» і берете готове рішення Налітаємо - тут Code Ukraine

🖥 Гугл викотив свій офіційний опенсорс застосунок для локального запуску ШІ-модельок просто на мобілі Безкоштовно. Працює офлайн. Підтримує мультимодальні моделі Встановлення: йдемо в репу Google AI Edge Gallery, завантажуємо .apk (розділ Releases), ставимо. Завантажуєш одну з моделей звідти або вантажиш свою - і в дорогу Особливо бадьоро літає з новою моделькою Gemma 3n - її якраз пиляли під локальний запуск. Поки тільки для Android, iOS-версія на підході Code Ukraine

🎮 2D-матриця в грі — приклад на C++ У багатьох іграх (шахи, змійка, лабіринти, платформери) — все починається з двовимірної матриці. Це сітка, де кожна клітинка — окремий об'єкт: гравець, ворог, стіна або пусте місце. Давай подивимось, як таку систему можна реалізувати на C++ 👇 Створимо просту карту: 🧱 # — стіна ⬜️ . — вільне місце 🧍 P — гравець 📌 Що можна зробити далі? — Змінювати позицію гравця при натисканні клавіш — Перевіряти, чи можна кудись рухатись — Генерувати карту випадково — Додавати ворогів, предмети і вихід з рівня 🔥 Ідеї для проєктів на 2D-матриці: * Лабіринт із DFS/BFS * Платформер * ASCII-гра з перешкодами * Змійка * Покрокова тактична стратегія Пишіть в коментарях — зробимо серію міні-проєктів на цій базі! #cpp #2dгра #матриця #геймдев #ascii #платформер #snake #алгоритми #приклади Code Ukraine

👩‍💻 Джаваскриптери, це вам - приніс корисний інструмент, що дає змогу наочно бачити порядок виконання JS коду Можна вибрати готові приклади або вбити свій код (думаю, часто зустрічали такі задачі - "в якому порядку виконається код?" - ось це воно) Дуже корисно для розуміння JavaScript загалом 🍯 Пробуємо тут, код на GitHub Code Ukraine

🏛 Безкоштовний експрес-курс від Microsoft: AI Agents for Beginners Це практичний 10-серійний курс, який допоможе зрозуміти, як створювати AI-агентів з нуля — від концепції до продакшну. Пояснюють доступно, з прикладами та кодом. У програмі: • що таке AI-агенти і як вони працюють; • основи RAG (Retrieval-Augmented Generation); • архітектура агентів: плани, цілі, пам’ять; • prompt chaining та взаємодія з LLM; • фреймворки для розробки агентів; • побудова багатоагентних систем; • тестування і розгортання в продакшн. Дивитись курс: YouTube-плейлист. *повний курс та приклади коду можна знайти на github. Code Ukraine