JavaScript 🇺🇦

Відеогра з нуля без навичок програмування Один користувач Reddit розповів і показав, як зробив повноцінну гру без жодних навичок програмування. Все, що у нього була — це терпіння, ChatGPT і 10 місяців розробки. GPT написав весь код, а хлопець навчався у нього, як у наставника. В результаті він опанував серйозні навички C#, освоїв роботу в Unity і створив свою Stardew Valley. 🤯 Ще раз: це не потворна демка на 20 хвилин, а повноцінна гра. #ChatGPT // #news // JS

Якщо ім'я властивості зберігається в змінній, можна додати його до об'єкта таким чином:

const key = 'location';
person[key] = 'New York';

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

Вакансія: JavaScript Developer Компанія "QPart" шукає на офісну роботу в Дніпрі веб-розробника зі знанням HTML, CSS, JavaScript, NodeJs, Express.js, jQuery, React, Bootstrap — для підтримки існуючих застосунків підприємства та створення нової функціональності. 📝 Відкрити анкету #jobs // Архів книг // JS

Символьні властивості є унікальними і не можуть перетинатись з іншими властивостями.

const id = Symbol('id');
const user = {[id]: 123};
console.log(user[id]); // Виведе: 123

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

JavaScript Absolute Beginner’s Guide, 3rd Edition Це практичний посібник з JS для початківців з простими і надійними інструкціями для виконання всього задуманого вами. З ним ви навчитесь використовувати всі можливості сучасного JavaScript, навіть якщо ніколи раніше не програмували. Рік: 2022 Мова: 🇬🇧 Автор: Kirupa Chinnathambi #JS // #books // Вакансії IT

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

const o = {}

console.log("prop" in o === o.hasOwnProperty("prop"))
console.log("toString" in o === o.hasOwnProperty("toString"))

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

Menu Animation Красива мінімалістична анімація кнопки меню, реалізована за допомогою CSS та JavaScript. #codepen // #practice // JS

Співіснування Vue 2 та Vue 3 у великих застосунках Управління великомасштабною програмою та її розробка може бути важким завданням, особливо якщо вона створена на основі старішої версії фреймворку, як-от Vue 2.

Інтеграція Vue 3 в існуючу програму на Vue 2 супроводжується значними технічними проблемами і архітектурними бар’єрами, але автор даної статті, замість того, щоб розпочинати масовий рефакторинг чи переписування, обрав більш інноваційне рішення — мікро-інтерфейсний підхід.

Мова: 🇬🇧 👉 Ознайомитись #Vue // #theory // JS

Метод Object.keys() повертає масив імен всіх властивостей об'єкта, які перераховуються.

const keys = Object.keys(person);
console.log(keys); // Виведе: ['name', 'age']

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

Основи HTML & CSS: підбиття підсумків Ну 36-му і завершальному уроці даного відео-курсу автор підбиває підсумки і навіть цитує майже оригінальну поезію Шевченка. Мова: 🇺🇦 Тривалість: 11 хв #JS // #lessons // Вакансії IT

Live data Демонстрація роботи графіка з автоматичним оновленням даних. Створено за допомогою бібліотеки amCharts. #codepen // #practice // JS

Генерація випадкових лабіринтів Автор цієї статті створив за допомогою JavaScript повноцінний генератор випадкових лабіринтів — і ділиться з нами кожним кроком своєї роботи. Мова: 🇬🇧 #JS // #theory // Вакансії IT

Typing Effect Ефект послідовного введення букв, реалізований на JS. #codepen // #practice // JS

Angular 17+ за 100 днів кодування Коли було випущено Angular 17, автор цієї статті зрозумів, наскільки важливо відточувати свої навички програмування і бути попереду. Тож він прийняв челендж "100 днів кодування" і зобов’язався писати код щодня протягом 100 днів виключно на Angular 17+. Мова: 🇬🇧 #Angular17 // #theory // JS

Метод Object.values() повертає масив.

const values = Object.values(person);
console.log(values); // Виведе: ['John', 30]

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

Full Stack Web Development with Remix Ця книга проведе вас через продумані угоди, важелі та примітиви Remix, щоб відточити ваші навички веб-розробки. Ви навіть розробите програму для управління особистими фінансами!

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

Рік: 2023 Мова: 🇬🇧 Автор: Andre Landgraf #React // #books // JS

У цьому прикладі ми створюємо клас Person з конструктором і методом sayHello(). Потім ми створюємо екземпляр класу та викликаємо метод об'єкта.

class Person {
   constructor(name, age) {
      this.name = name;
      this.age = age;
   }

   sayHello() {
      console.log(`Привіт, мене звати ${this-name} і мені ${this.age} років.`);
   }
}

const person1 = new Person('Іван', 25);
person1.sayHello();

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

Вакансія: Full-Stack Developer Міжнародний фінансовий сервіс NovaPay шукає на віддалену чи офісну роботу в Києві фулстак-розробника з досвідом роботи від 3-х років на ReactNative та NodeJS — для розробки функціоналу мобільного додатку. 📝 Відкрити анкету #jobs // Архів книг // JS

Ситком для айтівців з експертами Google, Bolt, SoftServe, MEGOGO, GlobalLogic. 🤖 Tech Talk — це 4 дні подій у форматі панельних дискусій по напрямкам: Кібербезпека, Аналітика, Data Science і Розробка. Один день = одна актуальна обширна тема, з приводу якої будуть дискутувати запрошені експерти. Ви зможете ставити питання спікерам, висловлювати свою думку і залучатись до дискусії у чаті, а також отримаєте корисні матеріали по напрямкам. ⚡️ Developers Day — 5 листопада 19:00 ⚡️ Data Analytics Day — 6 листопада 19:00 ⚡️ CyberSecurity Day — 7 листопада 19:00 ⚡️ Data Science Day — 8 листопада 19:00 Приєднавшись до Tech Talk, ви: → долучитесь до IT-ком’юніті → відвідаєте 4 дискусії за 4 дні → дізнаєтесь про сучасні технології та тенденції ринку → розширите власний нетворк 🔗 Безкоштовна реєстрація на серію дискусій через чат-бот Чат-бот надасть вам детальну інформацію щодо дискусій, нагадає про старт та поділиться записом події, а також надішле додаткові матеріали.