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


Kanal geosi va tili: Ukraina, Ukraincha


Корисні шпаргалки, лекції та матеріали для програмістів.

@itua_chat - наш чат
@ad_duck - зв’язок / @ukr_duck

Связанные каналы

Kanal geosi va tili
Ukraina, Ukraincha
Statistika
Postlar filtri


🔥 Dusa - нова мова програмування

Це не просто мова, а інструмент для логічного програмування для дослідження графів.

Як почати?

- Спробувати у веб-редакторі.
- Встановити через npm і працювати з Dusa через CLI або JavaScript API.
- Почитати наукову роботу авторів Finite-Choice Logic Programming для занурення в тему.

🔗 Мова програмування Dusa

Code Ukraine


💾 Шпаргалки для всіх і кожного

У репозиторії зібрано понад 30 шпаргалок для розробників усіх видів. Сетівіки, фронтендери, лінуксоїди, бекендери і навіть ті, хто тільки вчиться писати на Python - знайдуть щось корисне.

📎 Що там усередині?

- Git, Docker, Python, SQL - усе, що потрібно, щоб вижити.
- VSC, vim і навіть Chrome DevTools - для продуктивної роботи.
- Bash, Linux, Windows - шпаргалки для роботи з системами.
- А якщо не вистачило - залітайте в контриб'ютори. Там можна додати свою шпору.

📂 Репозиторій: https://clc.to/44Ef5Q

Code Ukraine


🖥 Бінарний пошук: знайди потрібне швидше! 📖

Бінарний пошук – один із найефективніших алгоритмів для швидкого пошуку елемента в відсортованому списку. Він значно зменшує кількість перевірок, працюючи за принципом "розділяй і володарюй".

Як це працює?
1) Вибір середини: Розбиваємо список на дві частини, вибираючи середній елемент.
2) Порівняння:
— Якщо шуканий елемент менший за середній, продовжуємо пошук у лівій частині.
— Якщо більший – у правій частині.
— Якщо рівний – ми його знайшли!
3) Повторення: Повторюємо процес, доки не знайдемо елемент або не залишиться жодної частини для пошуку.

Чому це корисно?
— Швидкість: Бінарний пошук працює за час O(log n) (логарифмічний час).
— Ефективність: Ідеально підходить для великих відсортованих наборів даних, наприклад, телефонних книг, словників чи баз даних.

Де використовується?
— Пошук у базах даних.
— Робота зі словниками чи довідниками.
— Аналіз великих масивів даних.

Бінарний пошук – це основа оптимізації в багатьох програмах і системах. Спробуй сам написати його реалізацію, щоб краще зрозуміти, як це працює!

#алгоритми #бінарний_пошук #програмування

Code Ukraine


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Як працюють черги під час обробки HTTP-запитів

Існує три основні типи черг:

1. FIFO (First-In-First-Out): Обробка запитів у порядку їх виникнення.
2. LIFO (Last-In-First-Out): Обробка останнього запиту, що надійшов, у першу чергу.
3. Пріоритетні черги: Обробка запитів на основі їхнього пріоритету.

Кожен із типів має свої особливості та проблеми. Щоб краще в них розібратися, я знайшов для вас статтю, в якій на вас чекає інтерактивне дослідження стратегій черг, методів запобігання втрат, а також розглядаються практичні поради застосування різних типів черг у реальних системах.

Переходимо за посиланням і вивчаємо: https://encore.dev/blog/queueing

#http

Code Ukraine


🖥 Алгоритм Дейкстри: як знайти найкоротший шлях?

Алгоритм Дейкстри – це один із найвідоміших алгоритмів для пошуку найкоротшого шляху у графах. Він використовується в навігаторах, маршрутизації мереж і навіть у комп'ютерних іграх. 🎮

Як це працює?
Алгоритм знаходить найкоротший шлях від однієї точки (вузла) до всіх інших у графі, де ребра мають ваги (наприклад, відстань, час чи вартість).

