JavaScript 🇺🇦

Складний бенчмаркінг 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

Вакансія: React Native Developer Компанія "Аптека 911" шукає на віддалену роботу розробника з глибокими знаннями JavaScript / TypeScript (ES6+), HTML5, CSS3, SASS — для розробки та підтримки існуючих мобільних додатків на платформі React Native для iOS та Android. 📝 Відкрити анкету #jobs // Архів книг // JS

Використання об'єктів передачі конфігураційних параметрів робить код більш читаним.

function fetchData(config) {
   const { url, method = 'GET', headers } =
config;
   // Логіка запиту
}

const requestConfig = {
   url: 'https://api.example.com/data',
   method: 'POST',
   headers: { 'Content-Type': 'application/json' }
};

fetchData(requestConfig);

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

Найкращі книги по JS Добірка наших останніх публікацій із найбільш вартісними посібниками по мові JavaScript: 🔴Test-Driven Development with React and TypeScript (🇬🇧, 2023) — для розробки високоякісних і масштабованих програм на React. 🔴Learn React with TypeScript (🇬🇧, 2023) — навчить використовуючи новітні функції та можливості React і TypeScript. 🔴Applied User Data Collection and Analysis Using JS and PHP (🇬🇧, 2021) — про використання бібліотек на основі JS і PHP для збору даних. 🔴Practical TensorFlow.js (🇬🇧, 2020) — про інструменти TensorFlow для створення інтелектуальних веб-додатків. 🔴Practical Highcharts with Angular (🇬🇧, 2023) — навчить створювати анімовані та інтерактивні діаграми на Highcharts і Angular. 🔴React.js Design Patterns (🇬🇧, 2023) — познайомить вас з шаблонами проектування React. 📚 Товариство, які ще знаєте вартісні українські чи англійські матеріали по JS? #JS // #books // Вакансії IT

Фреймворк Vue в новому році У цій статті автор розглядає майбутні випуски ключових інструментів Vue (Nuxt v4, Vite v6, Vitest v3 і Pinia v3), а також аналізує поточний стан режиму Vapor в даному JS-фреймворку. Мова: 🇬🇧 #Vue // #theory // JS

const result = '10' - 8 + true;

console.log(result);

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

Hollow Box Loading Animation Анімація завантаження у вигляді квадрата. Реалізовано за допомогою CSS. #codepen // #practice // JS

❗️ Безоплатний 8-денний тест-драйв IT професій ▪️ Для бажаючих працювати онлайн і заробляти в $; ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям Тривалість — 8 днів. Заняття проходять вечорами.

На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.

✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Почни новий рік правильно! 🎁 Після реєстрації приємний бонус: Штучний інтелект в IT. Як використовувати AI у 5 ключових ІТ-професіях?. 🔥 Реєструйтесь за посиланням: https://i.goit.global/ci9Y5

Створюємо мікро-фронтенди з single-spa Використання single-spa для створення мікро-фронтендів полегшує розділення великої програми на маленькі незалежні частини, щоб різні команди могли працювати над одними частинами, не впливаючи на інші.

У цій статті показано, як створити мікро-фронтенди Angular і React, підключити їх до кореневої конфігурації та розгорнути.

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