JavaScript'er
Закритий канал
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Показати більше7 127
Підписники
-224 години
-267 днів
-6730 день
Архів дописів
7 125
Repost from GitHub'er
Pose-Animator - інструмент, який оживляє векторні 2D ілюстрації на основі об'єкта, який відстежує камера.
Мови: #JavaScript (92.1%), #HTML (7.9%).
Github'er
7 125
Hamburger menu animation
Прикольна кнопка меню, яку сильно закручує, якщо її натиснути. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 125
Це величезна бібліотека готових компонентів UI-компонентів для ваших React-проектів
Можна юзати у проектах або просто для натхнення✌️
https://reactcomponents.com/
JavaScript'ер
7 125
Порада з Chrome Dev Tools : Інспекція стилів плейсхолдера
За промовчанням Chrome DevTools не відображає стилі
::placeholder під час інспекції елементів.
Можна ввімкнути налаштування " Show user agent shadow DOM ", щоб відображати shadow DOM браузера, що генерується для різних вбудованих елементів, таких як <input> , <progress> , <video> та ін.
Ми можемо перевіряти ці елементи shadow DOM, створені user agent'ом, щоб переглядати/редагувати стилі плейсхолдера, повзунка у range input і т.п.
JavaScript'ер7 125
Який метод об'єкта Document у JavaScript створює новий елемент із вказаним ім'ям тега?
7 125
Що робить властивість object-fit із значенням cover для зображень?
7 125
Repost from Ти не знаєш JavaScript
Миттєво створюйте ідеальні макети одним кліком👍
Це інтерактивний інструмент , який дозволяє створювати гнучкі макети для CSS Flexbox і Grid, і робить це настільки інтуїтивно та наочно, що навіть новачок розбереться
Ти не знаєш JavaScript
7 125
Яке значення буде змінної d після виконання наступного коду?
let d = [1, 2, 3, 4, 5];
d.splice(2, 1);
7 125
🤖 AI — не магія. Це просто новий стек. І ми навчимо з ним працювати.
🧠 Приходьте на вебінар “AI та ML у продакшені”:
– Покажемо, як бізнес застосовує AI щодня – Розберемо архітектури, оптимізацію, інструменти – Поговоримо про впровадження ML у продакшені🎓 І, так — розкажемо, як стати Master of Science in Computer Science та презентуємо нову AI-магістратуру від Neoversity. Онлайн. Безплатно. Початок о 19:00 за Києвом. Приєднуйтеся, буде технічно. https://i.goit.global/1oYPv
7 125
Repost from GitHub'er
Isometric-contributions - Браузерне розширення для рендеру ізометричної, піксельної версії вашого графіка комітів GitHub
Крім свого акуратного вигляду, це розширення допомагає підкреслити відмінності між кількістю комітів.
Isometric-contributions не призначений для повної заміни стандартного 2D-графа, тому що в більшості випадків він насправді менш корисний. Наприклад, немає міток осей і коротші "стрижні" можуть бути приховані за вищими.
Мови: #JavaScript (98.2%), #CSS (1.8%).
Github'er
7 125
⚙️ Опанувати Node.JS = перейти на новий рівень у розробці, карʼєрі та зарплаті. А ще, це один з найпопулярніших інструментів веб-розробки, що дозволяє фронтендеру писати бекенд, налаштовувати взаємодію з базами даних, розгортати інфраструктуру і тестувати середовище.
Навчіться ефективно працювати з базами даних та заглибтесь у backend-fullstack розробку ― на курсі Node.JS від robot_dreams.
За 2 місяці навчання ви:
→ ознайомитеся з платформою Node.JS та основними фреймворками типу Express.js і Jest
→ навчитеся працювати із серверами й базами даних, зокрема MySQL і MongoDB
→ опануєте асинхронну модель програмування
→ навчитеся розгортати, тестувати й гарантувати безпеку застосунків
→ отримаєте best practices роботи з Node.JS
📲 У результаті ― розробите власний серверний застосунок і напрацюєте рішення для поточних і майбутніх проєктів
Лектор: Сергій Ващенко ― Senior Software Developer в RBC (Royal Bank of Canada), який має понад 7 років досвіду у Fullstack-розробці.
Дізнатися більше ⬅️
7 125
Repost from Ти не знаєш JavaScript
Порада з CSS
Припустимо, є фіксований хедер з
z-index: 1 і компонент карткового стека з верхньою карткою, що має z-index: 1 .
z-index хедера заважає накладенню карток.
Рішення: Створити новий контекст накладання для компонента карткового стека.
Є багато способів створити контекст накладання побічно, але найкращий і прямий спосіб використовувати isolation: isolate .
Тепер z-index карток знаходиться в межах компонента карткового стека і не заважає z-index хедера.
✔️ #tip by Shripal Soni
Ти не знаєш JavaScript