JavaScript 🇺🇦

Leaky Preloader Оригінальна іконка завантаження, створена на HTML та CSS. #codepen // #practice // JS

Безкоштовні ІТ-курси Гарвардського університету Зібрали для вас кілька унікальних курсів на найбільш актуальні теми. Всередині — геймдев, айті, веб-дизайн і таке інше:

🔴Веб-програмування за допомогою Python та JS: база для створення веб-додатків — крім Python та JS курс навчить ще й використанню SQL, Django, React та Bootstrap. 🔴Machine Learning і Data Science: основи створення нейромереж — цей курс навчить вас створювати алгоритми рекомендації фільмів. 🔴Введення в штучний інтелект з Python: створюємо свій GPT-2 — тут ви дізнаєтеся про принцип роботи LLM і те, як працюють алгоритми нейромереж. 🔴Розуміння технологій — більш особистий, аніж практичний курс, який розповість про те, як працюють технології довкола вас. 🔴Введення в інформатику — всі основні положення предмету. 🔴Введення в геймдев — база зі створення 2D та 3D ігор на прикладі хітових Legend of Zelda, Angry Birds та інших.

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

У цьому прикладі клас Circle має гетер і сетер для обчислення діаметра кола на основі радіусу.

class Circle {
   constructor(radius) {
      this.radius = radius;
   }

   get diameter() {
      return this.radius * 2;
   }

   set diameter(d) {
      this.radius = d / 2;
   }
}

const circle = new Circle(5);
console.log(circle.diameter); // Виведе 10
circle.diameter = 12;
console.log(circle.radius); // Виведе 6

#Circle // #practice // JS

Full-Stack Flask and React Починаючи з введення в React, бібліотеку JavaScript для створення високо-інтерактивних і багаторазово використовуваних інтерфейсів, ви перейдете до моделювання даних для вебу за допомогою SQLAlchemy і PostgreSQL, а потім освоїте розробку Restful API. У цій книзі ви також вивчите модульну архітектуру веб-застосунків на основі Flask і освоїте методи обробки помилок. Перш ніж розгорнути веб-додаток на AWS, ви дізнаєтеся, як інтегрувати кращі практики модульного тестування для забезпечення функціональності коду. Рік: 2023 Мова: 🇬🇧 Автор: Olatunde Adedeji #Flask #React // #books // JS

🔥 ТІЛЬКИ ДЛЯ УКРАЇНЦІВ: СПИСОК БЕЗКОШТОВНИХ IT-КУРСІВ Тут ціла навчальна бібліотека, ще й безоплатно, налітай! 😱 Обирай, ким хочеш бути, і стартуй 👇 ✅ Веброзробник: розроби свій перший сайт. ✅ QA-інженер: протестуй сайт на помилки. ✅ UX/UI-дизайнер: задизайни свій перший додаток. ✅ Дата-аналітик: проаналізуй свої перші дані. ✅ Фахівець із SMM: отримай досвід роботи з соцмережами. А для тих, хто не може визначитися — приходьте на тест-драйв IT-професій, де оберете роботу, від якої горять очі 🔥 👉 Подивитися всі курси: https://i.goit.global/QiTpC І не забудьте отримати свій бонус під час реєстрації 🫡

Статичні методи класу MathUtils можуть бути викликані без створення екземпляра класу.

class MathUtils {
   static add(x, y) {
      return x + y;
   }

   static multiply(x, y) {
      return x * y;
   }
}

console.log(MathUtils.add(2, 3)); // Виведе 5
console.log(MathUtils.multiply(2, 3)); // Виведе 6

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

Вакансія: JavaScript Game Developer Українська медіа-компанія Firelink Media шукає на віддалену чи офісну роботу в Києві JS-розробника рівня Middle з комерційним досвідом розробки від 2-х років — розробки нового і доопрацювання існуючого функціоналу гри. 📝 Відкрити анкету #jobs // Архів книг // JS

