Готовый Код | Frontend
883 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Название задачи: "Сумма цифр в числе"

Условия: Напишите функцию sumOfDigits, которая принимает на вход число num и возвращает сумму всех цифр данного числа. Если число является отрицательным, функция должна принять его по модулю и продолжить вычисления.

Уровень сложности: Средний

Решение: По кнопке ниже👇
Задача: «Поиск среднего значения в массиве»
Условия: Написать функцию, которая принимает на вход массив чисел и возвращает среднее значение (сумму всех чисел, деленную на их количество).
Уровень сложности: Легкий
Решение: по кнопке ниже 👇
Задача: «Подсчет частоты повторений»
Условия: Написать функцию, которая принимает на вход строку и возвращает объект, содержащий частоту повторения каждого символа в строке.
Уровень сложности: Средний
Решение: по кнопке ниже👇
Задача: «Нахождение максимального числа в массиве»
Условия: Написать функцию, которая принимает на вход массив чисел и возвращает наибольшее число из него.
Уровень сложности: Легкий
Решение: по кнопке ниже👇
Задача: «Реализация формы регистрации»
Условие: 
Необходимо разработать и стилизовать форму регистрации для веб-приложения. Форма должна содержать поля для ввода имени, электронной почты, пароля и подтверждения пароля. Также необходимо добавить кнопку «Зарегистрироваться» для отправки данных формы на сервер.

Требования:
Все поля должны быть обязательными для заполнения.
Поле электронной почты должно иметь соответствующую валидацию (проверка наличия символа «@» и допустимых доменов).
Поле пароля должно иметь минимальную длину в 6 символов.
Поле подтверждения пароля должно точно совпадать с полем пароля.
При успешной отправке формы на сервер, пользователь должен получить уведомление о успешной регистрации.

Уровень сложности: Средний

Решение: по кнопке ниже 👇
Задача: «Оптимизация производительности веб-сайта»

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

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

Минимизируйте файлы CSS и JavaScript путем удаления ненужных пробелов, комментариев и лишних символов.

Объедините несколько файлов CSS и JavaScript в один, чтобы уменьшить количество запросов к серверу.

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

Отложите загрузку некритических ресурсов, таких как скрипты и стили, чтобы сайт мог быстро отобразиться на экране.

Оптимизируйте серверную сторону, например, установив компрессию GZIP, настроив кэширование на уровне сервера и оптимизируя базу данных.

Оптимизируйте код JavaScript и CSS, удалив ненужные или неиспользуемые фрагменты кода и используя более эффективные алгоритмы и методы.

Решение: по кнопке ниже)
Задача: «Сумма квадратов двух чисел»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает два числа в качестве аргументов и возвращает сумму их квадратов.
Пример вызова функции: sumOfSquares(3, 4)
Ожидаемый результат: 25
Решение: ниже
Задача: «Подсчет суммы чисел в массиве»

Уровень сложности: Средний
Условие: Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает сумму всех чисел из этого массива.
Пример вызова функции: calculateSum([3, 7, 2, 9, 5])
Ожидаемый результат: 26
Решение: по кнопке ниже
Задача: «Поиск наибольшего числа в массиве»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает наибольшее число из этого массива.
Пример вызова функции: findMax([8, 2, 5, 9, 3])
Ожидаемый результат: 9
Задача: «Проверка на четность»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает число в качестве аргумента и возвращает true, если число четное, и false, если число нечетное.
Пример вызова функции: checkEven(7)
Ожидаемый результат: false
Решение: по кнопке
Задача: «Подсчет количества элементов в массиве»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает массив в качестве аргумента и возвращает количество элементов в этом массиве.
Пример вызова функции: countElements([1, «hello», true, 3.14, «world»])
Ожидаемый результат: 5
Задачи: «Сумма элементов массива»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает сумму всех элементов этого массива.
Пример вызова функции: calculateSum([1, 2, 3, 4, 5])
Ожидаемый результат: 15
Задача: «Поиск наибольшего элемента в массиве»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает наибольший элемент этого массива.
Пример вызова функции: findMax([10, 5, 7, 12, 3])
Ожидаемый результат: 12
Задача: «Подсчет количества отрицательных элементов в массиве»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает количество отрицательных элементов в этом массиве.
Пример вызова функции: countNegatives([-1, 2, -3, 4, -5])
Ожидаемый результат: 3
Задача: «Удаление дубликатов из массива»

Уровень сложности: Средний
Условие: Напишите функцию, которая принимает массив элементов в качестве аргумента и возвращает новый массив, в котором удалены все дубликаты.
Пример вызова функции: removeDuplicates([1, 2, 2, 3, 4, 4, 5])
Ожидаемый результат: [1, 2, 3, 4, 5]
Задача: «Вычисление среднего значения элементов массива»

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает среднее значение всех элементов в массиве.
Пример вызова функции: calculateAverage([1, 2, 3, 4, 5])
Ожидаемый результат: 3
ЗАДАЧА: ПОДСЧЕТ СУММЫ ЧИСЕЛ
Уровень сложности: Легкий
Условие: Напишите функцию sumOfNumbers(n), которая принимает на вход положительное целое число n и рассчитывает сумму всех чисел от 1 до n.
Ожидаемый результат: 15
Пример вызова функции:sumOfNumbers(5);
Создание кнопок используя em
Уровень
: средний
Условия: Создайте кнопки используя единицы измерения em в необходимых местах. Кнопки трех размеров: обычная, маленькая (sm) и большая (xl). За основу берите обычную кнопку
Для разных размеров кнопок можно изменять только размер шрифта, остальное должно изменяться автоматически (внутренний отступ, скругление границ и тень)
Кнопки должны быть стилизованы одинаково при использовании тегов как a так и button
Решение: https://codepen.io/dmitryvalak/pen/GRgzdpZ
Создайте функцию-конструктор Book, у которой есть свойства title и author, и методы toString (возвращает строку вида "Название: {title}, автор: {author}") и isWrittenBy (принимает имя автора и возвращает true, если автор совпадает с переданным именем).

```javascript
function Book(title, author) {
this.title = title;
this.author = author;
this.toString = function() {
return Название: ${this.title}, автор: ${this.author};
};
this.isWrittenBy = function(name) {
return this.author === name;
};
}

const book1 = new Book('Война и мир', 'Лев Толстой');
console.log(book1.toString()); // Название: Война и мир, автор: Лев Толстой
console.log(book1.isWrittenBy('Лев Толстой')); // true
console.log(book1.isWrittenBy('Федор Достоевский')); // false
Задача: Создание простого счетчика с использованием Vue.js

Ваша задача – создать простой счетчик, который позволяет увеличивать и уменьшать значение счетчика с использованием Vue.js. Счетчик должен отображать текущее значение и иметь кнопки для увеличения и уменьшения этого значения.