JavaScript 🇺🇦

Метод toLocaleTimeString() повертає рядок з мовним поданням тимчасової частини дати. У реалізації з Intl.DateTimeFormat API цей метод просто викликає Intl.DateTimeFormat.

const event = new Date('August 19, 1975 23:15:30 GMT+00:00');

console.log(event.toLocaleTimeString('en-US'));
// 1:15:30 AM

console.log(event.toLocaleTimeString('it-IT'));
// 01:15:30

console.log(event.toLocaleTimeString('ar-EG'));

Використання цього методу без вказівки локалі повертає відформатований рядок у локалі за замовчуванням та з параметрами за замовчуванням. #toLocaleTimeString // #practice // JS

Learning Angular Завдяки експертним порадам і покроковим поясненням, 4-е видання цієї книги допоможе вам створювати свої перші робочі веб-додатки з нуля на Angular.

З нею ви вивчите основи Angular 15 для створення веб-додатків, дослідите основи розробки Angular (від компонентів і шаблонів до форм, маршрутизації та сервісів) та дізнаєтесь про найкращі методи створення, розгортання, налагодження і тестування додатків Angular.

Рік: 2023 Мова: 🇬🇧 Автор: Aristeidis Bampakos #Angular // #books // JS

Статичний метод JSON.parse() розбирає рядок у форматі JSON, конструюючи значення чи об'єкт JavaScript, описаний рядком. Можна передати функцію як необов'язковий параметр reviver для виконання трансформацій над об'єктом result перед його поверненням.

const json = '{"result":true, "count :42}';
const obj = JSON.parse(json);

console.log(obj.count);
// expected output: 42

console.log(obj.result);
// expected output: true

#JSON // #practice // JS

Вакансія: NodeJS Back-end Developer Розважальна платформа GORILLA шукає на віддалену чи офісну роботу в Києві бекенд-розробника з досвідом від 4-х років — для створення надійних серверних програм за допомогою Node.js і ExpressJS у середовищі моноліту та мікро-сервісів. 📝 Відкрити анкету #JS // #jobs // Архів книг

💻 Вітаємо, українські програмісти! Ви мабуть вже не одноразово бачили західні контриб'юторні фріланс сервіси зі стартапами, які пропонують виконувати таски за фінансову винагороду. 🌐 Для всіх програмістів на Python, JS і Rust є хороша новина: група українських ентузіастів запускає такий сервіс, а саме StarkHero! Для контриб'юторів регулярно проводитимуться хакатони, де ви матимете змогу заробити гроші та отримаєте всю можливу підтримку від організаторів! На вас очікують: ➡️ Гайдлайни ➡️ Менторство ➡️ Підтримка у виведенні коштів ➡️ Пошук проєкта ↗️ При успішному онбордингу та гарних результатах, у вас також є шанс потрапити на тримісячну, оплачувану практику, де ви отримаєте величезну кількість нових знань та практики, а також зможете навчитися працювати не гублячись у декількох проєктах водночас 👉Деталі за посиланням: @starkhero_ua

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

Landing Page With Swiper Карусель для фотографій, де активна картка накладається поверш інших. Кожне фото має кнопку з посиланням на інший сайт. #codepen // #practice // JS

Тернарний оператор Мета цієї статті — допомогти вам опанувати тернарний оператор і збагатити своє розуміння JavaScript. Автор розглядає тут все — від синтаксису до реальних прикладів — щоб ви могли писати чистіший код. Мова: 🇬🇧 #JS // #theory // Архів книг

Метод padEnd() заповнює поточний рядок іншим рядком (за потреби кілька разів), поки результуючий рядок не досягне заданої довжини.

const str1 = 'Breaded Mushrooms';

console.log(str1.padEnd(25, '.'));
// "Breaded Mushrooms........"

const str2 = '200';

console.log(str2.padEnd(5));
// "200     "

