JavaScript 🇺🇦

Використання HTML5 Web API для мобільних пристроїв HTML5 надав багато нових можливостей для розробки мобільних веб-додатків, завдяки розширенню API. У цій статті автор розглядає деякі з найпоширеніших HTML5 Web API для мобільних пристроїв і надає приклади їх використання. Мова: 🇺🇦 #theory // Архів книг // JS

Умови та цикли Для забезпечення нелінійності виконання програмного коду в ньому мають використовуватися керуючі конструкції, як-от умови та цикли. На 4-му уроці відео-курсу по JavaScript від Дмитра Охріменка ви дізнаєтесь, які ключові слова дозволяють створювати розгалуження логіки програми та керувати її виконанням у JavaScript. Мова: 🇺🇦 Тривалість: 2 год #JS // #lessons // Вакансії IT

Social Media Hover Icons Напівпрозорі іконки з округленими краями. При наведенні курсору з'являється підказка із назвою, а фон стає непрозорим. #codepen // #practice // JS

Оптимізація роботи з DOM DOM (Document Object Model) — це абстракція документа у вигляді дерева, де кожен вузол являє собою елемент, атрибут або текст на сторінці. Взаємодія з DOM через JavaScript дає змогу динамічно змінювати вміст сторінки. У цій статті автор розглядає ключові підходи та методи роботи з DOM. Мова: 🇺🇦 #DOM // #theory // JS

Dot Clock Preloader Годинник, у якого стрілка формується з маленьких квадратів. Коли всі елементи зібрані, годинник знову розпадається на пунктирне коло. #codepen // #practice // JS

🖥 6000+ готових HTML / CSS компонентів для вашого проекту Сайт Uiverse пропонує понад 6000 компонентів, які можна одразу вставити у свій проект або адаптувати під себе. Кожен елемент йде з готовим кодом — просто копіюємо, вставляємо і насолоджуємось.

Самі компоненти акуратно відсортовані за категоріями, тож потрібний елемент можна знайти за кілька кліків. І найприємніше те, що все це — безкоштовно!

👉 Спробувати #HTML #CSS // #theory // JS

Функція concat() поєднує рядкові аргументи в рядок, що викликає, і повертає новий рядок. Зміни вихідного рядка або повернутого рядка не впливають один на одного.

const str1 = 'Hello';
const str2 = 'World';

console.log(str1.concat(' ', str2));
// "Hello World"

console.log(str2.concat(', ', str1));
// "World, Hello"

❕ Якщо аргументи не мають рядкового типу, вони перетворюються на рядкові значення перед об'єднанням. #concat // #practice // JS

Кеш у сервісах NestJS Якщо ви працюєте з NestJS, то напевно знаєте, що кешування — це маст-хев для продуктивного додатку. Без кешу ваш сервер може працювати, як старий принтер: думає довше, ніж друкує.

У цій статті ми разом з автором розберемо, як правильно додати кеш у NestJS, створимо глобальний модуль кешування, а також напишемо декоратор Cached() для кешування викликів функцій.

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

Метод join() створює і повертає новий рядок шляхом об'єднання всіх елементів масиву (або об'єкта, подібного до масиву), розділених комами або заданим рядком-розділювачем.

const elements = ['Fire', 'Air', 'Air', 'Water'];

console.log(elements.join());
// "Fire,Air,Water"

console.log(elements.join(''));
// "FireAirWater"

console.log(elements.join('-'));
// "Fire-Air-Water"

❕ Якщо в масиві лише один елемент, цей елемент буде повернутий без використання роздільника. #Array #join // #practice // JS

50 Tips on JavaScript Лаконічний посібник про 50 найцікавіших функцій, концепцій і шаблонів у JavaScript.

Ви дізнаєтесь про деструкцію, ітерації, генератори, корисні API браузера. Книга охоплює такі поняття, як функції вищого порядку, запам’ятовування, каррінг і кінцеві машини. Також у ній викладені основи Flux та Redux, і таких шаблонів, як singleton і publisher/subscriber.

Рік: 2020 Мова: 🇬🇧 Автор: Krasimir Tsonev #JS // #books // Вакансії IT

Компроміси в архітектурі React: SPA, SSR або RSC У цій свіжій статті наводиться доступне порівняння між односторінковими застосунками (SPA) на React і фреймворками, що є гібридом SPA та SSR/RSC — і чому краще використовувати фреймворки. Мова: 🇬🇧 #React // #theory // JS

let newList = [1, 2, 3].push(4)

console.log(newList.push(5));

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

🎓 Хочете вийти за межі «типового ML»? 12 квітня відбудеться Data Science & Analytics Meetup — онлайн-подія, де троє досвідчених фахівців з AI/ML поділяться практичними кейсами, які не знайти у мануалах. 📣 Від розпізнавання рослин до прогнозування цін на житло: застосування методів ML

🟠 Як формуються задачі класифікації та регресії 🟠 Обробка даних, відбір бібліотек, побудова моделей 🟠 Метрики та оцінка точності — як зрозуміти, що модель справді працює

📣 ML та персоналізація: як створюються рекомендації?

🟡 Як будується прогноз взаємодій користувачів 🟡 Рекомендаційні системи: sequence models, комбіновані архітектури 🟡 Як впроваджують такі системи в продакшн і як міряють їхню ефективність

📣 Еволюція Computer Vision: від LeNet до сучасних моделей

🟢 Історія CNN: як створювались і змінювались архітектури 🟢 Чому ResNet став проривом 🟢 Що зараз працює у Computer Vision і які тренди формують майбутнє

Крім основного контенту:

Check Micro Animation Чек-бокс із анімацією при натисканні. Елемент має градієнтну заливку, яка заповнює всю його площу в активному стані. #codepen // #practice // JS

Вакансія: Full-Stack (Django + JS) Engineer Продуктова IT-компанія UPSTARS шукає на віддалену роботу фулстак-розробника з досвідом на SCSS, JS, (Alpine.js, Tailwind) та фреймворком Django від 2-х років, і досвідом на Python від 3-х років — для написання нових сервісів на базі Django. 📝 Відкрити анкету #Django // #jobs // JS

Метод delete() видаляє вказаний елемент з об'єкта Map за ключем.

const map1 = new Map();
map1.set('bar', 'foo');

console.log(map1 delete('bar'));
// true

console.log(map1.has('bar'));
// false

Повертає true, якщо елемент в об'єкті Map існував і був видалений, або false, якщо елемента не існує. #Map #delete // #practice // JS

Змінні та типи даних На 3-му уроці відео-курсу по JavaScript від Дмитра Охріменка ми познайомимось з фундаментальним синтаксисом JS, що базується на змінних, типах даних та основних операторах. Мова: 🇺🇦 Тривалість: 1 год 44 хв #JS // #lessons // Вакансії IT

Image Grids Animation Анімація для картинок у вигляді сітки із заокруглених рамок. Шаблон підлаштовується під ширину кожного зображення. #codepen // #practice // JS

JavaScript і синхронний await У JavaScript код має "колір": він або синхронний, або асинхронний. У цій статті автор досліджує проблеми, викликані цим поділом, і як їх виправити за допомогою синхронного await. Мова: 🇬🇧 #await // #theory // JS

World Places Картки з 3D-ефектом і розмитою зовнішньою тінню. При наведенні курсору вони плавно переходять у вертикальну позицію. #codepen // #practice // JS