💡 Проверка массива с использованием метода some()

Метод some() используют для проверки какого-либо одного элемента массива на соответствие условию.

Например:

function isBigEnough(element, index, array) {
  return element >= 10;
}
var passed = [2, 5, 8, 1, 4].some(isBigEnough);
// passed равен false
var passed1 = [12, 5, 8, 1, 4].some(isBigEnough);
// passed1 равен true

В этом примере функция isBigEnough возвращает false, потому что в массиве нет ни одного элемента (element) больше или равного 10. Если в массиве есть хоть один подходящий элемент, функция возвращает true.

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

Redux за 100 секунд

Redux — это популярный шаблон управления состоянием для крупномасштабных веб-приложений.

📺 YouTube

WebDEV #видео #Redux #js

🛠 Responsively даёт веб-разработчику инструмент для одновременной проверки внешнего вида его сайта на разных устройства.

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

💡 Создание массива на основе существующего массива с использованием метода map()

Метод map() создает новый массив c результатом вызова функции на основе существующего массива.

Например:

let numbers = [1, 4, 9];
let doubles = numbers.map(function(num) {
  return num * 2;
}); 

В примере с помощью метода map() умножают каждый элемент массива numbers на 2 и получают новый массив doubles с другими значениями.

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

💡 Подборка советов по массивам в js

▫️ Инициализация массивов

▫️ Получение длины массива

▫️ Проверка массива с использованием метода every()

▫️ Проверка массива с использованием метода some()

▫️ Создание массива на основе существующего массива с использованием метода map()

WebDEV #подборка #советы #coding #js

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

1. Redux за 100 секунд.

2. Responsively даёт веб-разработчику инструмент для одновременной проверки внешнего вида его сайта на разных устройства.

3. Проверка массива с использованием метода some().

💡 Фильтрация массива с помощью метода filter()

С помощью метода filter() можно создать новый массив на основе имеющегося, но со значениями, которые соответствуют определенным условиям.

Например:

function isBigEnough(element) {
  return element >= 10;
}
let filtered = [12, 5, 8, 130, 44].filter(isBigEnough);

В примере метод filter() оставляет в массиве filtered элементы, которые больше или равны 10.

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

📖 Programming PHP: Creating Dynamic Web Pages
🖋 Kevin Tatroe, Peter MacIntyre, 2020

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

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

WebDEV #book #php #web

🛠 Compressor можно использовать для оптимизации изображений, снятых на телефон или на камеру. Обычно их размеры превышают 1 Мб, что для веб-применений слишком много. Этот инструмент позволяет хорошо сжимать изображения, уделяя внимание не только их размерам, но и качеству.

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

💡 Метод reduce()

Метод reduce() применяют, чтобы вернуть какое-либо значение массива и совершить с ним любую операцию.

Возвращенное значение будет зависеть от операций с аргументами, которые мы передали функции. Вот эти аргументы:

previousValue — предыдущее значение.
currentValue — текущее значение.
index — индекс текущего элемента массива.
array — сам массив.

Например:

let a = [0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array) {
  return currentValue+previousValue;
},1);

В данном примере метод reduce() вернет сумму текущего и предыдущего значений. В итоге возвращает число 10. Вот как выглядит порядок вызова и возвращения аргументов функции.

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

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

1. Programming PHP: Creating Dynamic Web Pages.

2. Compressor можно использовать для оптимизации изображений, снятых на телефон или на камеру.

3. Фильтрация массива с помощью метода filter().

WebDEV #test #css

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

💡 Перебор массива с помощью метода forEach()

Метод forEach() перебирает все элементы массива и совершает с каждым одно действие.

Например:

var a = [1, 2, 3];
a.forEach(el => console.log(el));

Метод forEach() перебирает все элементы и выводит их по очереди в консоль.

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

Redwood за 100 секунд

RedwoodJS — это полнофункциональная среда JavaScript, которая сочетает в себе мощь React, GraphQL и Prisma в одном пакете. Он используется для создания бессерверных веб-приложений с реляционной базой данных SQL для уровня хранения.

📺 YouTube

WebDEV #видео #Redwood #js

🛠 Golden Ratio Typography Calculator — генерация оптимального размера шрифта на основе золотого сечения.

WebDEV #инструменты #font

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

1. Redwood за 100 секунд.

2. Golden Ratio Typography Calculator — генерация оптимального размера шрифта на основе золотого сечения.

3. Перебор массива с помощью метода forEach().

💡 Перебор массива с использованием оператора for...of

Метод for…of перебирает все элементы массива по их значению.

Например:

let a = [1, 2, 3];
for (let v of a) {
  console.log(v)
};

Метод for…of перебирает все элементы и выводит их по очереди в консоль.

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

📖 Web Development for beginners
🖋 White Belt Mastery, 2020

Книга подойдет вам, если вы не знакомы ни с одним из языков программирования и хотите начать изучение веб-разработки. Автор пошагово разбирает этапы создания сайта с использованием HTML, CSS и JavaScript. В книге сравниваются разные подходы к веб-разработке и содержатся ссылки на материалы для дальнейшего обучения.

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

WebDEV #book #web

🛠 Exercism помогает достичь свободного владения 55 языками программирования. Сайт также предоставляет забавные упражнения по кодингу, которые помогут понять концепции языка.

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