Реалізація поля для підпису Блокноти для підписів є корисними інструментами для захоплення рукописних підписів у веб-додатках. Вони покращують взаємодію з користувачем, дозволяючи записувати рукописні підписи або створювати малюнки безпосередньо на платформі. У цій статті автор показує, як створити адаптивну панель для підпису за допомогою JavaScript, з такими функціями, як підтримка дотику, стилі штрихів і функція експорту, використовуючи передові інструменти, такі як бібліотека signature_pad. Мова: 🇬🇧 #JS // #theory // Вакансії IT

for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 1);
}

for (var i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 1);
}

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

Cloud Upload Bubbles При натисканні на кнопку запускається CSS-анімація, що застосовується до елементів, які генеруються. #codepen // #practice // JS

Керування пам’яттю: WeakRef та FinalizationRegistry Сьогодні ми заглибимося в тему керування пам’яттю в JavaScript, дослідивши потужні можливості WeakRef і FinalizationRegistry.

Ці інструменти дають розробникам контроль над слабкими посиланнями та фіналізацією асинхронних об’єктів, забезпечуючи точнішу та ефективнішу обробку пам’яті.

Мова: 🇬🇧 #JS // #theory // Вакансії IT

😱66 годин курсу по JavaScript за 3999 грн 5️⃣0️⃣0️⃣ грн! За 5 чашок кави☕️ ви отримаєте доступ до курсу в якому 11 розділів та більше 100 уроків. 🔴Пропозиція обмежена та тільки для спільноти JavaScript

Цей курс підійде як для новачків так і більш продвинутих прогерів. Також в кінці курсу вас чекає Бонус: Реальний проєкт на JS.

Дізнатись про курс детальніше: https://t.me/+_Io7PhiW1m8zMjhl

Ключове слово super використовується для виклику конструктора батьківського класу.

class Vehicle {
   constructor(type) {
      this.type = type;
   }
}

class Car extends Vehicle {
   constructor(type, brand) {
      super(type);
      this.brand = brand;
   }
}

const car = new Car('Автомобіль', 'Toyota');
console.log(car.type); // Виведе "Автомобіль"
console.log(car.brand); // Виведе "Toyota"

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

CSS-препроцесори На 34-му уроці відео-курсу про основи HTML & CSS автор розповідає про CSS-препроцесори — це надбудови над CSS, які розширюють можливості та спрощують процес створення стилів, що потім вбудовуються у файли CSS. Мова: 🇺🇦 Тривалість: 38 хв #JS // #lessons // Архів книг

🚫Нарешті вдалося угамувати спамерів у нашому чаті Додали до нашого чат-бота функцію капчі та модерації від ШІ, тепер повідомлення зі спамом видаляються миттєво ⚡️ Наш чат: @chatjsua Наш бот: @wardybot Cпілкуватися стало приємніше!

Password Generator Генератор паролів з використанням малих і великих букв, цифр і спеціальних символів. Реалізовано за допомогою Clipboard.js. #codepen // #practice // JS

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

🔔 Як українцю почати працювати в Google, Meta чи Netflix? За допомогою одного правильного кроку — безкоштовного карʼєрного онлайн-інтенсиву від Neoversity. Що корисного ви отримаєте?

☑️ Розберетеся, яким будет ІТ-ринок у 2025 рокі та як отримати роботу навіть у кризу. ☑️ Навчитеся оформлювати резюме, портфоліо та LinkedIn та говорили на співбесіді так, аби отримати офер на $10.000 і більше. ☑️ Складете план росту з вашої поточної позиції до сеньйора чи керівника в українській або міжнародній компанії.

Підійде як айтівцям, так і тим, хто працює в інших галузях, але хочуть вийти на більший рівень ЗП. І це ще не все! 🎁 Після реєстрації ви отримаєте безкоштовний подарунок: гайд "Як підготуватися до співбесіди на Senior чи Lead позицію з ChatGPT? ТОП-5 промптів". Час пробити кар'єрну стелю! Реєструйтеся, покращуйте життя та отримуйте подарунок: https://i.goit.global/2iE57

Perlin Noise Анімація голограми. Реалізовано за допомогою JS та CSS. #codepen // #practice // JS

const numbers = [1, 2, 3, 4, 5, 6, 6, 7, 8, 8, 5]

console.log([...new Set(numbers)])

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