JavaScript'er
قناة بسيطة
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
إظهار المزيد7 132
المشتركون
-624 ساعات
-217 أيام
-7030 أيام
أرشيف المشاركات
7 132
Продуктивна, легка бібліотека для анімації при скролі, написана на чистому JS. Без залежностей, заснована на Intersection Observer
Забираємо тут
JavaScript'еr
7 132
Візуалізатор регулярних виразів для JavaScript
Інструмент дозволяє наочно побачити і зрозуміти складні регулярні вирази, представляючи їх у зручному для читання та графічному форматі
https://jex.im/regulex/
JavaScript'ер
7 132
Приніс смаколик по SVG: інтерактивний довідник по найпопулярніших та/або цікавих частинах специфікації SVG
Всередині: що таке viewBox, як працює clipPath, на що впливають групи aka g, що таке use і symbol, як використовувати маску і так далі. Все інтерактивно і наочно 👍
Забираємо тут
JavaScript'еr
7 132
Дизайн інтер'єру
Готовий сайт з дизайном інтер'єру. Реалізовано за допомогою CSS та JavaScript.
⤷ Забрати код
JavaScript'еr
7 132
NCE Flow
Один розробник, коли вивчав New Concept English, зіткнувся з проблемою: щоб тренувати слухання та повторення, потрібно було окремо шукати аудіо, а знайти конкретне речення було майже нереально. В результаті процес виходив повільним і незручним.
Тому він створив NCE Flow — опенсорс-інструмент, який перетворює чотири томи New Concept English в інтерактивну онлайн-систему з підтримкою точкового відтворення та синхронізації тексту і аудіо. Тепер можна вивчати мову значно ефективніше.
Потрібно просто клікнути на будь-яке речення, і одразу відтворюється відповідний фрагмент звуку. Під час відтворення поточний рядок автоматично підсвічується. Є три режими відображення: англійська з перекладом, тільки англійська та тільки китайська — можна налаштувати під себе.
📁 Мова: #JavaScript 52.1%
⭐️ Зірки: 966
➡️ Посилання на GitHub
JavaScript'еr
7 132
Порада по Chrome DevTools: чи знали ви, що можна шукати рядок одразу у всіх завантажених JavaScript- та CSS-файлах сторінки?
Використовуйте панель пошуку, щоб знайти будь-який рядок у всіх завантажених файлах сторінки. Це дуже зручно для:
- перевірки tree-shaking під час оптимізації продуктивності
- пошуку використання будь-якого API
- перевірки використання сторонніх скриптів
- реверс-інжинірингу чужих кодових баз тощо.
JavaScript'еr
7 132
⚙️ 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 🤖
7 132
Зоряні сліди
Зоряні стежки - генерація зірок з ефектом падіння, що слідують за рухом миші. Реалізовано за допомогою SCSS та JS.
⤷ Забрати код
JavaScript'еr
7 132
‼️Грант на IT-освіту: міжнародна AI магістратура з дипломом, яку визнають у 50+ країнах
Neoversity дає шанс здобути сучасну IT-освіту європейського рівня. Онлайн, українською, з викладачами-практиками.
Ми цінуємо не дипломи, а мотивацію та амбіції. Саме це відкриває шлях до гранту.🔼Навчаючись у Neoversity, ви здобудете компетенції, які цінуються у будь-якій країні. Ваш диплом магістра стане підтвердженням експертності для топових роботодавців світу. 🟢Міжнародно визнаний диплом 🟢Навчайтесь у інженерів з найбільших продуктових та сервісних компаній: Google, Ciklum, Jooble, Intellias, Amazon etc. 🟢Навчання через практику 🟢Гнучкий формат і підтримка Грант відкриває двері — лишається зробити крок назустріч своїй кар’єрі. Реєструйтеся, кількість місць обмежена. ➡️ https://cutt.ly/ytebssUi
7 132
🤔 E.preventDefault() та E.stopPropagation(), для чого потрібні?
e.preventDefault() запобігає стандартній поведінці елемента (наприклад, відправці форми при натисканні кнопки). e.stopPropagation() зупиняє подальшу передачу події по ланцюжку DOM, запобігаючи її обробці батьківськими елементами.
JavaScript'ер
7 132
Який метод JavaScript можна використати для пошуку першого елемента в документі, що відповідає вказаному CSS селектору?
7 132
Натрапив на корисний інструмент: візуальний редактор розмітки на гридах і флексах
Вибираєш шаблон, підганяєш під себе, відразу редагуєш і HTML, і CSS. Все інтерактивно: з превью і підказками щодо властивостей
Додаємо (https://layout.bradwoods.io/) в закладки 👍
JavaScript'ер
