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

По вопросам : @sul_furas
加入频道
Какой из тэгов является непарным?
Anonymous Quiz
3%
head
91%
br
5%
title
1%
html
WANTED

Наша школа DevHouse запустилась в 2022 году, и за этот год мы обучили 3 потока крутецких специалистов.

Мы гордимся нашими учениками и хотим поделиться их работами со всеми.

Студенты и выпускники DevHouse, присылайте свои проекты нам на почту [email protected] с пометкой от кого и какой проект. Ждём ваши работы с 6.12.22 по 11.12.22.

Самые топовые проекты мы опубликуем на сайте школы!

#проектыDevhouse
Хай! Напишите функцию, которая принимает одну строку (word) в качестве аргумента. Функция должна возвращать упорядоченный список, содержащий индексы всех заглавных букв в строке.

Пример
Test.assertSimilar( capitals('CodEWaRs'), [0,3,4,6] );
Пора заниматься!
Напиши функцию pluck, которая берет массив объектов и возвращает массив значений определенного поля:

var characters = [
{ 'name': 'barney', 'age': 36 },
{ 'name': 'fred', 'age': 40 }
];

console.log(pluck(characters, 'name')); // ['barney', 'fred']
Хай! Какие числа выведутся и с какой задержкой?:

for (var i = 0; i < 10; i++) {
setTimeout(() => { console.log(i); }, 1000);
}
// Как сделать чтобы выводились числа по порядку (несколько способов)?
Привет!
Считайте нечетные числа ниже n
Если задано число n, вернуть количество положительных нечетных чисел меньше n, ЛЕГКО!

Пример
oddCount(7) //=> 3, i.e [1, 3, 5]
oddCount(15) //=> 7, i.e [1, 3, 5, 7, 9, 11, 13]
#JS

Верно ли следующее утверждение: Содержимое тэга script нужно заключать в комментарии , чтобы браузеры, которые не поддерживают javascript, работали корректно?
Anonymous Poll
8%
Да
86%
Нет
6%
Не знаю
Хай! Давай узнаем какой возраст у наших подписчиков
Anonymous Poll
13%
12-18
24%
18-25
34%
25-30
25%
30-45
4%
45 и выше
Хай! Используйте метод reduce в комбинации с concat для свёртки массива массивов в один массив, у которого есть все элементы входных массивов.

var arrays = [[1, 2, 3], [4, 5], [6]];
// Ваш код
// → [1, 2, 3, 4, 5, 6]
Пора пару вопросов сделать:)

Какая разница между интерфейсом и классом?

В чем разница между интерфейсом и абстрактным классом?

Какая разница между интерфейсом и типом?
Хай! Напишите программу на JavaScript, чтобы получить первые n чисел Фибоначчи.
Примечание. Последовательность Фибоначчи - это последовательность чисел: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34,. , , Каждое последующее число является суммой двух предыдущих.
В Новый Год с новой профессией!

Мы перезапускаем курс "Fontend-разработчик 2023" на новой площадке Getcourse.

👌Обучим и новичков и уже практикующих специалистов.

💪Никакой воды, только разработка, только хардкор!

Стоимость 4990р/мес

Если нужен отдельный модуль - записывайся на интенсив по разработке!

Стоимость от 3800р/мес

Не теряйся, запуск с 9 января!
Пиши нам devhouse_school
Привет! Нужно написать объект ladder - объект, который позволяет подниматься вверх и спускаться. Пример работы должен быть таким:

ladder.showStep(); // 0 (выводит ступеньку на который мы находимся)
ladder.up();
ladder.up();
ladder.showStep(); // 2
ladder.down();
ladder.showStep(); // 1
Привет, сегодня задача "Палиндром"

Палиндром — слово, предложение или последовательность символов, которая абсолютно одинаково читается как в привычном направлении, так и в обратном. К примеру, “Anna” — это палиндром, а “table” и “John” — нет.

Постановка

Дана строка; нужно написать функцию, которая позволяет вернуть значение true, если строка является палиндромом, и false — если нет. При этом нужно учитывать пробелы и знаки препинания.

palindrome('racecar') === true
palindrome('table') === false

Разбираем задание

