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

CSS порада 💡 Можливо, ти не знав про цей новий і найпростіший спосіб вертикально центрувати контент у блоковому макеті. Code Ukraine

🖥 Сьогодні на GitHub створили мільярдний репозиторій. Як назвали ювілейний? Правильно — shit (лайно) GitHub офіційно привітав автора і побажав зібрати що-небудь 💩 https://github.com/AasishPokhrel/shit Code Ukraine

🗣 Кожен раз, коли щось не працює, кричіть «The Fuck» А якщо неправильно ввели команду або отримали помилку в командному рядку, то тим більше! У цьому вам допоможе утиліта «The Fuck». Просто напишіть fuck в консоль і вона сама виправить всі помилки. Вам достатньо скористатися стрілками, щоб вибрати потрібний варіант корекції. #інструменти Code Ukraine

🖥 Знайшов для вас чудовий ресурс для вивчення Python — інтерактивний курс 100-days-of-python 100 міні-проектів, все в браузері, з туторіалами та практикою Забираємо абсолютно безкоштовно тут 🍯 Code Ukraine

📱 «Як я ледь не посрався з довбаним ChatGPT!», або ШІ-лайфхак дня. Як змусити ChatGPT знаходити правильні рішення? *Product Designer поділився ним у себе в linkedin. Ось, що потрібно зробити: — попросити ChatGPT бути вашим асистентом, обов’язково вкажіть сферу експертизи; — вимагати, щоб чатбот критикував те, що йому говорите. Це буде як імітація командної роботи, де люди з різними поглядами разом щось створюють. За словами дизайнера, завдяки такому підходу ChatGPT вкаже на помилки. Також у такій імітованій дискусії можна прийти до чогось корисного. «Інакше він просто видаватиме вам компліментарні відповіді й погоджуватиметься з вашою думкою — навіть, якщо ви неправі». Code Ukraine

🎯 Pygame міні-проєкт — Клікни по кулі! Цей проєкт — ідеальний, щоб освоїти взаємодію миші з об’єктами на екрані. Результат? Простенька, але весела гра: натискай на кулі — отримуй бали! 🎈 📌 Що будемо вчити? — Малювати об’єкти (кола) — Реєструвати кліки миші — Визначати, чи курсор потрапив в об’єкт — Підраховувати очки Це лише база, а решта — твоя творчість. 🧠 У наступному проєкті додам фізику стрибків! Пишіть, якщо хочете приклад гри зі стрибками ? Code Ukraine

🔥 Створюємо сайт з логотипу — взагалі без коду і зайвих танців Сервіс сам генерує дизайн, шрифти та верстку — достатньо завантажити логотип у PNG, SVG або JPG. Працює просто в браузері, без реєстрації і безкоштовно. Ідеально для швидкого старту. Code Ukraine

Зацініть, що знайшов — клон Minecraft прямо в браузері Створений тільки з використанням HTML і CSS — 0 рядків JavaScript. Повна дивина 😘 Спробувати можна тут Code Ukraine

🖥 Перевірка сумісності JavaScript-коду з середовищем за лічені секунди Runtime-compat — це інструмент, який дозволяє перевірити, які функції вашого коду підтримуються в різних середовищах виконання, а які — ні. Запустіть його, і він покаже, що буде працювати, наприклад, з Node.js, а що доведеться переписати. Зараз інструмент підтримує Node.js, Deno, Bun, Cloudflare Workers та інші середовища виконання. #інструменти #javascript Code Ukraine

🧐 У Claude з'явився режим Education Безкоштовне навчання тепер стане набагато швидше завдяки штучному інтелекту: 1️⃣ Встановіть чіткі цілі навчання. 2️⃣ Надайте контекст для ваших знань. Claude пов'язує нові ідеї з тим, що ви знаєте. 3️⃣ Попросіть докладних пояснень. Claude може глибоко поринути у складні теми. 4️⃣ Отримайте реальні приклади. Claude покаже, як концепції працюють у реальному світі. 5️⃣ Практика написання та отримання зворотного зв'язку. Claude дасть миттєвий зворотний зв'язок, щоб покращити ваші навички. 6️⃣ Рольова гра з мов або програмування. Claude може змоделювати розмову або сценарій програмування. 7️⃣ Перевірка фактів дивних тверджень. Claude допоможе вам перевірити факти та твердження. 8️⃣ Робіть перерви та обмірковуйте отримані знання. Claude нагадає вам про необхідність зробити паузу і подумати. 9️⃣ Ведіть щоденник навчання. Claude допоможе його вести. 1️⃣0️⃣ Ітерація та вдосконалення розуміння. Claude заохочує вас удосконалювати свої знання. Code Ukraine

⭐️ Едді Османі, провідний інженер Google і автор десятка книжок, викотив The Prompt Engineering Playbook for Programmers - ультимативний гайд із промптингу для кодерів Це великий мастрид із купою технік, шаблонів, сценаріїв використання, прикладів «поганих і хороших запитів» - усе, щоб вичавлювати з AI-асистентів максимум Забираємо в закладки Code Ukraine

📱 Вийшла гра CodeStrike, в якій можна вивчати Python під час гри — зараз безкоштовно на обмежений час Геймплей варіюється від примітивних завдань до справжнього хакерства камер і дверей. На борту автокомпліт, покроковий дебаг і три рівні складності Забираємо в Steam 🍯 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