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

По вопросам : @sul_furas
加入频道
​​Создание "хлебных крошек"
уровень: начинающий
Задача: создайте "хлебные крошки" используя HTML и CSS
На изображении показано как должны выглядеть "хлебные крошки"
Используйте список для создания структуры хлебных крошек
Стрелочки должны быть реализованы через псевдо-элемент after для всех элементов списка, кроме последнего
В последнем элементе списка должен быть span, в остальных - ссылки
Цвет ссылок #0b56ea, без подчеркивания, при наведении подчеркивать ссылки снизу
Цвет текста в span #333;

Решение: https://codepen.io/dmitryvalak/pen/VwYgdjW
​​Создание формы регистрации

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

Не забудь поставить лайк)
Создание стилизованных чекбоксов
Уровень: средний
Условие: Сделайте чекбоксы как на изображении. Можно использовать только HTML и CSS. Иконку галочки можете найти на сайте flaticon.com
Решение: https://codepen.io/dmitryvalak/pen/zYxyVRa
Может добавить задач по JS?
Создание кнопок используя em
Уровень
: средний
Условия: Создайте кнопки используя единицы измерения em в необходимых местах. Кнопки трех размеров: обычная, маленькая (sm) и большая (xl). За основу берите обычную кнопку
Для разных размеров кнопок можно изменять только размер шрифта, остальное должно изменяться автоматически (внутренний отступ, скругление границ и тень)
Кнопки должны быть стилизованы одинаково при использовании тегов как a так и button
Решение: https://codepen.io/dmitryvalak/pen/GRgzdpZ
Задача: Переверните число задом наперед
Уровень: легкий
Условия: Напишите функцию JavaScript, которая переворачивает число.
Решение: по ссылке
Задача: Проверьте, является ли переданная строка палиндромом или нет
Уровень: Легкий
Условие: Напишите функцию JavaScript, которая проверяет, является ли переданная строка палиндромом? Палиндром - это слово, фраза или последовательность, которые читаются так же, как вперед, назад, например, level.
Решение: тут
Задача: Функция, которая генерирует все комбинации строки
Уровень: Легкий
Условие: Напишите функцию substrings(str), которая генерирует все комбинации строки. Пример строки: 'dog'. Ожидаемый результат: d, o, do, g, dg, og, dog.
Решение: тут
Давай решим задачу на поиск суммы элементов массива.

У нас есть массив чисел:

const numbers = [1, 2, 3, 4, 5];

Наша задача - найти сумму всех чисел в этом массиве.

Решение по кнопке ниже))👇
Как вам новая тема? Мы выкладываем решение на сайте с объяснением что и куда работает))
Anonymous Poll
97%
Поддерживаю
3%
Не поддерживаю
Задача: Напиши функцию, которая принимает на вход строку и возвращает эту строку в обратном порядке.
Задача: «Посчитай сумму четных чисел»

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

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

Решение: По кнопке ниже и не забудь поставить лайк)
Задача: «Проверка на палиндром»

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

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

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

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

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

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

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

Решение: по кнопке ниже 👇