JavaScript 🇺🇦

Що таке "генератор"? Генератори — це функції, з яких можна "виходити", і в які можна "входити" при необхідності. Їхній контекст зберігається між сеансами "входу" до них. Генератори оголошують із використанням ключового слова function*.

function* makeRangeIterator(start = 0, end = Infinity, step = 1) {
    let iterationCount = 0;
    for (let i = start; i < end; i += step) {
        iterationCount++;
        yield i;
    }
    return iterationCount;
}

Така функція при її першому виклику не виконує код, повертаючи особливий об'єкт, генератор, який дозволяє керувати її виконанням. Для отримання чергового значення, яке видається генератором, потрібно викликати його метод next(). Завдяки цьому виконується код функції доти, доки в ньому не зустрінеться ключове слово yield, яке повертає значення. Функцію-генератор можна викликати скільки завгодно разів. Щоразу повертатиметься новий генератор. #theory // Архів книг // JS

A Little to the Right Міні-гра "Вирівняти картину", виконана за допомогою SVG, SCSS і бібліотеки GSAP.js #practice // Вакансії IT // JS

Фронтендеру важче шукати першу роботу, ніж дата аналітиком За даними ІТ-порталу Djinni, шукати першу роботу дата аналітиком трохи простіше, ніж фронтендером. Принаймні, у аналітиків в три рази більший індекс Djinni, тобто співвідношення відгуків до пропозицій від рекрутерів. Так, на кожні 100 відгуків, які у березні відправляли аналітики до року досвіду, вони отримували по 21 пропозиції, а у фронтендерів ця пропорція лише 7 на 100. Хоча у фронтендерів бачимо невеликий тренд на зростання. ___ Шановне товариство, додайте, будь ласка, запального бусту нашому каналу https://t.me/javascriptuk?boost — це допоможе йому опинитися вище у пошуковій системі. Дякуємо! ❤️‍🔥 #news // Архів книг // JS

Хмельницький хакер зламав 7 тисяч комп’ютерів через чіти на San Andreas Програміст з Хмельницького вирішив стати хакером і посидівши трохи на спеціальних форумах почав розповсюджувати шкідливе програмне забезпечення. Робив він це через інфіковані файли в модах GTA San Andreas, відео з якими викладав на YouTube. Проте результати скромні — 4740 грн з інфікованих 7 327 комп’ютерів. 👮‍♀️ Вирок суду — рік випробувального з 34 тисячами гривень штрафу. @itmemeua

Object.freeze() заморожує об'єкт — це запобігає розширенню і робить наявні властивості недоступними для запису і налаштування.

const obj = {
   prop: 42,
};

Object.freeze(obj);

obj.prop = 33; // error in strict mode

console.log(obj.prop); // 42

Заморожений об'єкт більше не можна змінити: додати нові властивості, видалити наявні, змінити їхню перелічуваність, конфігурацію, можливість запису або значення; а прототип об'єкта не можна перепризначити. #practice // Вакансії IT // JS

Вакансія: Front-End Developer Український венчур-білдер SKELAR шукає на офісну роботу у Києві розробника зі знанням Vue 2, Typescript, HTML і CSS на рівні Middle — для удосконалення продукту. 📝 Відкрити анкету #jobs // Вакансії IT // JS

toLocaleUpperCase() повертає значення рядка, перетворене у верхній регістр згідно з будь-яким зіставленням регістра, що залежить від локалі.

const city = 'istanbul';

console.log(city.toLocaleUpperCase('en-US'));
// "ISTANBUL"

console.log(city.toLocaleUpperCase('TR'));
// "ISTANBUL"

У більшості випадків це призведе до того ж результату, що і toUpperCase(), але для деяких локалей, таких як турецька, може бути інший результат. #theory // Вакансії IT // JS

Building Offline Applications with Angular У цьому покроковому посібнику показано, як створити додаток Angular, який передбачає офлайн-доступ і використовує його готові функції та конфігурації. Рік: 2022 Мова: 🇬🇧 Автор: Venkata Keerti Kotaru #books // Архів книг // JS

