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

По вопросам : @sul_furas
加入频道
Задача: Создать простую веб-страницу с заголовком, списком и кнопкой. Заголовок должен быть по центру страницы, список должен содержать 3 элемента, а кнопка должна быть под списком с отступом сверху в 20 пикселей.

Решение:

Здесь мы создали веб-страницу с заголовком, неупорядоченным списком и кнопкой. Мы применили CSS-стили для выравнивания текста по центру, устранили маркеры списка и добавили отступ сверху 20 пикселей для кнопки.

Ссылка на код: https://codepen.io/iosiftiho/pen/mdQorQv
Задача: Напиши функцию, которая принимает на вход строку и возвращает эту строку в обратном порядке.
Задача: «Посчитай сумму четных чисел»

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

Уровень сложности: Легкий

Решение: По кнопке ниже и не забудь поставить лайк)
​​Создание формы регистрации

Уровень: начинающий
Условия: создайте форму регистрации используя HTML и CSS, как на указанном изображении
Решение: https://codepen.io/dmitryvalak/pen/XWJOVqw

Не забудь поставить лайк)
ЗАДАЧА: ПРОВЕРКА ПРОСТОГО ЧИСЛА

Уровень сложности: Легкий
Условие: Напишите функцию, которая принимает положительное целое число n и возвращает true, если число является простым, и false — в противном случае
Решение: https://dev-house.online/zadacha-proverka-prostogo-chisla/
ЗАДАЧА: Поиск пересечений в двух массивах
Уровень сложности: Средний
Условие: Напишите функцию, которая принимает на вход два массива чисел и возвращает новый массив, состоящий из элементов, встречающихся в обоих массивах.

Решение:

function findIntersections(arr1, arr2) {
let intersections = [];
for (let i = 0; i < arr1.length; i++) {
for (let j = 0; j < arr2.length; j++) {
if (arr1[i] === arr2[j]) {
intersections.push(arr1[i]);
break;
}
}
}
return intersections;
}

// Тесты
console.log(findIntersections([1, 2, 3], [2, 3, 4])); // [2, 3]
console.log(findIntersections([2, 3, 4], [4, 5, 6])); // [4]
console.log(findIntersections([1, 2], [3, 4])); // []
Создаем функцию findIntersections, которая принимает два массива как аргументы. Создаем пустой массив intersections, который будет содержать пересечения. Затем вложенным циклом for перебираем элементы обоих массивов и, если элементы равны, добавляем их в массив intersections. Используем оператор break, чтобы остановить цикл, когда пересечение найдено.

Примеры тестов подтверждают корректность работы функции.
Задача
Напишите функцию sumPairs(arr, sum), которая принимает массив чисел arr и число sum, и возвращает первую пару чисел из массива, которые в сумме дают значение sum. Если такой пары в массиве нет, функция должна вернуть null.

Примеры
sumPairs([4, 2, 10, 5, 1], 6); // [4, 2]
sumPairs([1, 2, 3, 4, 5], 10); // [5, 5]
sumPairs([1, 2, 3, 4, 5], 7); // [2, 5]
sumPairs([1, 2, 3, 4, 5], 6); // [1, 5]
sumPairs([1, 2, 3, 4, 5], 2); // null
Решение
Для решения этой задачи можно использовать алгоритм двух указателей (pointers). Создадим два указателя – left и right, которые будут указывать на начало и конец массива соответственно. Затем будем двигать указатели от начала и от конца массива к середине, проверяя сумму значений под указателями на каждой итерации, пока не найдем пару чисел, которые в сумме дают искомое значение sum. Если такой пары нет, вернем null.

Вот код решения:

function sumPairs(arr, sum) {
let left = 0;
let right = arr.length - 1;

while (left < right) {
const currentSum = arr[left] + arr[right];

if (currentSum === sum) {
return [arr[left], arr[right]];
} else if (currentSum < sum) {
left++;
} else {
right--;
}
}

return null;
}
Функция sumPairs принимает два аргумента – массив arr и число sum. Внутри функции создаются два указателя – left и right, которые указывают на начало и конец массива соответственно. Затем запускается цикл while, который выполняется до тех пор, пока указатели не встретятся (т.е. пока left меньше right). На каждой итерации цикла вычисляется текущая сумма чисел под указателями, и если она равна искомой сумме sum, возвращается массив с этими числами. Если текущая сумма меньше sum, значит нужно увеличить значение указателя left, чтобы увеличить сумму. Если текущая сумма больше sum, значит нужно уменьшить значение указателя right, чтобы уменьшить сумму. Если на всех итерациях цикла не была найдена пара чисел, которая в сумме даёт искомое значение sum, функция возвращает null.