Основная идея здесь — перевернуть строку в обратном направлении. Если «реверсная» строка полностью идентична исходной, значит, мы получили палиндром и функция должна вернуть значение true. Если же нет — false.

Решение

Вот код, который позволяет решить палиндром.

const palindrome = str => {
// turn the string to lowercase
str = str.toLowerCase()
// reverse input string and return the result of the
// comparisong
return str === str.split('').reverse().join('')
}

Первый шаг — преобразование символов входной строки в нижний регистр. Это гарантия того, что программа будет сравнивать именно сами символы, а не регистр или еще что-то.

Второй шаг — реверс строки. Это сделать несложно: необходимо преобразовать ее в массив посредством метода .split() (библиотека String). Потом мы переворачиваем массив, используя .reverse() (библиотека Array). Последний этап — преобразование обратного массива в строку при помощи .join() (библиотека Array).

Теперь все, что нужно, — сравнить «обратную» строку с исходной, вернув результат true или false.
Хай! Найдите числа, которые делятся на заданное число
Завершите функцию, которая принимает два аргумента и возвращает все числа, которые делятся на данный делитель. Первый аргумент - это массив чисел, а второй - делитель.

Пример
divisibleBy([1, 2, 3, 4, 5, 6], 2) == [2, 4, 6]
Хай! Задача: Список.
Объекты могут быть использованы для построения различных структур данных. Часто встречающаяся структура – список (не путайте с массивом). Список – связанный набор объектов, где первый объект содержит ссылку на второй, второй – на третий, и т.п.

var list = {
value: 1,
rest: {
value: 2,
rest: {
value: 3,
rest: null
}
}
};


Списки удобны тем, что они могут делиться частью своей структуры. Например, можно сделать два списка, {value: 0, rest: list} и {value: -1, rest: list}, где list – это ссылка на ранее объявленную переменную. Это два независимых списка, при этом у них есть общая структура list, которая включает три последних элемента каждого из них. Кроме того, оригинальный список также сохраняет свои свойства как отдельный список из трёх элементов.
Напишите функцию arrayToList, которая строит такую структуру, получая в качестве аргумента [1, 2, 3], а также функцию listToArray, которая создаёт массив из списка. Также напишите вспомогательную функцию prepend, которая получает элемент и создаёт новый список, где этот элемент добавлен спереди к первоначальному списку, и функцию nth, которая в качестве аргументов принимает список и число, а возвращает элемент на заданной позиции в списке, или же undefined в случае отсутствия такого элемента.

Если ваша версия nth не рекурсивна, тогда напишите её рекурсивную версию.


console.log(arrayToList([10, 20]));
// → {value: 10, rest: {value: 20, rest: null}}
console.log(listToArray(arrayToList([10, 20, 30])));
// → [10, 20, 30]
console.log(prepend(10, prepend(20, null)));
// → {value: 10, rest: {value: 20, rest: null}}
console.log(nth(arrayToList([10, 20, 30]), 1));
// → 20
Хай! Твоя задача Треугольник.

Напишите цикл, выводит такой треугольник:
Задача: "Рекурсия".
Ноль чётный. Единица нечётная. У любого числа N чётность такая же, как у N-2.Напишите рекурсивную функцию isEven согласно этим правилам. Она должна принимать число и возвращать булевское значение. Потестируйте её на 50 и 75. Попробуйте задать ей -1. Почему она ведёт себя таким образом? Можно ли её как-то исправить?

console.log(isEven(50));
// → true
console.log(isEven(75));
// → false
console.log(isEven(-1));
// → ??
Хай! Сегодня мы ищем разницу в возрасте)
Используя набор данных из примера, подсчитайте среднюю разницу в возрасте между матерями и их детьми (это возраст матери во время появления ребёнка). Можно использовать функцию average, приведённую в главе.

Обратите внимание – не все матери, упомянутые в наборе, присутствуют в нём. Здесь может пригодиться объект byName, который упрощает процедуру поиска объекта человека по имени.

function average(array) {
function plus(a, b) { return a + b; }
return array.reduce(plus) / array.length;
}

var byName = {};
ancestry.forEach(function(person) {
byName[person.name] = person;
});

// Ваш код

// → 31.2