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

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

Требования:
Все поля должны быть обязательными для заполнения.
Поле электронной почты должно иметь соответствующую валидацию (проверка наличия символа «@» и допустимых доменов).
Поле пароля должно иметь минимальную длину в 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. Счетчик должен отображать текущее значение и иметь кнопки для увеличения и уменьшения этого значения.
Парочку простейших вопросов для вас:

Что делает оператор "===" в JavaScript?
a) Сравнивает два значения без приведения типов
b) Присваивает значение переменной
c) Умножает два значения

Какая функция используется для создания случайного числа?
a) random()
b) generate()
c) Math.random()

Какая циклическая структура используется для повторения блока кода определенное количество раз?
a) if...else
b) while
c) for

P.s Пиши ответ
Задача: Создание простого счетчика с использованием Vue.js

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


P.s. При работе с API используйте библиотеку Axios или Fetch API для выполнения асинхронных запросов и обработки данных
Привет! Сегодня у нас будет пару задач на массив!)
Напишите код, который преобразовывает и объединяет все элементы массива в одно строковое значение. Элементы массива будут разделены запятой. Получите результат двумя разными методами.

Код:
var vegetables = ['Капуста', 'Репа', 'Редиска', 'Морковка'];

// Ваш код

document.writeln(str1); // "Капуста, Репа, Редиска, Морковка"
document.writeln(str2); // "Капуста, Репа, Редиска, Морковка"

P.s Если задача понравилась ставьте смайл 👍