Play with Docker - надає інтерактивне середовище для запуску контейнерів та роботи з мережами. Користувач отримує 4-годинну сесію та до п’яти віртуальних машин. Плюсом йде навчання із завданнями та теорією Link: https://labs.play-with-docker.com/ Play with Kubernetes - дозволяє розгорнути кластер Kubernetes, додавати вузли та тестувати маніфести. Сесія обмежена 4 годинами. Тут також доступний міні-курс з детальними покроковими інструкціями. Link: https://labs.play-with-k8s.com/
Рекомендовані статті
10 ігор, які допоможуть прокачати JavaScript 🎮
Навчання програмуванню не обов’язково має бути нудним. Ось добірка ігор і платформ, де ви вивчаєте JavaScript через практику, задачі та реальні виклики. 1️⃣ CodinGame https://www.codingame.com/ide/puzzle/onboarding 2️⃣ CodeCombat https://codecombat.com/play/level/dungeons-of-kithgard 3️⃣ Untrusted https://untrustedgame.com/ 4️⃣ Codewars https://www.codewars.com/ 5️⃣ Mimo https://mimo.org/ 6️⃣ JSDares https://jsdares.com/ 7️⃣ Screeps https://screeps.com/a/#!/sim/tutorial/1 8️⃣ Crunchzilla https://www.crunchzilla.com/code-maven 9️⃣ Elevator Saga https://play.elevatorsaga.com/ 🔟 CheckIO https://js.checkio.org/
Віктор Свертока·Технології·
5 маленьких, але дуже корисних бібліотек для React ⚛️
▶️ 1. Emoji Mart Бібліотека для роботи з emoji picker у веб-додатках. Зручно використовувати у чатах, коментарях або редакторах. готовий emoji picker легко інтегрується підтримує React 🖥 GitHub ▶️ 2. Loadable Components Бібліотека для динамічного імпорту компонентів. Допомагає оптимізувати продуктивність і розбивати код. підтримка SSR code splitting dynamic import проста інтеграція 🖥 GitHub ▶️ 3. Logt Легка бібліотека для типізованого логування у фронтенді. Підійде, якщо вам потрібні зрозумілі та контрольовані логи. TypeScript support кольорові лог-лейбли різні рівні логів можливість вимикати логи в production інтеграція з сервісами (наприклад Sentry) 🖥 GitHub ▶️ 4. usehooks-ts Набір готових React hooks, повністю типізованих для TypeScript. Ідеально підходить, щоб не писати базові хуки з нуля і швидше рухатися по проекту. добре задокументовано повна підтримка TypeScript багато корисних hooks 🖥 GitHub ▶️ 5. Urlcat Маленька бібліотека для зручного створення URL без типових помилок. Навіть якщо використовувати стандартний URL API, доводиться обробляти багато дрібних деталей. Urlcat робить це набагато простіше. простий API мінімальний розмір працює одразу після підключення 🖥 GitHub
Віктор Свертока·Технології·
10 ігор, які допоможуть вам освоїти CSS 📘
1️⃣ Flexbox Froggy Одна з перших CSS-ігор, з якою знайомляться багато розробників. Весело й ефективно вчить Flexbox. 🔗 https://flexboxfroggy.com/ 2️⃣ Flexbox Defense CSS-гра у форматі tower defense, де потрібно використовувати Flexbox для захисту дороги. 🔗 http://www.flexboxdefense.com/ 3️⃣ Knights of the Flexbox Table Ідеальний варіант для фанатів Tailwind і Flexbox у форматі середньовічної пригоди. 🔗 https://knightsoftheflexboxtable.com/ 4️⃣ Flexbox Adventure Гра, схожа на Flexbox Froggy, але з іншим сюжетом і стилем. 🔗 https://codingfantasy.com/ 5️⃣ Flexbox Zombies Навчання Flexbox із сюжетом, діалогами та чудовою атмосферою. 🔗 https://flexboxzombies.com/ 6️⃣ Grid Garden Один із найкращих способів вивчити CSS Grid — поливайте моркву, використовуючи grid-розмітку. 🔗 https://cssgridgarden.com/ 7️⃣ Grid Attack Гра від тих самих авторів, що й Flexbox Adventure. Використовуйте CSS Grid, щоб зупинити демонів. 🔗 https://codingfantasy.com/games/grid-attack 8️⃣ CSS Diner Весела та дуже популярна гра для вивчення CSS-селекторів. 🔗 https://flukeout.github.io/ 9️⃣ Guess CSS Гра на логіку: потрібно вгадати CSS-селектор за результатом, який ви бачите. 🔗 https://www.guess-css.app/ 🔟 CSS Speedrun Швидкісний челендж із CSS-селекторами для точного таргетингу елементів. 🔗 https://css-speedrun.netlify.app/
Віктор Свертока·Технології·