JavaScript 🇺🇦

let firstEven = numbers.find(function(num) {
   return num % 2 === 0;
});
console.log(firstEven); // Виведення: 2

Метод .find() знаходить перший елемент масиву, що задовольняє умову. #JS // #practice // Архів книг

А, Ви, знали, що для того щоб бути професійним мамкіним програмістом, треба окрім того, що шарити в кодуванні, щей шарити в цифровій безпеці? Ну звичайно ж, знали!😁 Пропонуємо долучитися до каналу Tortuga Company 🏴‍☠️, де, Ви, зможете знайти актуальну інформацію про: - Цифрову безпеку - Крипту - Штучний інтелект - Фінанси та економіку Та багато іншої. По факту, Tortuga Company 🏴‍☠️ - це молоде, дуже перспективне та амбіційне комн'юніті, яке розвивається кожного дня! Залишаємо посилання 😉 https://t.me/+8CR7JbE3OC1hOGFi https://t.me/+8CR7JbE3OC1hOGFi https://t.me/+8CR7JbE3OC1hOGFi

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

const a = 7;

console.log(+-a);

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

Animated Mini Photo Gallery Анімована міні-галерея. Реалізовано за допомогою CSS. #codepen // #practice // JS

Проектуємо систему JS-плагінів У світі веб-інструментів та фреймворків не обійтися без плагінів — з ними безпечніше додавати нові функції і вони ж роблять архітектуру масштабованою.

То як саме створити систему плагінів? Розберемось на практиці — а для цього створимо власну систему на JavaScript.

Мова: 🇺🇦 #JS // #theory // Вакансії IT

let sorted = numbers.sort(function(a, b) {
   return b - a;
});
console.log(sorted); // Виведення: [3, 2, 1]

Метод .sort() сортує елементи масиву за допомогою переданої функції порівняння. #JS // #practice // Архів книг

Псевдо-елементи в CSS На 25-му уроці відео-курсу про основи HTML & CSS автор розповідає про псевдо-елементи у CSS — це ключові слова, які додаються до селектора і дозволяють стилізувати певну частину вибраного елемента. Мова: 🇺🇦 Тривалість: 23 хв #Pseudoelements // #lessons // JS

Navigation bar concept Анімована панель навігації. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

Масштабовані real-time застосунки У даній статті розповідається, як створити масштабовані real-time застосунки за допомогою JavaScript.

Автор надає поради щодо створення масштабованих програм реального часу за допомогою JS, використання WebSocket, серверних подій (SSE) і таких бібліотек, як Socket.IO.

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

Expanding Input Поле введення пошукового запиту, яке плавно розширюється. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS

Нещодавно CHI IT Academy запустила тематичну розсилку для всіх, хто прагне побудувати кар'єру в AI-сфері – AI/ML Newsletter 👾 Кожен лист поглиблює твої знання та пропонує джерела ефективного навчання. Серед тем нещодавніх email-ів: - 4 useful habits when learning ML; - AI Labour Market; - Statistics for Machine Learning: what you need to know. Досі не отримуєш листи з корисними AI-матеріалами на пошту? Заповни коротку анкету – і тебе додадуть до підписників регулярного AI/ML Newsletter-у. Мова розсилки – англійська 📩 Заповнити анкету за посиланням - https://cutt.ly/kevA9HcI

ШІ для фронтендерів Нейронка за кілька кліків збере будь-який елемент веб-сторінки. Вона генерує навіть найскладніші форми — їх можна одразу копіювати у свій проект.

Frontend AI працює безкоштовно у браузері: нейронка отримує промт та видає Tailwind або CSS код.

👉 Спробувати #JS // #news // Архів книг

let removed = numbers.splice(1, 2);
console.log(removed); // Виведення: [2, 3]
console.log(numbers); // Виведення: [1]

Метод .splice() змінює вміст масиву, видаляючи або замінюючи елементи. #JS // #practice // Архів книг

Вакансія: Full-stack Back-End PHP Web Developer Компанія Solid Solutions шукає на віддалену роботу фулстак-розробника з досвідом роботи від 2-х років і впевненими знаннями JavaScript та базовим розумінням JS-фреймворків — для веб-розробки. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

let numbers = [1, 2, 3];
numbers.forEach(function(num) {
   console.log(num);
});

Метод .forEach() застосовує передану функцію всім елементам масиву. #JS // #practice // Вакансії IT

React 18 Design Patterns and Best Practices Четверте видання цього підручника розповість вам про найновіші функції React 18 і Node 19 і про те, як створювати чудові веб-програми React, які можна масштабувати та підтримувати, використовуючи шаблони дизайну та найновішу галузеву інформацію. Рік: 2023 Мова: 🇬🇧 Автор: Carlos Santana Roldan #React18 // #books // JS

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

В даній статті автор досліджує можливості нативних JS-декораторів, з наочними прикладами коду.

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

const foo = () => {
    try {
        throw new Error("error");
        return 24;
    } catch (error) {
        return error;
    } finally {
        return 42;
    }
};

console.log(foo());

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

Scroll animation: Text border on image Цікава анімація тексту під час прокручування. Реалізовано за допомогою CSS та JavaScript. #codepen // #practice // JS