JavaScript'er
Закритий канал
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Показати більше7 115
Підписники
-724 години
-277 днів
-7330 день
Архів дописів
7 115
💡Ubisoft Quartz Background Animation
Розмита анімація відмінно підійде для вашого фону на вашому сайті. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 115
🥸Як змінити контекст функції?
У JavaScript контекст функції можна змінити за допомогою методів
call(), apply() та bind().Ці методи дозволяють вказати, що буде використовуватися як this у тілі функції.
JavaScript'ер7 115
Який метод JavaScript використовується для тимчасової зупинки виконання асинхронної функції та очікування на результат промісу?
7 115
👩💻Flexer - це CSS-пісочниця, в якій можна легко згенерувати та розташувати блоки. Потрібно просто задати розміри та відступи елементам, а сайт згенерує CSS-код із flexbox.
⛓ Посилання: https://www.flexer.dev/
JavaScript'ер
7 115
Black Friday 🖤 -50% на ВСІ курси від robot_dreams
До 30 листопада — придбавши будь-який курс, обирайте ще один у подарунок — для себе, разом з друзями, або прокачуйте команду, заощаджуючи половину вартості навчання.
🛒 Нагадаємо напрями, за якими навчають у robot_dreams:
Development
Machine Learning
GameDev
Data Science
DevOps
Cybersecurity
Product Analysis
QA
Data Analysis
Що ви отримаєте разом зі знижкою?
⚡️зручний формат навчання — доступ до особистого кабінету, де ви будете підключатися до занять, заморожувати дедлайни та контролювати свій прогрес
⚡️лекторів з компаній світового рівня — Microsoft, eBay, SoftServe, Google, Ubisoft, Amazon
⚡️особистий фідбек лекторів та підтримку кураторів
⚡️нетворкінг із колегами для обговорення кейсів та курсових проєктів, якими ви поповните своє портфоліо
⚡️корисні матеріали, що залишаться з вами назавжди
Забронювати місце на бажаному курсі* 🔗
*Для ефективного навчання кожен потік курсу має обмеження по кількості студентів.
7 115
⚙️box-sizing: content-box vs border-box
При значенні властивості box-sizing, що дорівнює content-box (значення за умовчанням) ширина елемента розраховується таким чином:
Ширина контентної області (100) + внутрішній відступ ліворуч і праворуч (10 + 10) + ширина правої та лівої рамок (10 + 10). Разом: 140 пікселів.
Аналогічно із висотою.
Виходить, що перший елемент отримав розміри 140 х 140
➡️Розмір другого елемента рахується інакше. Через значення border-box браузер сприймає width і height як кінцеві розміри елемента. Виходить, що в 100 пікселів зазначеної ширини вже включені і внутрішні бічні відступи і бічні рамки. Розміри другого елемента будуть 100 x 100.
JavaScript'ер
7 115
🥸Що таке прототипи в JavaScript?
Прототипи дозволяють об'єктам у JavaScript успадковувати властивості та методи один від одного.
- Прототипне наслідування є механізмом, що дозволяє об'єктам використовувати властивості та методи, визначені в інших об'єктах.
JavaScript'ер
7 115
Repost from Ти не знаєш JavaScript
✏️Sturdy-Doodle – це компактний сайт-портфоліо, створений за допомогою HTML, CSS та JavaScript.
Використовуючи властивості HTML-полотна, він легко включає інтерактивні ігрові елементи.
Користувачі направляють персонажа до червоної консолі, з якої можуть легко переміщатися між різними розділами.
Мови: JavaScript (59.0%), HTML (16.5%), CSS (12.4%), PLSQL (10.1%), GDScript (2.0%).
https://github.com/Splash-Nemo/sturdy-doodle
Ти не знаєш JavaScript
7 115
📎Card UI Design
Поява кнопки зі усуненням інших елементів при наведенні на картку. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 115
🔍Vajra – фреймворк, що автоматизує рутинні завдання збору інформації та сканування цілей під час тестування на проникнення веб-додатків.
Утиліта використовує найпоширеніші інструменти з відкритим вихідним кодом, які кожен пентестер використовує під час тестування цілі.
Вся взаємодія йде через простий і зручний веб інтерфейс, що робить софт абсолютним фаворитом для пентестерів-початківців.
Мови: JavaScript (48.2%), EJS (43.6%), Shell (3.9%), CSS (2.7%), Python (1.4%), Dockerfile (0.2%).
⭐️ Star 691
https://github.com/r3curs1v3-pr0xy/vajra
JavaScript'ер
7 115
🔥Корисні гарячі клавіші VSCode
• Ctrl+F2 — Виділяє всі входження поточного слова.
• Ctrl + Backspace — Видалення слова, яке стоїть перед курсором.
• Ctrl + Delete — Видаляє все слово, яке стоїть після курсору.
JavaScript'ер
7 115
Який метод JavaScript використовується для копіювання певної кількості елементів масиву, починаючи з цієї позиції?
7 115
🔍CSS Cards
Ефект розвороту карток та переходу від однієї до іншої. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
7 115
🥸Що таке тернарний оператор?
Тернарний оператор у JavaScript та інших мовах програмування - це скорочена форма умовного виразу, яка включає три операнди: умова, вираз для справжнього результату і вираз для помилкового результату (`умова? вираз1: вираз2`).
JavaScript'ер
7 115
Який метод JavaScript використовується для заміни всіх входжень підрядка у рядку?
7 115
💭Regulex — це онлайн-інструмент для візуалізації регулярних виразів у JavaScript, який перетворює їх на діаграми, допомагаючи легше зрозуміти складні патерни.
📌 Посилання: https://jex.im/regulex/
JavaScript'ер
