🛠 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

#видео

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

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

2. VerbalExpressions — библиотека JavaScript, помогающая писать регулярные выражения.

3. Spread в JavaScript.

📑 Вышел Rust 1.50.0. Первое обновление языка после перехода под крыло Rust Foundation

Команда, разрабатывающая язык Rust, опубликовала пост в блоге компании. В нём она анонсировала выход новой версии языка, а также перечислила некоторые нововведения.

#новости #rust

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

🛠 Mavo — язык на основе HTML для создания веб-сайтов без написания кода. Этот проект позволяет создавать небольшие веб-сайты, управляемые данными, без JS и без серверной части, только с HTML. Его также можно использовать как декларативную, реактивную интерфейсную среду, чтобы упростить разработку пользовательского интерфейса.

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

💡 Методы массивов в JavaScript

▍Часть 1

С помощью методов массива в JavaScript можно добиться крутых (а порой и элегантных) способов трансформации данных.

Далее будут перечислены некоторые методы массива, сгруппированные по назначению. Однако это далеко не весь список.

▍map, filter, reduce

В методах map(), filter() и reduce() иногда можно запутаться. Они полезны для трансформации массива или возвращения его агрегатного значения.

▍map(): возвращает массив, в котором каждый элемент изменяется с помощью переданной функции.

const arr = [1, 2, 3, 4, 5, 6];
const mapped = arr.map(el => el + 20);

console.log(mapped);
// [21, 22, 23, 24, 25, 26]

▍filter(): возвращает массив с теми элементами, в которых переданная функция возвращает true.

const arr = [1, 2, 3, 4, 5, 6];
const filtered = arr.filter(el => el === 2 || el === 4);

console.log(filtered);
// [2, 4]

Пример reduce и следующую группу рассмотрим в следующей части.

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

📑 Enum в PHP 8.1 — для чего нужен enum, и как реализован в PHP

Зачем вообще нужны enum? По сути они служат для улучшенного описания типов. Давайте рассмотрим пример без enum и с ними...

#статьи #php

🛠 Scene.js — это библиотека анимации на основе временной шкалы с множеством потрясающих функций. Её можно воспроизводить как в JS, так и в CSS, поддерживает SVG-анимацию, несколько временных шкал и поставляется с предустановленными эффектами, которые вы можете использовать прямо из коробки.

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

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

📑 Веб-разработчик рассказал, как уменьшить вес файла шрифта вплоть до 90%

Австрийский разработчик Марко Деник опубликовал в своём Twitter-аккаунте пост с интересным советом. В нём он рассказал, как внеся небольшое изменение в строку вызова URL с шрифтом можно сильно уменьшить его вес.

#новости #web

💡 Методы массивов в JavaScript

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

▍Часть 2

В прошлой части мы рассмотрели методы map() и filter(). Сейчас рассмотрим метод reduce().

▍reduce(): работа с элементами с сохранением промежуточного результата.

const arr = [1, 2, 3, 4, 5, 6];
const reduced = arr.reduce((total, current) => total + current);

console.log(reduced);
// 21

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

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