JavaScript 🇺🇦

Верстка + стилізація, figma-макет — ч.2 На фінальному 20-му уроці відеокурсу "HTML+CSS+JS для всіх" автор продовжує розповідати про верстку, стилізацію та використання Figma, а також дає корисні поради для новачків. Мова: 🇺🇦 Тривалість: 2 год 7 хв #JS // #lessons // Вакансії IT

Water Distortion Ефект води для зображення. Анімована картинка відображається за допомогою тега <canvas>. #codepen // #practice // JS

Створення власного Promise У сучасній JS-розробці проміси надають елегантне рішення для обробки асинхронних операцій.

У цій статті розповідається про ручну реалізацію промісів з нуля, охоплюючи основні функції, такі як переходи між станами, асинхронне виконання, з’єднання і додаткові методи (catch, resolve, all і race).

Мова: 🇬🇧 #Promise // #theory // JS

Activity Card Карточка для відображення статистики за кожен день тижня. При наведенні курсора з'являється підказка з числом для конкретного дня. #codepen // #practice // JS

🚴‍♂️ Вчимося кодити граючи Знайшли крутий сайт для програмування Coddy, в тому числі на JavaScript — тут все у форматі гри: квести, прокачка персонажа та бонуси за активність. 🔴Кожен урок — крок на карті до фінішу. 🔴Щоденні челенджі дають досвід і "вогники" за стрики. 🔴Досвід можна витратити на бустери, навіть на преміум-підписку (!) на 2 тижні. 🔴Тему можна змінювати в будь-який момент. 🔴І головне — все безкоштовно. 👉 Спробувати #Coddy // #news // JS

Можна отримати доступ до властивостей об'єкта, використовуючи [ ] замість "." — це дозволяє виявляти властивість, що відповідає змінній.

obj = {a: "test"};
var propname = "a";
var b = obj[propname]; // "test"

Крім того, ви можете використовувати це для отримання чи установки значення властивості, якщо її ім'я є невирішеним ідентифікатором. #JS // #practice // Архів книг

Вакансія: Web Developer Європейська компанія Digis шукає на віддалену роботу веб-розробника з досвідом від 3-х років і володінням HTML, CSS, Angular — для створення платформи для професійних інвесторів. 📝 Відкрити анкету #JS // #jobs // Архів книг

Функція TypedArray.filter() використовується для створення нового typedArray. Він заповнюється елементами, які задовольняють тесту, реалізованому наданою функцією.

function isNegative(element, index, array) {
   return element < 0;
}

const int8 = new Int8Array([-10, 20, -30, 40, -50]);
const negInt8 = int8.filter(isNegative);

console.log(negInt8); // Int8Array [-10, -30, -50]

Функція, передана як параметр методу filter(), повертає значення true чи false залежно від перевірки елементів масиву. Це значення визначає, чи додається елемент в новий масив. #JS // #practice // Архів книг

Web Coding and Development All-in-One Якщо ви потенційний розробник і прагнете отримати знання зі створення інтерфейсів, баз даних та інших функцій, які запускають сучасні веб-сайти, веб-програми та мобільні програми, ця книга стане вашим улюбленим перекладачем, що розмовляє мовами програмування для подібних завдань. Рік: 2024 Мова: 🇬🇧 Автори: Paul McFedries #books // Вакансії IT // JS

React-компоненти вищого порядку Компоненти вищого порядку (Higher-order components — HOC) — потужні шаблони в React, які дозволяють розробникам покращувати компоненти, обгортаючи їх додатковою функціональністю. Вони забезпечують багаторазовий спосіб керування наскрізними проблемами, такими як автентифікація, журналювання або глобальне керування станом, без зміни вихідного компонента.

Хоча хуки значно замінили HOC для повторного використання логіки, HOC все ще пропонують унікальні переваги в певних сценаріях, особливо при роботі зі застарілими кодовими базами або виконанні складних перетворень компонентів. Детально про це — у свіжій статті.

Мова: 🇬🇧 #React // #theory // JS

let a = 10; 

if (a >= 3) { 
  let a = 5; 
} 

const b = a; 
console.log(b);

👉 Відповідь #JS // #practice // Архів книг

GSAP Grid Сітка з анімованих SVG-зображень в ретро-стилі. Можна використовувати як ілюстрації для сайтів. #codepen // #practice // JS

Ефективні та чисті модульні тести Ця свіжа стаття допомагає ознайомитись з основними передовими методами написання чистих і ефективних модульних тестів на JavaScript.

Ви дізнаєтесь, як покращити методи тестування для кращої якості коду та зручності обслуговування: від використання описових тестів до виконання шаблону Arrange-Act-Assert.

Мова: 🇬🇧 #JS // #theory // Архів книг

Метод Promise.reject() використовується для повернення відхиленого об'єкта Promise із зазначенням причини відхилення.

function resolved(result) {
   console.log('Resolved');
}

function rejected(result) {
   console.error(result);
}

Promise.reject(new Error('fail')).then(resolved, rejected);
// Error: fail

Він використовується для налагодження та вибіркового виявлення помилок. reject() не завершує потік управління, а throw — завершує. #JS // #practice // Вакансії IT

⁉️ Мрієте отримати офер, успішно розвиватися та промоутитися в топ-компаніях, але не знаєте як туди потрапити?

🔊Як підготуватися до технічного інтерв’ю у FAANG? 🔊Що робить кандидата конкурентним у FAANG? 🔊Як працюють Engineering-команди у Meta та інших FAANG? 🔊Тренди 2025 року

🧑‍💻 Без рожевих окулярів: реальний досвід інженера Meta та власниці рекрутингової агенції Кількість місць на заході — обмежена. 📅 13 березня / 19:00 за Києвом 💰 Безплатно Розвійте ілюзії та виходьте на next level карʼєри 🎁 Приємний бонус: розкажемо, як здобути грантове фінансування від IT-університету Neoversity Реєструйтесь та отримайте інструкцію із перших вуст 👇🏼 https://i.goit.global/uokas

Верстка + стилізація, figma-макет — ч.1 На 19-му уроці відеокурсу "HTML+CSS+JS для всіх" автор розповідає про верстку, стилізацію та використання Figma, з акцентом на практичні приклади та доступність. Мова: 🇺🇦 Тривалість: 2 год 35 хв #JS // #lessons // Вакансії IT

Text Hover Об'ємний текст, який при наведенні курсору стає "звичайним". Текст має кілька шарів, в тому числі тінь і біле обведення. #codepen // #practice // JS

JS-концепції для початківців в React Ця стаття являє собою стислий огляд ключових концепцій JavaScript, які необхідні початківцям-розробникам React.

У ній розглядаються такі теми, як змінні, стрілочні функції, деструктуризація, модулі, колбеки та асинхронні функції. Мета статті — освіжити знання з основ JavaScript перед початком роботи з React.

Мова: 🇬🇧 #React // #theory // JS

Course Design Cards Картки зі світловим градієнтом і сильно округленими краями. При наведенні курсору кожна кнопка набуває основного кольору картки. #codepen // #practice // JS

Вакансія: React Developer Інноваційна IT-компанія Nexonix Systems шукає на офісну роботу в Києві розробника рівня Junior з базовими знаннями JavaScript та React — для створення і підтримки веб-додатків. 📝 Відкрити анкету #JS // #jobs // Архів книг