JavaScript 🇺🇦

Front-end Development Projects with Vue.js 3 Ця книга допоможе вам освоїти основні концепції Vue.js 3 на прикладах, що імітують реальні веб-проекти.

Ви познайомитеся з усіма аспектами нового та покращеного Vue.js 3, працюючи над такими міні-проектами, як інтерфейс чату, кошик, калькулятор цін, програма для ведення справ та генератор карток для зберігання контактних даних.

Рік: 2023 Мова: 🇬🇧 Автор: Maya Shavin #JS // #books // Вакансії IT

🤖 Нарешті довели до ладу нашого чат-бота Wardy - український чат-бот, що має у собі всі класичні функції модерації та команди для розваг. Ось трішки з того, що він вміє: 👁 Капча. Можна встановити у чаті капчу і всі повідомлення від людей, що її не пройшли, миттєво видаляються. Повне знищення юзер-ботів у вашому чаті. 🤖 ШІ-модерація. Модерація чату за допомогою штучного інтелекту, можна обрати які саме фільтри будуть задіяні (розпізнавання агресії, секс-підтексту тощо). 🎲 Створення розіграшів. Окрім стандартних функцій, є система звітів та архіву. Також в умовах можна заборонити приймати участь тим, хто використовує ту чи іншу мову в своєму інтерфейсі. 🤓 Створення цитат в картинці зі слів співбесідників. Можна створити цитату як зі всього повідомлення, так і вирвавши слова з контексту. 🧠 Ще можна викликати цитати відомих людей з історії, політики, кінематографу, аніме тощо. 🎭 RP-команди. Створюйте кастомізовані команди для взаємодії між користувачами. Окрім цього, є система репутації, генерація картинок, переказ голосових повідомлень, статистика активності, профілі, фільтри для слів, карбування токенів і багато чого іншого. Наразі ми активно займаємося розробкою бота і він частково у сирому вигляді, але все вище описане вже можна тестувати і випробовувати у своєму чаті. Бот: @wardybot Обговорення: @wardyforum Новини: @wardynews

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

let a = {},
    b = {key: 'b'},
    c = {key: 'c'};

a[b] = 1;
a[c] = 2; 

console.log(a[b]);

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

Custom Radio Buttons Користувальницькі радіо-кнопки, виконані на чистому CSS. #codepen // #practice // JS

Посібник з Tauri У новій статті детально розповідається про кросплатформний фреймворк Tauri, подібний до Electron — автор проводить його огляд, а також надає приклади і альтернативи. Мова: 🇬🇧 #Tauri // #theory // JS

Тут клас 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