JavaScript 🇺🇦

🖥 Крутий сайт для прокачування навичок і підготовки до співбесід З'явився сайт BFE-dev, де зібрано понад 600 завдань з JavaScript, React, TypeScript, CSS і навіть системного дизайну. Можна писати код прямо в браузері з підтримкою TypeScript, одразу перевіряти рішення і дивитися, як впоралися інші. 👉 Відвідати сайт #BFE // #news // JS

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

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

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

Метод lastIndexOf() повертає останній індекс, яким даний елемент може бути знайдений в масиві. ❕ Якщо він відсутній, повертається -1.

const animals = ['Dodo', 'Tiger', 'Penguin', 'Dodo'];

console.log(animals.lastIndex0f('Dodo')); 
// 3

console.log(animals.lastIndex0f('Tiger'));
// 1

Масив проглядається у зворотному напрямку, починаючи з fromIndex. #lastIndexOf // #practice // JS

Вакансія: Full-Stack JavaScript Developer Українська арбітражна команда Mustage Team шукає на віддалену роботу фулстак-розробника зі знанням JS і комерційним досвідом від 6 місяців — для розробки та підтримки фронтенд-частини проектів на React.js, HTML / CSS, TypeScript та Electron.js, а також розробки бекенду на базі Nest.JS. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

RegExp.multiline має значення true, якщо використовувався прапор m; інакше — false. ❕ Прапор m вказує, що багаторядковий вхідний рядок має розглядатися як кілька рядків.

const regex1 = new RegExp('^football');
const regex2 = new RegExp('^football', 'm');

console.log(regex1.multiline);
// false

console.log(regex2.multiline);
// true

console.log(regex1.test('rugby\nfootball'));
// false

console.log(regex2.test('rugby\nfootball'));
// true

Наприклад, якщо використовується m, ^ і $ змінюються від збігу тільки на початку або в кінці всього рядка на початок або кінець будь-якого рядка. #RegExp // #practice // JS

Найкращі книги по JS Добірка наших останніх публікацій із найбільш вартісними посібниками по мові JavaScript: 🔴Essential Guide to React for All Levels (🇬🇧, 2024) — провідник у подорожі потужною екосистемою React. 🔴Learning Angular (🇬🇧, 2023) — допоможе створювати перші робочі веб-додатки з нуля на Angular. 🔴Web Coding and Development All-in-One (🇬🇧, 2024) — книга-перекладач, що розмовляє мовами веб-програмування. 🔴Learning Vue (🇬🇧, 2023) — крок за кроком розповідає про інструменти та бібліотеки в екосистемі Vue.js. 🔴Vue.js 3 Design Patterns and Best Practices (🇬🇧, 2023) — охоплює Vue 3 від основ і до більш складних тем. 📚 Товариство, які ще знаєте вартісні українські чи англійські матеріали по JS? #JS // #books // Вакансії IT

12-тижневий курс з основ веб-розробки від Microsoft На GitHub уже доступні 24 безкоштовні уроки, де ви опануєте базу фронту — HTML, CSS і JavaScript — створюючи практичні проекти. Мова: 🇺🇦 #Microsoft // #theory // JS

function addToList(item, list) {
   return list.push(item);
}

const result = addToList("pear", ["plum"]);
console.log(result);

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

Українці бояться криптовалют! Всі вже помітили, як багато стає криптоекспертів, коли крипта зростає і що вони кудись пропадають, коли крипта падає? Через таких хайп-експертів люди втрачають гроші та беруть кредити. Кого ж тоді слухати? Того, хто нікуди не пропадає під час корекцій, щотижня інвестує власний капітал і розповідає людям фундаментальні речі: ▪️як працює ринок криптовалют; ▪️як аналізувати новини; ▪️що відбувається в світі і як це впливає на торгівлю; ▪️макроекономічні та політичні події. Таких людей досить небагато. І мало хто справді ділиться своїми напрацюваннями з людьми. Vlad T.A.M. — інвестор, що на ринку вже більше 6 років, пише про це у Forbes та навчив вже більше 3000 людей. Щодня розповідає про логіку роботи ринку та на власному прикладі постійно інвестує у криптоактиви. Чіткість, дисципліна, холодний розрахунок та довгострокові інвестиції — https://t.me/+PSsRd6my8eY2YmU6

