JavaScript 🇺🇦

Тут клас User використовується для створення об'єктів користувачів, які можуть бути збережені у масиві чи БД.

class User {
   constructor(username, email) {
      this.username = username;
      this.email = email;
   }
}

const users = [
   new User('user1', 'user1@email.com'),
   new User('user2', 'user2@email.com')
];

console.log(users[0].username); // Виведе "user1"

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

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

Найкращий лайнокод — конкурс до дня народження robot_dreams⚡️ У жовтні robot_dreams відзначає 4 роки 🎉 і запрошує відсвяткувати в незвичній формі. Не треба переписувати конспекти на швидкість чи створювати MVP ― достатньо просто написати найепічніший однорядковий код. Головна умова ― що дивніше, то краще. 📌 Щоб взяти участь у конкурсі, потрібно: ⠀ ❯❯ обрати одну із 5 запропонованих задач [або вигадати власну] і розвʼязати її за допомогою одного рядка коду ❯❯ надіслати код з 10 до 24 жовтня ❯❯ взяти участь у голосуванні серед 10 відібраних номінантів ⠀ 🏆 Переможця оголосять 31 жовтня. Він отримає кубок найкращого лайнокодера України та грант розміром $1000 на будь-який курс в robot_dreams. ⠀ Усі деталі конкурсу та реєстрація тут 🔗 ⠀ 🤖 Приєднуйтесь, щоб знайти нестандартний розвʼязок цікавої задачі та позмагатися за призи.

Sale label Декілька прикладів реалізації рухомої етикетки розпродажу на чистому CSS. #codepen // #practice // JS

Що має знати Senior Node.js Developer На порталі DOU вийшла аналітика технічних навичок для Middle та Senior в Node.js, а також рекомендації щодо правильного розуміння червоних прапорців на співбесіді Senior Node.js Developer. Мова: 🇺🇦 #JS // #theory // Архів книг

Experimental Gradient Editor Додаток для створення градієнта, написаний на Vue. #codepen // #practice // JS

Використовуємо API Reddit для JS-застосунків Навчитися користуватися Reddit API корисно, якщо ви хочете інтегрувати комунікації Reddit у свою програму або якщо ви просто хочете використовувати певні дані на Reddit.

У цій статті автор детально пояснює, як здійснювати видобування даних з Reddit за допомогою JavaScript.

Мова: 🇬🇧 #RedditAPI // #theory // JS

Тут клас Animal використовується для створення об'єкта cat, який представляє тварину.

class Animal {
   constructor(name) {
      this.name = name;
   }

   speak() {
      console.log(`${this.name} видає звук. `);
   }
}

const cat = new Animal('Кіт');
cat.speak(); // Виведе "Кіт видає звук."

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

Вакансія: Front-end Developer Українська мережа техніки та електроніки MOYO шукає на віддалену роботу фронтенд-розробника зі знанням HTML / CSS / SCSS / JavaScript / TypeScript/ jQuery / ES6 / PHP / Webpack — для розробки нових функціоналів web-продуктів компанії. 📝 Відкрити анкету #JS // #jobs // Вакансії IT

Клас Temperature дозволяє переводити температуру з градусів Цельсія в градуси Фаренгейта, і назад.

class Temperature {
   constructor(celsius) {
      this.celsius = celsius;
   }

   get fahrenheit() {
      return(this.celsius * 9/5) + 32;
   }

   set fahrenheit(value) {
      this.celsius = (value - 32) * 5/9;
   }
}

const temp = new Temperature(25);
console.log(temp.fahrenheit); // Виведе 77
temp.fahrenheit = 86;
console.log(temp.celsius); // Виведе 30

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

Full Stack Django and React Ця книга з веб-розробки допоможе вам розкрити весь потенціал поєднання подвійної сили двох популярних фреймворків — React та Django.

Ви створите повнофункціональні програми, що включають RESTful API в бекенді та інтуїтивно зрозумілий фронтенд, вивчивши при цьому передові можливості обох фреймворків.

Рік: 2023 Мова: 🇬🇧 Автор: Kolawole Mangabo #React #Django // #books // JS

Що таке Durable Functions? Функції Durable Functions пропонують більш просте і оптимізоване рішення для керування довгостроковими завданнями, які мають витримувати переривання та збої в JavaScript. Вони забезпечують потужну структуру для створення стійких додатків зі збереженням стану, усуваючи потребу в ручному керуванні помилками та повторними спробами. Детальніше — у статті. Мова: 🇬🇧 #DurableFunctions // #theory // JS

const obj = {
  a: 'somestring',
  b: 42
};

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

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

Mobile navigation animation Анімацію в стилі екрану смартфона створено за допомогою бібліотеки TweenMax. #codepen // #practice // JS

Ви теж думаєте, що $10,000 на місяць в IT — це міф? А це реальність для спеціалістів, які правильно спланували свій кар'єрний шлях. Іноді все, що вам потрібно, — це свіжий погляд зі сторони та грамотне наставництво від спеціаліста. IT Університет Neoversity запрошує на безкоштовні кар'єрні консультації для IT-фахівців! 🔔

☑️ Оцінимо ваш поточний рівень та перспективи. ☑️ Складемо конкретний план: які компанії та навички допоможуть зробити наступний крок. ☑️ Розкажемо, які можливості є на міжнародному ринку для IT-спеціалістів з України. ☑️ Все без складнощів і зайвих теорій. Просто і по суті.

Навіщо це вам? Щоб не втрачати час на здогадки і відразу знати, що робити, щоб перейти на новий рівень у кар'єрі. 🎟 Записатися на консультацію просто: https://i.goit.global/iinnq Не пропустіть можливість дізнатися, як отримувати більше, залишаючись собою!

Отримуємо код сайту по скріншоту Нейромережа ScreenshotToCode аналізує всі елементи сторінки, що знаходяться на скріншоті, і видає їх код. Дуже корисно для початківців веб-розробників. 👉 Спробувати #ScreenshotToCode // #news // JS

Статична властивість count використовується для підрахунку створених екземплярів класу Counter.

class Counter {
   static count = 0;

   constructor() {
      Counter.count++;
   }

   static getCount() {
      return Counter.count;
   }
}

const counter1 = new Counter();
const counter2 = new Counter();
console.log(Counter.getCount()); // Виведе 2

#count // #practice // JS

⚙️Щоб зайняти посаду Engineering Manager та професійно керувати командою — необхідно мати досвід та знання Зі всіма аспектами позиції допоможе розібратися Богдан Пономарчук, Platform Engineering Lead у Jooble → на курсі Engineering Manager За 20 занять ви навчитеся: ✔️формувати цілі для команди за методикою OKR ✔️оптимізовувати структуру команди ✔️наймати, онбордити й будувати плани розвитку ✔️планувати й очолювати ініціативи ✔️налаштовувати комунікацію між стейкхолдерами, іншими департаментами та своєю командою В результаті будете ініціювати зміни, керувати ризиками й командами — від найму та адаптації до вищої ефективності Програма створена для розробників, тестувальників та архітекторів, які вже виросли зі своєї позиції і готові керувати технічними командами. Також курс буде корисним тімлідам і техлідам, які хочуть прокачати стратегічне мислення й розвинути лідерські якості PDF-гайд з рекомендаціями Цей курс відповідає стандартам якості навчання PMI Старт: 29 жовтня Деталі та реєстрація ⬅️

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

Glowing ring Анімація завантаження з дзеркальним ефектом, створеним за допомогою тіней CSS-властивості box-shadow. #codepen // #practice // JS