Заповнення застосовується з кінця поточного рядка. #padEnd // #practice // JS

Теги, clip-path, об'єктний тип Перестрибуємо 17-й урок відеокурсу "HTML+CSS+JS для всіх" як такий, що не містить теоретичних матеріалів, і одразу переходимо до 18-го уроку, на якому автор детально розповідає про теги в HTML, властивість clip-path в CSS і об'єктний тип даних в JavaScript. Мова: 🇺🇦 Тривалість: 1 год 23 хв #JS // #lessons // Вакансії IT

❗️ Безоплатний 8-денний тест-драйв IT професій ▪️ Для бажаючих працювати онлайн і заробляти в $; ▪️ Для тих, хто давно хотів працювати в IT, але не обрав для себе напрям Тривалість — 8 днів. Заняття проходять вечорами.

На тест-драйві ви спробуєте себе в ролях: ▫️ вебдизайнера, ▫️ розробника, ▫️ дата-аналітика, ▫️ проджекта, ▫️ тестувальника.

✅ Програма розрахована на новачків. У вільний час ви дивитесь короткі лекції та робите цікаві завдання, які перевіряє ментор. Почни новий рік правильно! 🎁 Після реєстрації приємний бонус: Штучний інтелект в IT. Як використовувати AI у 5 ключових ІТ-професіях?. 🔥 Реєструйтесь за посиланням: https://i.goit.global/fogWT

Pixel Canvas Web Component Картки з блискучими піксельними фонами, кожен з яких відрізняється кольором, величиною пікселів та швидкістю анімації. #codepen // #practice // JS

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

Canva's Magic Mouse Effect Ефект підсвічування та сріблястих зірочок-конфетті для курсора — ідеально для святкового оформлення сайту. #codepen // #practice // JS

Саморобний авіа-симулятор на HTML і JS За допомогою Cursor чувак із соцмережі X за 8 годин створив мультиплеєрну онлайн-гру про літачок — повністю на HTML і JS.

За цей час він намагався пояснити нейронці, як працює пропелер, фіксував баги і додавав нові фічі на запит користувачів (наприклад, порт на мобілки).

👉 Зіграти #Cursor // #news // JS

Метод matchAll() повертає ітератор результатів після зіставлення рядка з регулярним виразом. Прапор g призначено для глобального пошуку. Він вказує, що ми перевіряємо регулярний вираз на відповідність всім збігам в рядку.

const sentence = "JavaScript1JavaScript2";

// Шаблон наявності 'JavaScript', після нього іде цифра
const regex = /JavaScript\d/g;

// Пошук збігів у рядку для заданого регулярного виразу
let results = sentence.matchAll(regex);

// Цикл через ітератор
for (result of results) {
   console.log(result);
}

// ["JavaScript1", index: 0, input: "JavaScript1JavaScript2", groups: undefined]
// ["JavaScript2", index: 11, input: "JavaScript1JavaScript2", groups: undefined]

Якщо об'єкт regex не має прапора g, буде видано виняток TypeError. Кожен елемент ітератора, що повертається, матиме додаткові властивості: input — копія рядка, index — де було знайдено рядок, groups — об'єкт іменованих груп захоплення. #matchAll // #practice // JS

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

Метод trim() видаляє прогалини з обох кінців рядка. Пробіли — це всі пробілові символи (пробіл, табуляція, нерозривна пробіл тощо) та всі символи кінця рядка (LF, CR тощо).

const greeting = '   Hello world!   ';

console.log(greeting);
// "   Hello world!   ";

console.log(greeting.trim());
// "Hello world!";

#trim // #practice // JS

Essential Guide to React for All Levels Незалежно від того, початківець ви чи досвідчений розробник, цей вичерпний посібник стане для вас провідником у подорожі потужною екосистемою React — з поглибленими поясненнями та практичними прикладами. Рік: 2024 Мова: 🇬🇧 Автор: Adeolu O. #React // #books // JS