— Початок: Ви обираєте початковий вузол і ставите його відстань рівною 0, а для всіх інших вузлів – нескінченність.
— Відвідування вузлів: Для кожного сусіднього вузла обчислюється відстань через поточний вузол. Якщо ця відстань менша за записану, ми оновлюємо її.
— Вибір наступного вузла: Вибираємо вузол із найменшою відстанню серед тих, які ще не відвідували.
— Повторення: Процес триває, поки всі вузли не будуть відвідані.

Де застосовується?
Навігатори: Пошук найшвидшого маршруту.
Мережі: Оптимізація передачі даних.
— Ігри: Рух персонажів до цілі.

Алгоритм Дейкстри – це чудовий приклад того, як математичні теорії допомагають вирішувати реальні задачі.

Що думаєте? Пишіть у коментарях, які алгоритми розібрати далі! 🚀

#програмування #алгоритми #графи

Code Ukraine


🖥 NiceGUI - це зручний фреймворк мовою Python, призначений для створення веб-інтерфейсів, які відображаються безпосередньо у вашому браузері!

З його допомогою можна легко створювати такі елементи, як кнопки, діалоги, розмітку Markdown, 3D-сцени, графіки та багато іншого. NiceGUI особливо підходить для розробки невеликих веб-додатків, інформаційних панелей, проєктів у галузі робототехніки, рішень для розумного будинку та аналогічних завдань.

🔐 Ліцензія: MIT

🖥 Github


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
🖥 Як працюють В-дерева та індекси баз даних

Щоб розібратися в цьому питанні було простіше, ми знайшли для вас туторіал, де автор зрозумілою мовою та з ілюстраціями пояснює, що це за структури, навіщо вони потрібні, як працюють і багато інших нюансів роботи СУБД.

Приклади тут не просто наочні, а й інтерактивні, що робить процес вивчення ще простішим і цікавішим.

Вивчаємо тут: https://planetscale.com/blog/btrees-and-database-indexes

Code Ukraine


🖥 boardgame.io - рушій для створення покрокових багатокористувацьких ігор з використанням JavaScript!

Він автоматично керує станом гри, синхронізуючи його між клієнтами, сервером і сховищем. Репозиторій включає можливість створення матчмейкінгу, генерації ботів, а також підтримку різних фаз гри з унікальними правилами.

🔐 Ліцензія: MIT

🖥 Github

Code Ukraine


⭐️ Roadmap для веб-розробників

Один із найкрасивіших роадмепів, який я коли-небудь бачив, створив розробник із Данії.

Він склав інтерактивну дорожню карту для веб-розробників.

До кожного пункту додаються посилання на ресурси, де можна вивчити або підтягнути відповідну тему.

Це чудовий спосіб організувати навчання і стежити за своїм прогресом у веб-розробці.

🔗 Посилання: https://andreasbm.github.io/web-skills/

#roadmap #web #js #html #css

Code Ukraine


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
📹 Відео пояснює одну з особливостей TypeScript: поведінку коду в нескінченному циклі while (true).

Якщо після такого циклу є рядки коду, вони вважаються недосяжними, оскільки цикл теоретично виконується нескінченно.

Однак, якщо в циклі є логіка переривання (break), TypeScript більше не вважає наступний код недосяжним.

Code Ukraine


🛠 Wokwi: безкоштовний онлайн-симулятор Arduino і Raspberry Pi

Дозволяє протестувати схему до складання, виключаючи ризик для комплектуючих. А ще можна зберігати проєкти і ділитися ними, отримуючи фідбек від більш досвідчених однодумців.

Симулятор підтримує широкий спектр комплектуючих: мікроконтролери, датчики, дисплеї та інше.

#інструменти

Code Ukraine


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Hover Effect

Параметри анімації задаються через JS під час наведення.

🔗 Посилання: https://codepen.io/kiranpate1/pen/MWMGKdv

Code Ukraine


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
НОВИНКА: Kokoro v1.0 - 82M, відкрита багатомовна модель TTS (перекладу мовлення в мовлення іншою мовою), яка працює на WebGPU в браузері! 🔥

