JavaScript 🇺🇦

let num = 10;
function multiplyBy2(x) {
   return x * 2;
}
let result = multiplyBy2(num);
console.log(result);

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

Simple arrow animation Мінімалістичний анімований покажчик. Реалізовано за допомогою CSS. #codepen // #practice // JS

Що таке гідратація? Коли йдеться про JS-фреймворки, часто використовують термін "гідратація" — це процес, який JavaScript виконує, узгоджує та робить інтерактивним HTML, який уже є в DOM, за допомогою відтворення на стороні сервера (SSR). Мова: 🇬🇧 #JS // #theory // Вакансії IT

Цей приклад демонструє використання async/await в циклі для виконання асинхронних операцій у певній послідовності:

async function loopWithAsync() {
   for (let i = 0; i < 5; i++) {
      const result = await
someAsyncFunction(i);
      console.log(result);
   }
}

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

Медіазапити На 29-му уроці відео-курсу про основи HTML & CSS автор розповідає про CSS-медіазапити (media queries) — це набір правил (запитів), які дозволяють адаптувати зовнішній вигляд веб-сторінки під технічні параметри пристрою користувача. Мова: 🇺🇦 Тривалість: 20 хв #JS // #lessons // Архів книг

Вебінар: Лідерство в IT. Як отримати бажане підвищення * про те, як виділити свої конкурентні переваги в гонитві за менеджерською позицією 📆 20 вересня, 19:00 🎁 безкоштовно 📌 онлайн Наповнення: ▫️хто такий менеджер? ▫️що таке компетенції і які компетенції необхідно мати? ▫️які кроки наблизять вас до омріяного підвищення? ▫️моделлю компетенцій менеджерів QS Games 👉 Зареєструватись

Gallery Example Галерея картинок в кіберпанк-стилі. Реалізовано за допомогою SCSS та JavaScript. #codepen // #practice // JS

Проміси: глибоке занурення в механізми V8 Більшість людей вважають, що JavaScript або NodeJS, будучи однопотоковою мовою, повільні та не масштабовані. В даній статті автор вносить ясність у це питання. Мова: 🇬🇧 #JS // #theory // Архів книг

Pricing Card Design Стильні мінімалістичні картки з вибором цін. Реалізовано за допомогою SCSS та JavaScript. #codepen // #practice // JS

Суперкорисна ШІ-штука для всіх кодерів Copilot Arena — це безкоштовне розширення для VSCode, яке додає в редактор одразу з десяток найкращих нейромереж для кодингу.

Суть така: дві випадкові нейронки пропонуватимуть вам свої написання коду, а вам треба вибирати найкращий. Залежно від ваших виборів, буде формуватися рейтинг нейронок.

👉 Спробувати #CopilotArena // #news // JS

Solana Radar Hackathon шукає студентів ВНЗ з web3 проєктами! $4 000 000 фінансування та спецприз! University Award — $10К найкращій student team ➕Grand Champ $50К, інші номінації й треки – DeFi, DePIN, Gaming та інші. ➕по $250K pre-seed funding та доступ до акселератора Colosseum 15 переможцям! ➕гарантовані мікрогранти $100+ від Kumeka Team Великі шанси виграти та просунути твій блокчейн-стартап. Реєстрація до: 2 жовтня 9:59 Подача проєкту до: 9 жовтня 9:59 🔴 Реєструйся на colosseum.org/radar

Promise.race чекає на перший виконаний проміс і може використовуватися для встановлення тимчасового обмеження.

async function promiseWithTimeout() {
   try {
      const result = await Promise.race([
         someAsyncFunction(),
         new Promise((_, reject) ⇒
setTimeout(() ⇒ reject('Время истекло'), 5000))
      ]);
      console.log(result);
    } catch (error) {
      console.error(error); // Виведення: Час минув (якщо перевищено 5 секунд)
   }
}

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

Вакансія: Front-End Developer Компанія Capy IT, яка спеціалізується на розробці власних IT-продуктів, шукає на офісу роботу в Києві фронтенд-розробника рівня Junior з базовими знаннями HTML5, CSS3 і JS(ES6) — для верстки веб-сторінок на основі макетів дизайнерів. 📝 Відкрити анкету #JS // #jobs // Архів книг

Метод util.promisify() перетворює асинхронну функцію, яка використовує колбек, в проміс — це робить її зручною для використання з async/await.

const util = require('util');
const fs = require('fs');
const readFile = util.promisify(fs.readFile);

async function readAndLogFile() {
   try {
      const data = await readFile('file.txt', 'utf8');
      console.log(data);
   }  catch (error) {
      console.error(error);
}

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

Pro Angular, 5th Edition Це найбільш стислий і вичерпний посібник, який дає вам знання, необхідні для того, щоб повною мірою скористатися перевагами популярного фреймворку Angular для створення власних динамічних JS-програм.

П’яте видання посібника пояснює, як отримати максимум від Angular, представляючи ряд переваг, які він може запропонувати.

Рік: 2022 Мова: 🇬🇧 Автор: Adam Freeman #JS // #books // Архів книг

Angular: створюємо Signals із Observables Сигнали все частіше стають альтернативою RxJs у додатках Angular. Звичайно, існують функції toSignal і toObservable для реалізації взаємодії між Angular Signals і RxJs Observables, але що робити, якщо ми хочемо отримати більше можливостей? Саме про це — дана стаття. Мова: 🇬🇧 #Angular // #theory // JS

const myObj = {
   name: "John",
   age: 30,
   city: "New York"
};

console.log(myObj.phone);

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

Nav Bar Micro Interaction Стильна навігаційна панель, реалізована за допомогою CSS. #codepen // #practice // JS

⚙️ Опанувати Node.JS = перейти на новий рівень у розробці, карʼєрі та зарплаті. А ще, це один з найпопулярніших інструментів веб-розробки, що дозволяє фронтендеру писати бекенд, налаштовувати взаємодію з базами даних, розгортати інфраструктуру і тестувати середовище. Навчіться ефективно працювати з базами даних та заглибтесь у backend-fullstack розробку ― на курсі Node.JS від robot_dreams За 2 місяці навчання ви: → ознайомитеся з платформою Node.JS та основними фреймворками типу Express.js і Jest → навчитеся працювати із серверами й базами даних, зокрема MySQL і MongoDB → опануєте асинхронну модель програмування → навчитеся розгортати, тестувати й гарантувати безпеку застосунків → отримаєте best practices роботи з Node.JS 📲 У результаті ― розробите власний серверний застосунок і напрацюєте рішення для поточних і майбутніх проєктів Лектор: Сергій Ващенко ― Software Designer, який має понад 7 років досвіду в наданні розробки у сфері Frontend/Backend Дізнатися більше ⬅️

Глибоке занурення у форми з сучасним React У даній статті автор детально розглядає, як використовувати сучасні React API для створення форм без сторонніх бібліотек чи фреймворків. Мова: 🇬🇧 #React // #theory // JS