Вёрстка сайтов | HTML, CSS, JS
4.78K subscribers
653 photos
1 video
4 files
1.1K links
👋 Привет, друг!

В этом канале я выкладываю структурированные, обучающие уроки и материалы по вёрстке сайтов и фронтенду.
Присоединяйся и начинай учиться!

Связь: @Tigran1963
Download Telegram
Эффекты на текст при скролле и наведении

Смотреть на codepen 👨‍💻

#практика
👍3
Каррирование в javascript

Каррирование в JavaScript - это процесс преобразования функции с несколькими аргументами в последовательность функций с одним аргументом. Каждая последующая функция принимает один аргумент и возвращает новую функцию, которая также принимает один аргумент, и так далее.
Пример использования каррирования в JavaScript:

// Исходная функция, принимающая 3 аргумента
function sum(a, b, c) {
return a + b + c;
}
// Функция для каррирования
function curry(fn) {
return function curried(...args) {
if (args.length >= fn.length) {
return fn(...args);
} else {
return function (...args2) {
return curried(...args.concat(args2));
};
}
};
}
const curriedSum = curry(sum);
console.log(curriedSum(1, 2, 3)); // Вывод: 6
const add5 = curriedSum(5);
console.log(add5(2, 3)); // Вывод: 10
console.log(add5(4, 5)); // Вывод: 14

В приведенном выше примере функция sum каррируется с использованием функции curry. В итоге получается функция curriedSum, которая принимает аргументы по одному. Когда все аргументы собраны, она вызывает исходную функцию sum.
Каррирование может быть полезным при разработке функций, которые требуют частичного применения аргументов или при создании более универсальных функций, которые могут быть использованы для создания других функций с фиксированными аргументами.
С помощью карирования вы можете легко изменять и композировать функции для создания новых функций с требуемым поведением.

#js | #теория
6👍3🔥2
Задача на JavaScript:

Представим, что у нас есть массив чисел от 1 до 1000. Наша задача состоит в том, чтобы определить, сколько чисел из этого массива являются палиндромами (то есть числами, которые одинаково читаются слева направо и справа налево).

Чтобы решить эту задачу, мы можем использовать следующий алгоритм:
Создаем переменную count и устанавливаем ее значение равным 0. Эта переменная будет использоваться для подсчета количества палиндромов в массиве.
Итерируемся по каждому числу в массиве.
Преобразуем каждое число в строку с помощью метода toString().
Проверяем, является ли полученная строка палиндромом. Для этого мы сравниваем строку с ее обратной версией, которую мы получаем, используя метод split('').reverse().join(''). Если строки равны, значит число является палиндромом.
Если число является палиндромом, увеличиваем значение переменной count на 1.
По окончании итерации, выводим значение переменной count, которое указывает на количество палиндромов в массиве.


#домашка
👍82😍2
Что выведет этот код?
console.log(0,1 + 0,2);
Anonymous Quiz
42%
0.3
39%
0.300000001
13%
0,10,2
6%
0 1 2
👍61🦄1
Задача на JavaScript:

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

Пример входных данных:
nums = [1, 2, 3, 4, 5, 6, 7]
maxDiff = 2


Ожидаемый результат:
Наибольшая сумма подмассива, в котором сумма чисел каждых двух соседних элементов не превышает 2, равна 9.
Возможные подмассивы с такой суммой: [1, 2, 3, 4], [2, 3, 4], [3, 4, 2], [4, 2, 3], [5, 6], [6, 7].

Реализуйте функцию getMaxSubarraySum(nums, maxDiff) и проверьте ее работу на указанном примере.

#домашка
👍2
Макет для тренировки (nosis health)

Перейти к макету 🧑‍💻

#практика | #макет
👍6🦄1
Задача: Создать приложение "Управление складом".

Необходимо разработать приложение на JavaScript, которое позволяет управлять товарами на складе. Приложение должно иметь следующие функции:

Добавление нового товара на склад с указанием названия, количества и цены.
Изменение количества товара на складе (увеличение или уменьшение).
Просмотр списка всех товаров на складе с указанием их названия, количества и цены.
Расчет общей стоимости всех товаров на складе.

#домашка
👍91👏1🌭1🦄1
Как событие происходит при наведении курсора на элемент?
Anonymous Quiz
6%
mouseout
59%
mouseover
6%
mousetop
28%
mousemove
🔥9👍2