Повністю автономна модель, 100% локальна з підтримкою англійської, іспанської, французької, італійської, японської та китайської мов! ⚡️

Працює прямо в браузері з приголомшливо швидкими висновками, підтримуваними ONNXRuntimeWeb

npm i kokoro-js - це все, що потрібно для запуску.

Ліцензування: Apache 2.0

▪️Github: https://github.com/hexgrad/kokoro/tree/main/kokoro.js
▪️Demo: https://huggingface.co/spaces/webml-community/kokoro-webgpu

Code Ukraine


🛠 Добірка інструментів для всіх, хто хоч іноді думає

Untools - це колекція фреймворків та інструментів, яка допоможе вам розв'язувати проблеми, ухвалювати рішення та прокачати системність.

Тут немає ШІ, це просто концепції та методології, які ви можете вивчити і застосовувати в роботі або повсякденному житті. Все зрозуміло розписано, містить ілюстрації та приклади.

Коротше, хто думає, той оцінить і забере у Вибране. Решта просто пройдуть повз. 😏

#інструменти

Code Ukraine


🖥 Як працює спливання подій (event bubbling) у JavaScript?

У JavaScript подія спочатку спрацьовує на найглибшому елементі (мета події) і піднімається вгору по DOM-дереву через усіх його предків.

➡️ При кліці на елемент #child, спочатку спрацює його обробник, а потім спливаючу подію викличе обробник елемента #parent.

🗣 Спливання подій корисно для делегування подій і роботи з вкладеними елементами.


🖥 Детальніше тут

Code Ukraine


👩‍💻 Ця стаття розглядає менш відомі HTML-елементи, які можуть бути корисними в розробці веб-сторінок, але часто залишаються непоміченими!

Вона пояснює, як і коли використовувати такі елементи, як , , , , та інші, щоб поліпшити функціональність і семантику веб-сторінок.

🔗 Посилання: *клік*

Code Ukraine


🖥 reaktiv Python Version PyPI Version License

Якщо ви працювали з сучасними фронтенд-фреймворками, як-от React, Vue або Angular, ви знайомі з міццю реактивного управління станами.

Це магія, що лежить в основі динамічних користувацьких інтерфейсів і систем реального часу.

Але чому Python повинен упускати переваги реактивності? reaktiv привносить ці переваги реактивного програмування у ваші Python-проекти.

pip install reaktiv

🖥 Github

Code Ukraine


🖥 Dolt - це реляційна база даних із функціями контролю версій, аналогічними Git!

Вона дає змогу не тільки виконувати SQL-запити, а й відстежувати зміни даних на рівні рядків, створювати гілки, виконувати злиття і переглядати історію змін. Кожна операція з даними може бути закоммічена, а історія змін доступна для аналізу, що робить Dolt унікальним інструментом для управління даними в командах.

🔐 Ліцензія: Apache-2.0

🖥 Github

Code Ukraine


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Рідкі кнопки для вашого сайту

Добірка з шести кнопок, з якими користувачеві буде цікаво взаємодіяти навіть до моменту натискання на них. Зроблені на зв'язці HTML + SCSS + JavaScript.

Подивитися код і забрати їх до себе в проект можна тут: https://codepen.io/Zaku/pen/eRmRxz

Code Ukraine


🖥 Flask-Moment - розширення для Flask, яке інтегрує Moment.js для форматування дат і часу в шаблонах Jinja2!

За допомогою цього інструменту можна легко відображати дати та час у зручному форматі, включно з підтримкою локалізації, часових зон та оновлень часу в реальному часі.

Основне застосування - поліпшення відображення часових даних у веб-додатках Flask. Flask-Moment дає змогу використовувати Moment.js прямо в шаблонах, позбавляючи розробників необхідності самостійно писати складний код JavaScript для обробки часу.

🔐 Ліцензія: MIT

🖥 Github

Code Ukraine

20 ta oxirgi post ko‘rsatilgan.