🛠 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 #typenoscript

📑 Веб-разработчик рассказал, как уменьшить вес файла шрифта вплоть до 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

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

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

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

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

1. Как уменьшить вес файла шрифта вплоть до 90%.

2. Scene.js — это библиотека анимации на основе временной шкалы с множеством потрясающих функций.

3. Методы массивов в JavaScript: Часть 1 | Часть 2 .

📑 Защищённый браузер Brave «светит» реальный IP-адрес пользователя при просмотре Tor-сайтов

Ориентированный на приватность браузер Brave показывает DNS-серверу .onion-сайта реальный IP-адрес пользователя. Об этом рассказал один из модераторов ресурса Ramble.

#новости

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

🛠 Bliss — небольшая библиотека, которая добавляет синтаксический сахар для Vanilla JS, делая API более приятным. В отличие от jQuery, она не влияет на сам Vanilla JS API, она просто улучшает синтаксис, сохраняя функциональность метода нетронутым.

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

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

▍find, findIndex, indexOf

Эти методы очень похожи. Используйте их следующим образом:

▍find(): возвращает первый элемент массива, удовлетворяющий определенному условию.

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const found = arr.find(el => el > 5);

console.log(found);
// 6

Опять же, обратите внимание, что все числа после 5 удовлетворяют условию, но возвращаться будет только первое значение. Это полезно в случаях, когда вы используете break при первом совпадении.

▍findIndex(): метод идентичен find(), но вместо возвращаемого значения здесь возвращается индекс первого подходящего элемента.

const arr = ['Nick', 'Frank', 'Joe', 'Frank'];
const foundIndex = arr.findIndex(el => el === 'Frank');

console.log(foundIndex);
// 1

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

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

📖 Разработка одностраничных веб-приложений
🖋 М. Миковски, 2014

Если ваш сайт представляет собой набор дергающихся страниц, связанных ссылками, то вы отстали от жизни. Следующей ступенью вашей карьеры должны стать одностраничные приложения (SPA). В таком приложении отрисовка пользовательского интерфейса и бизнес-логика перенесены в браузер, а взаимодействие с сервером сводится к синхронизации данных. Пользователь работает с таким сайтом, как с персональным приложением на рабочем столе, что гораздо удобнее и приятнее. Однако разрабатывать, сопровождать и тестировать SPA нелегко.

В этой книге показано как организуется командная разработка передовых SPA —проектирование, тестирование, сопровождение и развитие — с применением JavaScript на всех уровнях и без привязки к какому-то конкретному каркасу.

Попутно вы отточите навыки работы с HTML5, CSS3 и JavaScript и узнаете об использовании JavaScript не только в браузере, но также на сервере и в базе данных.

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

#book #web #html #css #js

🛠 Just — это библиотека, которая организует задачи сборки для ваших JS-проектов. Включает предустановки для TypeScript, Webpack и др.

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

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

📑 Яндекс ограничил слежку за пользователями через cookie в Яндекс.Браузере

Яндекс в блоге команды Яндекс.Браузера сообщил о новой функции приложения. Теперь пользователи будут защищены от слежки сторонних трекеров не только в режиме «Инкогнито», но и при обычном браузинге.

#новости