Get Color Palette Фон, який забарвлюється в основний колір картинки. Для кожного зображення визначаються три кольори: основний, вторинний та фоновий. #codepen // #practice // JS

ШІ для виявлення шкідливого JS У цій свіжій статті автори діляться своїм досвідом роботи — як вони навчають ШІ виявляти зловмисні наміри JavaScript і робити веб-серфінг безпечнішим. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Метод substring() виймає символи між двома індексами (позиціями) з рядка і повертає підрядок. Символи виймаються від початку до кінця (не включно).

const str = 'Mozilla';

console.log(str.substring(1, 3));
// expected output: "oz"

console.log(str.substring(2));
// expected output: "zilla"

Якщо start більше end, аргументи змінюються місцями: (4, 1) = (1, 4). Початкове чи кінцеве значення, якщо воно менше 0, обробляється як 0. #substring // #practice // JS

Як почати писати на JavaScript На 2-му уроці відео-курсу по JavaScript від Дмитра Охріменка автор розповідає, з якою метою взагалі була створена мова JS, на що вона здатна і з чого почати її вивчення. Мова: 🇺🇦 Тривалість: 1 год 50 хв #JS // #lessons // Вакансії IT

Wave Анімація завантаження, схожа на хвилю. Елемент побудований з ліній, які змінюють свою довжину і тим самим створюють контур предмета. #codepen // #practice // JS

Глибоке занурення в SSR для React-розробників У цій свіжій статі ви дізнаєтесь крок за кроком, як серверний рендеринг (SSR), попередній рендеринг, гідратація та статична генерація сайту (SSG) працюють у React, а також їхні затрати, вплив на продуктивність, переваги та компроміси. Мова: 🇬🇧 #React #SSR // #theory // JS

Cards Картки, які розгортаються, наче книжка. У кожній з них є анімована кнопка та місце для зображення. #codepen // #practice // JS

Генератор SVG з будь-яких картинок Нейронка перетворює зображення на логотипи та іконки в один клік: 🔴завантажуєте картинку або пишете промт 🔴дивитеся, як ШІ генерує код у реальному часі 🔴копіюєте результат у відмінній якості 👉 Спробувати #SVG // #news // JS

Генерування довільних значень чи отримання довільного елемента масиву — дуже корисні методи, які варто тримати під рукою.

let getRandom = (min, max) ⇒ {
   return Math.round(Math.random() * (max - min) + min);
console.log('Get random', getRandom(0, 10));

У даному прикладі наведене генерування довільного числа з діапазону із зазначенням мінімального та максимального значень. #JS // #practice // Архів книг

Вакансія: Front-end Developer Транспортна компанія "Агротеп" шукає на офісну роботу у Києві фронтенд-розробника рівня Middle зі знанням JavaScript (ES6+), HTML5, CSS3 і досвідом з React та React Native — для розробки та підтримки веб- та мобільних додатків. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

Метод next() повертає об'єкт із двома виконаними властивостями та значенням. Ви також можете надати параметр методу next для надсилання значення генератору.

function* gen() {
   yield 1;
   yield 2;
   yield 3;
}

const g = gen(); // "Generator { }"
g.next();   // "Object { value: 1, done: false }"
g.next();   // "Object { value: 2, done: false }"
g.next();   // "Object { value: 3, done: false }"
g.next();   // "Object { value: undefined, done: true }"

Повертається true, якщо генератор пройшов кінець свого потоку керування. #next // #practice // JS