JavaScript 🇺🇦

RxSignals: найпотужніша синергія в історії Angular RxJS довго був наріжним каменем реактивності в Angular. Однак суттєвим недоліком синхронізації даних і перегляду є відсутність стану. Тож команда Angular представила новий примітив — Signals. Завдяки тому, що Angular тепер представляє інструменти для безперебійної взаємодії між сигналами та спостережуваними, ми маємо в своєму розпорядженні неймовірно потужну синергію.

У цій статті автор показує кілька прикладів коду, де ці дві концепції доповнюють одна одну.

Мова: 🇬🇧 #RxSignals #Angular // #theory // JS

Топ-вакансії грудня — перші хороші новини для ІТ 2025 🔥 $8.8K AI Solutions Engineer, Poland $8.0K Solutions Architect, Україна $7.5K Senior Product Designer, Design Lead, Poland Як вийти на новий рівень в ІТ та потрапити в "топ-найми" місяця? Прийти та дізнатися всі тенденції на вебінарі від Neoversity «Як залишитися в IT» 15 січня о 19:00. ▪️Чесна аналітика про зарплати, ролі й технології 2025 року. ▪️Як залишатися затребуваним. ▪️Огляд перспектив у сфері розробки. ▪️Практичні кейси. 👉 Реєструйтеся зараз, щоб миттєво отримати корисний файл — гайд з підготовки до співбесіди за допомогою ChatGPT.

Card Hover Interactions Анімація при наведенні на картки, написана на чистому CSS. #codepen // #practice // JS

Генератор коду OpenHands за один запит створює готові додатки Цей свіжий інструмент може не лише генерувати додатки, а й виправляти помилки, працювати з API, отримувати дані з веб-сайтів і навіть копіювати фрагменти коду з StackOverflow.

Інтерфейс простий і зрозумілий, а встановлення — швидке. І що найкраще — він доступний безкоштовно.

👉 Скачати з GitHub #OpenHands // #news // JS

Кожен клас повинен мати чітко визначену відповідальність.

class User {
   constructor(name, age) {
      this.name = name;
      this.age = age;
   }
   
   displayInfo() {
      console.log(`Ім'я: ${this.name}, Вік: ${this.age}`);
   }
}

#JS // #practice // Вакансії IT

Вакансія: Front-End Developer Компанія Code Masters шукає на офісну роботу в Києві розробника зі знаннями HTML, CSS, JavaScript і досвідом роботи з фреймворками React або Angular — для розробки та оптимізації клієнтської частини веб-додатків. 📝 Відкрити анкету #jobs // Архів книг // JS

Map і Set можна використовувати замість об'єктів та масивів для унікальних даних:

const uniqueNumbers = new Set([1, 2, 3, 1, 2]);
const userMap = new Map();
userMap.set('Alice', { age: 25 });

#JS // #practice // Вакансії IT

The Complete Developer Цей практичний посібник є обов'язковим для вивчення розробки повних веб-програм з нуля, використовуючи JavaScript і його найпопулярніші фреймворки, включаючи Node.js і React.js.

Книга покаже вам, як створювати та впроваджувати кожен компонент сучасного стеку.

Рік: 2024 Мова: 🇬🇧 Автор: Martin Krause #JS // #books // Архів книг

Складний бенчмаркінг JavaScript Усі ненавидять бенчмаркінг, але він все ще потрібний у JavaScript — насамперед тому, що JS використовується в більш чутливих до продуктивності програмах. Детальніше про це все — у свіжій статті. Мова: 🇬🇧 #JS // #theory // Архів книг

🤩5 хвилин — середня кількість часу, яка потрібна для визначення своєї професії! Цей час можна витратити на розваги, а можна пройти короткий тест та зрозуміти, де ти хочеш працювати, отримувати справжнє задоволення та умови, які ти завжди хотів🔥 Що ти отримаєш після проходження тесту: 🔸Чітке розуміння, яка професія тобі підходить; 🔸Які умови ти можеш отримати: віддалену роботу, заробітну плату в доларах та багато чого іншого; 🔸Визначення твоїх сильних та слабких сторін.

Британські вчені зазначають, що люди, які працюють на улюбленій роботі, почувають себе більш щасливими та за статистикою отримують більшу заробітну плату аніж ті, хто працює не за своїм покликанням.

🌟Будь серед тих, хто робить працює в місці мрії та отримує гідні для цього умови: https://i.goit.global/9i8y7 *Тест безкоштовний та займає лише 5 хвилин часу.

for (i = 5; i < 8; i++) {
   for (j = i; j < i+1; j++) {
      console.log(j);
   }
}

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

Welcome Симпатична анімація привітання, написана на чистому CSS. #codepen // #practice // JS

Найкращі новини про JavaScript за 2024 рік В цьому році JS виповниться 30 років, але вона все ще змінюється й розвивається новими способами. 2024-й став прикладом того, наскільки динамічною може бути мова. Але минулий рік також виявив ознаки напруги та зношеності JavaScript — наприклад, пропозицію компанії Google розділити мову на дві частини та скарги на її роздутість.

Загалом, 2024-й був насиченим для JS, і в даній статті автор оглядає найкращі новини про мову за минулий рік.

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

Ось так виглядає запобігання виконання коду з некоректними вхідними даними:

function calculateSquareRoot(num) {
   if (typeof num ≢ 'number' || num < 0) {
      throw new Error('Невірні вхідні дані');
   }
   return Math.sqrt(num);
}

#JS // #practice // Архів книг

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

Infinity Безкінечна анімація завантаження. Створено на HTML та SCSS, анімовано за допомогою CSS keyframes. #codepen // #practice // JS

Підсумки 2024-го для фронтендерів Мультивсесвіт фронтенду настільки різноманітний і багатогранний, що для кожного FE-розробника він виглядає по-своєму. Автор статті ділиться своїм поглядом на тенденції у світі фронтенду, за якими він спостерігав протягом останнього року. Мова: 🇺🇦 #JS // #theory // Архів книг

Scroll Reveal У JS створена логіка, яка визначає, чи знаходиться елемент на екрані — і тому показує або приховує елемент. #codepen // #practice // JS

const myFavoriteObj = {
    guessThis() {
        const getName = () => {
            console.log(this.name);
        };
        getName();
    },
    name: "Marko Polo",
    thisIsAnnoying(callback) {
        callback();
    },
};

myFavoriteObj.guessThis();
myFavoriteObj.thisIsAnnoying(function() {
    console.log(this);
});

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

Принципи SOLID (Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, Dependency Inversion) забезпечують гнучкість, підтримуваність та читабельність коду.

// Приклад принципу єдиної відповідальності
class User {
   constructor(name, age) {
      this.name = name;
      this.age = age;
   }

   displayInfo() {
      console.log(`Имя: ${this.name}, Возраст: ${ this.age}`);
   }

   saveToDatabase() {
   // Логіка збереження користувача до бази даних
   }
}

#SOLID // #practice // JS