JavaScript'er
کانال بسته
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
نمایش بیشتر6 884
مشترکین
-724 ساعت
-367 روز
-11530 روز
آرشیو پست ها
6 884
🎮Star animation
Зоряна анімація для фону та меню. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'ер
6 884
🥸Питання із співбесіди
Що таке рекурсія в JS та як нею користуватися?
Відповідь:
Рекурсія — це техніка програмування, коли функція викликає себе для вирішення завдання. Рекурсія часто використовується для вирішення завдань, які можна розбити на простіші підзадачі того ж типу.
• Принцип роботи — Рекурсивна функція повинна мати базовий випадок (умова завершення), який запобігає нескінченним викликам. Кожен рекурсивний виклик вирішує простішу версію вихідного завдання, доки не буде досягнуто базового випадку.
• Проблеми з продуктивністю — Рекурсивні функції можуть використовувати багато пам'яті через збереження великої кількості викликів у стеку. Це може спричинити помилку переповнення стека (stack overflow), якщо глибина рекурсії занадто велика.
JavaScript'ер
6 884
Як у CSS встановити мінімальну ширину елемента, нижче якої він не може стискатися?
6 884
🔍Web Skills - платформа, орієнтована на розвиток навичок веб-розробки для всіх рівнів - від новачків до досвідчених фахівців. Тут зібрані всі навички для веб-розробника з посиланнями на вивчення теми.
⛓Посилання: https://andreasbm.github.io/web-skills/
JavaScript'ер
6 884
Repost from Ти не знаєш JavaScript
🥸Консольні команди для чайників
Хочете бути маестро терміналу, але не розумієте, що роблять ті чи інші команди?
Тримайте сайт, який допомагає розібратися з консоллю, пояснюючи, що робить команда та значення кожного прапора чи опції у ній.
https://explainshell.com/
Ти не знаєш JavaScript
6 884
Ви теж думаєте, що $10,000 на місяць в IT — це міф?
А це реальність для спеціалістів, які правильно спланували свій кар'єрний шлях.
Іноді все, що вам потрібно, — це свіжий погляд зі сторони та грамотне наставництво від спеціаліста.
IT Університет Neoversity запрошує на безкоштовні кар'єрні консультації для IT-фахівців! 🔔
☑️ Оцінимо ваш поточний рівень та перспективи. ☑️ Складемо конкретний план: які компанії та навички допоможуть зробити наступний крок. ☑️ Розкажемо, які можливості є на міжнародному ринку для IT-спеціалістів з України. ☑️ Все без складнощів і зайвих теорій. Просто і по суті.Навіщо це вам? Щоб не втрачати час на здогадки і відразу знати, що робити, щоб перейти на новий рівень у кар'єрі. 🎟 Записатися на консультацію просто: https://i.goit.global/cinQd Не пропустіть можливість дізнатися, як отримувати більше, залишаючись собою!
6 884
Як у JavaScript визначити, чи перебуває користувач на мобільному пристрої?
6 884
🖥skeleton
Анімація для контуру, який ще не завантажився. Реалізовано з допомогою SCSS.
⤷ Забрати код
JavaScript'ер
6 884
Repost from Ти не знаєш JavaScript
🖥Створюємо React з нуля
Велика стаття з власною реалізацією основних фіч React: рендер, ефективне оновлення DOM, хуки.
https://www.rob.directory/blog/react-from-scratch
Ти не знаєш JavaScript
6 884
Як у JavaScript зробити глибоку копію об'єкта, щоб зміни до копії не впливали на вихідний об'єкт?
6 884
🖥Проста кнопка в стилі ретро
Хитрість тут полягає в тому, щоб створити боксову тінь без розмиття для стану за умовчанням.
Для активного стану я переміщаю кнопку, зменшуючи при цьому тінь, тому тінь здається статичною.
Подібного трюку можна досягти і за допомогою псевдоелементів, але я віддаю перевагу цій техніці за її простоту.
JavaScript'ер
6 884
👑Square to circle button animation
Зміна квадратної форми кнопки на круглу при наведенні її. Реалізовано з допомогою SCSS.
⤷ Забрати код
JavaScript'ер
6 884
🥸Питання із співбесіди
Що таке прототипне успадкування JavaScript і як його використовувати?
Відповідь:
1. Прототип об'єкта - кожен об'єкт JS має внутрішній прототип, який можна отримати через Object.getPrototypeOf() або властивість proto. Він може містити методи та властивості, успадковані об'єктом.
const animal = {
speak() {
console.log('Animal speaks');
}
};
const dog = Object.create(animal);
dog.speak(); // Animal speaks
2. Конструктори та прототипи - функції-конструктори створюють об'єкти із загальним прототипом, який можна визначити через властивість prototype.
function Person(name) {
this.name = name;
}
Person.prototype.greet = function() {
console.log(`Hello, ${this.name}`);
};
const alice = новий Person('Alice');
alice.greet(); // Hello, Alice
3. Редагування прототипу об'єкта — Ви можете змінити прототип об'єкта після його створення.
const person = {name: 'John'};
const employee = { job: 'Developer'};
Object.setPrototypeOf(employee, person);
console.log(employee.name); // John
JavaScript'ер