JavaScript 🇺🇦

У масиві colors елементи можуть бути доступні за індексом.

const colors = ['red', 'green', 'blue'];
console.log(colors[1]); // Виведе: 'green'

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

Лексична структура Друзі, сьогодні починаємо проходити новий відеокурс українською "HTML+CSS+JavaScript для всіх" — і на першому уроці автор розповідає про лексичну структуру як старт опанування технологій. Мова: 🇺🇦 Тривалість: 2 год 3 хв #JS // #lessons // Вакансії IT

Rating Анімація виставляння рейтингу у вигляді зірок, реалізована за допомогою бібліотеки GSAP. #codepen // #practice // JS

Як працювати з WebSocket у JavaScript Однією з технологій, яка дає змогу поліпшити взаємодію між фронтендом і бекендом, є WebSocket.

На відміну від класичного HTTP-запиту, він дає змогу відкривати постійне з’єднання між сервером і клієнтом, забезпечуючи двосторонню передачу даних. У цій статті детально розглядається, як працювати з WebSocket в JavaScript.

Мова: 🇺🇦 #WebSocket // #theory // JS

Project Management Dashboard UI Користувацький інтерфейс панелі управління проектами, реалізований за допомогою CSS і JS. #codepen // #practice // JS

Відеогра з нуля без навичок програмування Один користувач 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