💡 Деструктуризация в JavaScript

▍Часть 1

Деструктуризация — это просто способ извлечения свойств из объектов.

const obj = {
 name: 'Joe',
 food: 'cake'
}
const { name, food } = obj;
console.log(name, food);
// 'Joe' 'cake'

Если вам нужно извлечь свойство, дав ему другое имя, — делайте так:

const obj = {
 name: 'Joe',
 food: 'cake'
}

const { name: myName, food: myFood } = obj;
console.log(myName, myFood);

// 'Joe' 'cake'

Продолжение следует...

#советы #coding #js #web

📑 Яндекс отключил расширения с аудиторией в 8 млн пользователей

Яндекс принял решение отключить расширения SaveFrom.net, Frigate Light, Frigate CDN и некоторые другие, установленные у пользователей Яндекс.Браузера. Совокупная аудитория этих инструментов превышает 8 млн человек.

В этой статье рассказывается о причинах и опубликованы результаты анализа деятельности расширений. Вы узнаете про тайное воспроизведение видео из онлайн-кинотеатров с целью накрутки просмотров. Увидите фрагмент кода, содержащий механизм для перехвата токенов социальных сетей. Также показывается, как организована динамическая загрузка и выполнение произвольного кода без обновления расширений.

#статьи

🛠 URL Pages — инструмент, который объединяет все содержимое страницы (включая HTML, CSS и JS) и сохраняет его в URL-адресе. Это позволяет создать мгновенно доступную и редактируемую веб-страницу, которую сможет увидеть любой, у кого есть ссылка. Включает конструктор, с помощью которого вы можете создавать свои собственные URL-страницы.

#инструменты #web #js #html #css

Выберите правильный вариант 👇🏼 #test #js

📑 Mozilla «убила» прогрессивные веб-приложения в Firefox 85

На днях Mozilla представила новую версию Firefox — Firefox 85. Основное внимание пользователей привлекла защита от supercookies в браузере. Но, как оказалось, вместе с положительными изменениями, в свежем релизе нашлось место и «большому шагу назад».

#новости

💡 Деструктуризация в JavaScript

Перед прочтением рекомендуем ознакомиться с первой частью.

▍Часть 2

В следующем примере деструктуризация применяется для «чистой» передачи объекта person в функцию introduce. Иначе говоря, деструктуризация может использоваться для непосредственного извлечения передаваемых параметров. Для тех, кто разрабатывает на React, это может показаться знакомым.

const person = {
 name: 'Eddie',
 age: 24
}

function introduce({ name, age }) {
 console.log(`I'm ${name} and I'm ${age} years old!`);
}

console.log(introduce(person));
// "I'm Eddie and I'm 24 years old!"

#советы #coding #js #web

🎁 Бесплатная раздача для подписчиков

Специально для подписчиков наших каналов о программировании, мы бесплатно раздаем файл 📦 Moleculed - Design Starter Library через UI8 Bot. Чтоб получить этот файл бесплатно, достаточно нажать на кнопку под постом.

Внимание! Раздача ограничена по времени.

TypeScript за 100 секунд

Изучите основы TypeScript всего за 100 секунд с помощью данного видео.

📺 YouTube

#видео #typescript #js

🔥 Лучшее на канале за неделю

1. Mozilla «убила» прогрессивные веб-приложения в Firefox 85.

2. Barba.js — библиотека JavaScript для создания плавных переходов между страницами сайта.

3. Деструктуризация в JavaScript: Часть 1 | Часть 2.

📑 Защитник Windows нашёл троян в свежем обновлении Google Chrome

Недавно случилась достаточно интересная история. Защитник Windows для бизнеса (Microsoft Defender ATP) определил новейшее обновления браузера Google как троян

#новости

Выберите правильный вариант 👇🏼 #test #js

🛠 Spotlight — галерея лайтбоксов JavaScript, полностью готовых к работе. Просто подключите её на свою страницу через CDN или пакет JS, создайте разметку галереи и вуаля - ваш лайтбокс работает. Никакого дополнительного кода, CSS или зависимостей.

#инструменты #js

💡 Spread в JavaScript

Spread — это специальный оператор JavaScript, который позволяет расширять выражения в тех местах, где предусмотрено использование нескольких аргументов.

В следующем примере Math.max() не может принять массив arr, т. к. функции с таким аргументом не существует. Math.max() принимает числа отдельными аргументами. Оператор spread(три точки — ...) используется для извлечения отдельных элементов из массива.

const arr = [4, 6, -1, 3, 10, 4];
const max = Math.max(...arr);

console.log(max);
// 10

#советы #coding #js #web

📖 Бессерверные приложения на JavaScript
🖋 Слободан Стоянович, Александар Симович, 2020

Данная книга научит вас проектировать и создавать бессерверные веб-приложения на AWS с использованием JavaScript, Node и Claudia.js.Новичков издание знакомит не только с AWS Lambda, но и с целым рядом связанных служб, таких как DynamoDB, Cognito, API Gateway. Даже решив позднее взять на вооружение другие инструменты, вы сможете сохранить весь код и просто развернуть его немного иначе. Подробно описывается не-сколько вариантов практического использования бессерверных платформ,в том числе веб-API, чат-боты, обработка платежей и управление заказами.

💾 Скачать книгу

#book #js

🛠 VerbalExpressions — библиотека JavaScript, помогающая писать регулярные выражения. Она предоставляет цепные методы для большинства операций RegEx, позволяя разработчикам записывать более сложные правила без необходимости создавать регулярное выражение с использованием токенов.

#инструменты #js

📑 В Python 3.10 появятся операторы case и match

На официальном сайте языка Python появилось сообщение от руководителей проекта. В нём они рассказали о том, что в выпуске Python 3.10 появится поддержка двух новых операторов сопоставления: match и case.

#новости #python

💡 Rest-параметры в JavaScript

Rest-параметры позволяют передавать произвольное количество аргументов, принимая их в виде массива.

function myFunc(...args) {
 console.log(args[0] + args[1]);
}

myFunc(1, 2, 3, 4);
// 3

#советы #coding #js #web

Web Assembly (WASM) за 100 секунд

Изучите основы Web Assembly за 100 секунд, а затем создайте свой первый двоичный файл WASM с помощью AssemblyScript.

📺 YouTube

#видео