Вызов sumPairs([4, 2, 10, 5, 1], 6) вернет [4, 2], а вызов sumPairs([1, 2, 3, 4, 5], 2) вернет null.
Задача: «Посчитай сумму четных чисел»

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

Уровень сложности: Легкий

Решение: По кнопке ниже и не забудь поставить лайк)
Привет, друзья! Сегодня я хочу поделиться с вами интересной задачкой на JavaScript. Это будет весело и увлекательно, обещаю!

Представьте себе, что у вас есть массив целых чисел. Ваша задача — найти сумму всех положительных чисел в этом массиве. Звучит просто, верно?

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


function sumOfPositiveNumbers (arr) {
let sum = 0;

for (let i = 0; i < arr.length; i++) {
if (arr[i] > 0) {
sum += arr[i];
}
}

return sum;
}

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

Чтобы проверить работу нашей функции, создадим массив и вызовем функцию:

const numbers = [-5, 10, -3, 7, -8, 2];
const result = sumOfPositiveNumbers (numbers);
console.log (result);


В нашем случае сумма положительных чисел равна 19. Если вы запустите этот код, то должны увидеть 19 в консоли.||

Надеюсь, вам понравилась эта задача и вы успешно справились с ее решением! Желаю вам дальнейших успехов в изучении JavaScript и надеюсь на скорую встречу!
Задача: Создание простого счетчика с использованием Vue.js

Ваша задача – создать простой счетчик, который позволяет увеличивать и уменьшать значение счетчика с использованием Vue.js. Счетчик должен отображать текущее значение и иметь кнопки для увеличения и уменьшения этого значения.
Задача: Напишите функцию, которая принимает массив чисел и возвращает новый массив, состоящий из пар чисел, сумма которых равна заданному числу.
Напишите программу, которая принимает от пользователя число и выводит на экран все четные числа от 0 до введенного числа.
Задача: “Подсчет количества отрицательных элементов в массиве”
Задача: “Удаление дубликатов из массива”
Задача: «Реализация формы регистрации»
Условие:
Необходимо разработать и стилизовать форму регистрации для веб-приложения. Форма должна содержать поля для ввода имени, электронной почты, пароля и подтверждения пароля. Также необходимо добавить кнопку «Зарегистрироваться» для отправки данных формы на сервер.

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

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

Решение: https://developerhouse.ru/zadacha-realizacija-formy-registracii/
ЗАДАЧА: ПРОВЕРКА НА ПРОСТОЕ ЧИСЛО
Уровень сложности
: Средний
Условие: Напишите функцию isPrime(number), которая принимает на вход положительное целое число number и проверяет, является ли оно простым числом. Функция должна возвращать true, если число простое, и false в противном случае.
Пример вызова функции: isPrime(7);
Ожидаемый результат: true
Решение - https://dev-house.online/zadacha-proverka-na-prostoe-chislo/
Задача: Напиши функцию, которая принимает на вход массив чисел и возвращает новый массив, содержащий только уникальные числа из исходного массива.
Задача: Создайте макет страницы, который состоит из главного блока, содержащего два подблока: один занимает 2/3 ширины главного блока, а другой занимает 1/3. Оба подблока содержат несколько элементов, оформленных в виде карточек. Подблок слева выровнен по левому краю, а подблок справа выровнен по правому краю главного блока. Подблоки и карточки должны адаптивно изменять свою ширину и расположение в зависимости от размера экрана.
Задача: Создайте объект, содержащий информацию о человеке: имя, возраст, город и телефон. Напишите функцию, которая принимает этот объект в качестве аргумента и выводит информацию о человеке в консоль.
Создайте функцию, которая принимает массив объектов с полями name и age и возвращает массив имен людей, возраст которых больше 25 лет.