JavaScript'er

Шпаргалка по HTML JavaScript'еr

Дизайн інтер'єру Готовий сайт з дизайном інтер'єру. Реалізовано за допомогою CSS та JavaScript. ⤷ Забрати код JavaScript'еr

NCE Flow Один розробник, коли вивчав New Concept English, зіткнувся з проблемою: щоб тренувати слухання та повторення, потрібно було окремо шукати аудіо, а знайти конкретне речення було майже нереально. В результаті процес виходив повільним і незручним. Тому він створив NCE Flow — опенсорс-інструмент, який перетворює чотири томи New Concept English в інтерактивну онлайн-систему з підтримкою точкового відтворення та синхронізації тексту і аудіо. Тепер можна вивчати мову значно ефективніше. Потрібно просто клікнути на будь-яке речення, і одразу відтворюється відповідний фрагмент звуку. Під час відтворення поточний рядок автоматично підсвічується. Є три режими відображення: англійська з перекладом, тільки англійська та тільки китайська — можна налаштувати під себе. 📁 Мова: #JavaScript 52.1% ⭐️ Зірки: 966 ➡️ Посилання на GitHub JavaScript'еr

Порада по Chrome DevTools: чи знали ви, що можна шукати рядок одразу у всіх завантажених JavaScript- та CSS-файлах сторінки? Використовуйте панель пошуку, щоб знайти будь-який рядок у всіх завантажених файлах сторінки. Це дуже зручно для: - перевірки tree-shaking під час оптимізації продуктивності - пошуку використання будь-якого API - перевірки використання сторонніх скриптів - реверс-інжинірингу чужих кодових баз тощо. JavaScript'еr

Будьте обережні та попередьте колег JavaScript'ер

⚙️ Node.js — це про універсальність, масштабування та великий вибір готових рішень, тому опанувати Node.JS = перейти на новий рівень у розробці, карʼєрі та зарплаті. Опанувати один з найпопулярніших інструментів веб-розробки, що дозволяє фронтендеру писати бекенд, налаштовувати взаємодію з базами даних, розгортати інфраструктуру і тестувати середовище, ― можна на курсі Node.JS PRO від robot_dreams. За 22 заняття: → опануєте архітектуру бекенду на NestJS → попрацюєте з повним циклом продакшену — від коду до деплою → навчитеся будувати CI/CD-процеси та автоматизувати деплой через Docker і GitHub Actions → опануєте роботу з базами даних та чергами (PostgreSQL, RabbitMQ, Kafka) Лектор: Кирило Орлов, Senior Software Engineer у LAMPA, який має понад 8 років досвіду в розробці (Frontend, Backend, DevOps-практики й тестування) та розробив 30+ проєктів у сферах crypto, e-commerce, pet і finance. Деталі, програма та реєстрація ⬅️ 🤫 Чорна п'ятниця весь листопад: до -50% знижки на всі онлайн-курси від robot_dreams 🤖

Зоряні сліди Зоряні стежки - генерація зірок з ефектом падіння, що слідують за рухом миші. Реалізовано за допомогою SCSS та JS. ⤷ Забрати код JavaScript'еr

‼️Грант на IT-освіту: міжнародна AI магістратура з дипломом, яку визнають у 50+ країнах Neoversity дає шанс здобути сучасну IT-освіту європейського рівня. Онлайн, українською, з викладачами-практиками.

Ми цінуємо не дипломи, а мотивацію та амбіції. Саме це відкриває шлях до гранту.

🔼Навчаючись у Neoversity, ви здобудете компетенції, які цінуються у будь-якій країні. Ваш диплом магістра стане підтвердженням експертності для топових роботодавців світу. 🟢Міжнародно визнаний диплом 🟢Навчайтесь у інженерів з найбільших продуктових та сервісних компаній: Google, Ciklum, Jooble, Intellias, Amazon etc. 🟢Навчання через практику 🟢Гнучкий формат і підтримка Грант відкриває двері — лишається зробити крок назустріч своїй кар’єрі. Реєструйтеся, кількість місць обмежена. ➡️ https://cutt.ly/ytebssUi

🤔 E.preventDefault() та E.stopPropagation(), для чого потрібні? e.preventDefault() запобігає стандартній поведінці елемента (наприклад, відправці форми при натисканні кнопки). e.stopPropagation() зупиняє подальшу передачу події по ланцюжку DOM, запобігаючи її обробці батьківськими елементами. JavaScript'ер

Гілфойл фігні не скаже JavaScript'ер

Натрапив на корисний інструмент: візуальний редактор розмітки на гридах і флексах Вибираєш шаблон, підганяєш під себе, відразу редагуєш і HTML, і CSS. Все інтерактивно: з превью і підказками щодо властивостей Додаємо (https://layout.bradwoods.io/) в закладки 👍 JavaScript'ер

Визначення системної теми оформлення Медіавираз prefers-color-scheme може використовуватися для визначення того, чи світлу чи темну тему використовує користувач в операційній системі window.matchMedia дозволяє отримати доступ до медіавиразів з JS і підписуватися на їх спрацьовування

const mediaQueryList = window.matchMedia('(медіавираз)')

JavaScript'еr

Екосистема Notepad просто нереальна • У Notepad можна писати на Python • У Notepad можна писати на Java • У Notepad можна писати на JavaScript • У Notepad можна писати shell-скрипти • У Notepad можна збирати Dockerfile’и • У Notepad можна писати на Terraform • У Notepad можна редагувати YAML-файли JavaScript'еr

Шпаргалка по CSS JavaScript'еr

Галерея Крута незвичайна галерея. Реалізовано за допомогою препроцесорів Pug і SCSS. ⤷ Забрати код JavaScript'еr

Порада з CSS: використовуйте ключове слово of у :nth-child, щоб вибрати n-й елемент, що відповідає конкретному селектору. Це дозволяє створювати більш складні та точні вибірки елементів у CSS Підтримка 92.97% JavaScript'еr

Ми майнінгова ферма 👀 JavaScript'еr