👆 Прості правила використання різних способів оголошення функцій для стандартів ES6+. ___ Дорогі підписники, розцініть можливість дати буст нашому каналу https://t.me/javascriptuk?boost — це допоможе йому опинитися вище у пошуковій системі. Дякуємо! ❤️‍🔥 #theory // Вакансії IT // JS

Запрошуємо на онлайн SKELAR MEETUP для Full-stack девелоперів! Коли: 28 березня, 18:00 Формат: онлайн-лекції та панельна дискусія. Участь безкоштовна. Говоритимемо про розвиток карʼєри та продуктове мислення, розбиратимемо факапи на шляху Full-stack девелопера в продуктовій компанії. А також проведемо панельну дискусію з фаундерами & CEO IT-продуктів про те, як розробникам вирости в СТО стартапів. Серед спікерів будуть СЕО та фаундери SKELAR, Олександр Сугак, Senior Software Engineer, Ex-Grammarly, та Сергій Бабіч, Technical Interviewer та Frontend Solution Architect, Edvantis. Реєстрація на подію обовʼязкова: https://meetup.skelar.tech/fullstack. До зустрічі 🙌🏻

Locking Smart Home Dashboard Панель розумного будинку з екраном блокування. Створено на React. #practice // Архів книг // JS

Прототипи У даній статті автор розбирає таке поняття як прототипи в JavaScript — особливий механізм, який дає змогу об’єктам наслідувати властивості та методи від інших об’єктів. Мова: 🇺🇦 #theory // Вакансії IT // JS

Новий вражаючий плагін для Figma Figma to Replit змайструє робочий код з будь-якого дизайну — він видає готові програми на HTML, CSS або React. Результати можна миттєво експортувати в середовище розробки Replit, а там вбудований генератор коду допиляє все до ідеалу. 👉 Спробувати @itmemeua

Метод return() екземплярів Generator діє так, нібито оператор return вставлено в тіло генератора в поточну призупинену позицію.

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

const g = gen ();

g.next(); // { value: 1, done: false }
g.return("foo"); // { value: "foo", done: true }
g.next(); // { value: undefined, done: true }

В результаті завершується робота генератора, що дає йому змогу виконувати будь-які завдання очищення в поєднанні з блоком try...finally. ___ Любі програмісти, якщо ваша ласка, дасте буст нашому каналу https://t.me/javascriptuk?boost — це допоможе йому опинитися вище у пошуковій системі. Дякуємо! ❤️‍🔥 #practice // Архів книг // JS

Перший HTML-код На третьому уроці відео-курсу про основи HTML & CSS ми нарешті напишемо перший HTML-код для нашого проекту. Мова: 🇺🇦 Автор: SavchukIT Тривалість: 14 хв #lessons // Архів книг // JS

Book reviews Верстка реалізована за допомогою CSS Grid. Анімації створені бібліотекою gsap. #practice // Архів книг // JS

Інструмент Flow Flow JS — це потужний інструмент статичної типізації, який додає невидимий щит захисту у ваш код. Він дає змогу розробникам визначити типи даних, попереджає про можливі помилки та робить код зрозумілішим. У даній статті ви дізнаєтесь, як цей інструмент може змінити ваш підхід до JS-розробки. Мова: 🇺🇦 #theory // Вакансії IT // JS

📈 Працюєте в IT та прагнете більшого? Хочете: 🔥 Вийти на міжнародний ринок 🔥 Розширити стек технологій 🔥 Швидше зростати в посаді та грошах 🔥 Працювати в дійсно цікавих проєктах, що мотивують та драйвять Тоді вам точно треба на безплатний вебінар для IT-фахівців від Neoversity ⬇️ РЕЄСТРАЦІЯ ◽ Отримайте покроковий план бусту карʼєри в 2024 ◽ Залиште конкурентів далеко позаду ◽ Претендуйте на офери в кращих компаніях України, ЄС, США, Канади Вхід лише по реєстрації. Бронюйте місце зараз 👇👇👇 https://i.goit.global/GyAPZ

Glitchy Loading Indicator Оригінальний завантажувач в стилі "Матриці", створений за допомогою бібліотеки Lettering.js. #practice // Архів книг // JS