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

По вопросам : @sul_furas
加入频道
Хай! Сегодня твоя задача: написать функцию range, принимающую два аргумента, начало и конец диапазона, и возвращающую массив, который содержит все числа из него, включая начальное и конечное.
Затем напишите функцию sum, принимающую массив чисел и возвращающую их сумму. Запустите указанную выше инструкцию и убедитесь, что она возвращает 55.В качестве бонуса дополните функцию range, чтобы она могла принимать необязательный третий аргумент – шаг для построения массива. Если он не задан, шаг равен единице. Вызов функции range(1, 10, 2) должен будет вернуть [1, 3, 5, 7, 9]. Убедитесь, что она работает с отрицательным шагом так, что вызов range(5, 2, -1) возвращает [5, 4, 3, 2].

P.s Решение будет позже)
Готовый Код | Frontend
Привет! Напишите программу на JavaScript для сортировки списка элементов с использованием Comb sort. Расческа - это разновидность пузырчатой сортировки. Подобно сортировке «Шелл», сортировка «Гребень» увеличивает разрыв, используемый в сравнениях и обменах.…
Решение:
function combsort(arr)
{
function is_array_sorted(arr) {
var sorted = true;
for (var i = 0; i < arr.length - 1; i++) {
if (arr[i] > arr[i + 1]) {
sorted = false;
break;
}
}
return sorted;
}

var iteration_count = 0;
var gap = arr.length - 2;
var decrease_factor = 1.25;

// Repeat iterations Until array is not sorted

while (!is_array_sorted(arr))
{
// If not first gap Calculate gap
if (iteration_count > 0)
gap = (gap == 1) ? gap : Math.floor(gap / decrease_factor);

// Set front and back elements and increment to a gap
var front = 0;
var back = gap;
while (back <= arr.length - 1)
{
// Swap the elements if they are not ordered

if (arr[front] > arr[back])
{
var temp = arr[front];
arr[front] = arr[back];
arr[back] = temp;
}

// Increment and re-run swapping

front += 1;
back += 1;
}
iteration_count += 1;
}
return arr;
}

var arra = [3, 0, 2, 5, -1, 4, 1];
console.log("Original Array Elements");
console.log(arra);
console.log("Sorted Array Elements");
console.log(combsort(arra));
Привет! Задача для тебя:
Напишите шаблон, который соответствует адресам электронной почты.

Часть личной информации содержит следующие символы ASCII.

Прописные (AZ) и строчные (az) английские буквы.
Цифры (0-9).
Персонажи ! # $% & '* + - / =? ^ _ `{| } ~
Символ. (Точка, точка или полная остановка) при условии, что он не является первым или последним символом и не будет следовать один за другим.

P.s Решение будет позже)
Хай! Напишите программу на JavaScript для сортировки списка элементов, используя сортировку Counting.

Согласно Википедии "В компьютерных науках сортировка подсчета - это алгоритм сортировки коллекции объектов по ключам, которые являются маленькими целыми числами; то есть это алгоритм целочисленной сортировки. Он работает путем подсчета количества объектов, у которых есть каждый отдельный ключ значение и использование арифметики по этим подсчетам для определения позиций каждого значения ключа в выходной последовательности. Время его выполнения линейно по количеству элементов и разности между максимальным и минимальным значениями ключа, поэтому оно подходит только для непосредственного использования в ситуациях, когда изменение в ключах не намного больше, чем количество элементов. Однако оно часто используется в качестве подпрограммы в другом алгоритме сортировки, основанном на сортировке, который может обрабатывать большие ключи более эффективно ».
Привет!
Напишите функцию JavaScript, чтобы проверить, являются ли данные типы значений одинаковыми или нет.

P.s Решение будет позже)
Готовый Код | Frontend
Хай! Напишите программу на JavaScript для сортировки списка элементов, используя сортировку Counting. Согласно Википедии "В компьютерных науках сортировка подсчета - это алгоритм сортировки коллекции объектов по ключам, которые являются маленькими целыми…
Решение:
function countingSort(arr, min, max)
{
var i, z = 0, count = [];

for (i = min; i <= max; i++) {
count[i] = 0;
}

for (i=0; i < arr.length; i++) {
count[arr[i]]++;
}

for (i = min; i <= max; i++) {
while (count[i]-- > 0) {
arr[z++] = i;
}
}
return arr;
}
var arra = [3, 0, 2, 5, 4, 1];
console.log(arra.length);
console.log("Original Array Elements");
console.log(arra);
console.log("Sorted Array Elements");
console.log(countingSort(arra, 0, 5));
Привет! Пора написать программу на JavaScript для сортировки списка элементов с использованием Bogosort.

В информатике bogosort - это особенно неэффективный алгоритм сортировки, основанный на парадигме генерации и тестирования. Алгоритм последовательно генерирует перестановки своего ввода, пока не найдет отсортированный. Это не полезно для сортировки, но может использоваться в образовательных целях, чтобы противопоставить его другим более реалистичным алгоритмам.

P.s Решение будет позже)
Пора решать задачи!
Напишите программу на JavaScript для сортировки списка элементов с использованием сортировки Gnome.
Сортировка гномов - это алгоритм сортировки, первоначально предложенный доктором Хамидом Сарбази-Азадом (профессором вычислительной техники в Шарифском технологическом университете) в 2000 году и названный «глупой сортировкой» (не путать с богосортом), а затем описанный Диком. Грун и назвал "гномом рода".
Алгоритм всегда находит первое место, где два соседних элемента находятся в неправильном порядке, и меняет их местами. Он использует тот факт, что выполнение обмена может привести к появлению новой неупорядоченной соседней пары только рядом с двумя замененными элементами.

P.s Решение будет позже)
Йоу йоу, друга! Вот тебе задачка!
Напишите программу на JavaScript для сортировки списка элементов, используя сортировку по маслу. 
Сортировка блинов - разговорный термин для математической задачи сортировки неупорядоченной стопки блинов в порядке их размера, когда шпатель может быть вставлен в любую точку стопки и использован для переворачивания всех блинов над ней. Число блинов - это минимальное количество бросков, необходимое для данного количества блинов. Впервые эту проблему обсудил американский геометр Джейкоб Э. Гудман. Это разновидность проблемы сортировки, в которой единственной допустимой операцией является обращение элементов некоторого префикса последовательности в обратном порядке.

P.s Решение будет позже) Взять макеты для верстки можно в https://yangx.top/figma_makets
Готовый Код | Frontend
Привет! Пора написать программу на JavaScript для сортировки списка элементов с использованием Bogosort. В информатике bogosort - это особенно неэффективный алгоритм сортировки, основанный на парадигме генерации и тестирования. Алгоритм последовательно генерирует…
Решение задачи:
function Bogosort(arr){
var isSorted = function(arr){
for(var i = 1; i < arr.length; i++){
if (arr[i-1] > arr[i]) {
return false;
}
}
return true;
};
function shuffle(arr){
var count = arr.length, temp, index;
while(count > 0){
index = Math.floor(Math.random() * count);
count--;
temp = arr[count];
arr[count] = arr[index];
arr[index] = temp;
}
return arr;
}
function sort(arr){
var sorted = false;
while(!sorted){
arr = shuffle(arr);
sorted = isSorted(arr);
}
return arr;
}
return sort(arr);
}
var arra = [3, 0, 2, 5, -1, 4, 1];
console.log("Original Array Elements");
console.log(arra);
console.log("Sorted Array Elements");
console.log(Bogosort(arra));
Привет! Сегодня мы сделаем программу сортировки слияния на JS

Образец массива : [34,7,23,32,5,62]
Пример вывода : [5, 7, 23, 32, 34, 62]

Решение:
Array.prototype.merge_Sort = function () {
if (this.length <= 1)
{
return this;
}
var half = parseInt(this.length / 2);
var left = this.slice(0, half).merge_Sort();
var right = this.slice(half, this.length).merge_Sort();
var merge = function (left, right)
{
var arry = [];
while (left.length > 0 && right.length > 0)
{
arry.push((left[0] <= right[0]) ? left.shift() : right.shift());
}
return arry.concat(left).concat(right);
};
return merge(left, right);
};
var a = [34,7,23,32,5,62];
console.log(a.merge_Sort());
Хай! Напишите функцию JavaScript для вычисления «вчерашнего дня».
Тестовые данные :
console.log (вчера (15 ноября 2014 г.));
console.log (вчера (16 ноября 2015 г.));
console.log (вчера (17 ноября 2016 г.));
Выход :
«Пт 14 ноября 2014 00:00:00 GMT + 0530 (стандартное время Индии)»
"Вс 15 ноября 2015 00:00:00 GMT + 0530 (стандартное время Индии)"
«Ср 16 ноября 2016 00:00:00 GMT + 0530 (стандартное время Индии)»
Хай! Пора решать задачку)
Разница между вызовами
Давайте создадим новый объект rabbit:

function Rabbit(name) {
this.name = name;
}
Rabbit.prototype.sayHi = function() {
alert(this.name);
};

let rabbit = new Rabbit("Rabbit");
Все эти вызовы делают одно и тоже или нет?

rabbit.sayHi();
Rabbit.prototype.sayHi();
Object.getPrototypeOf(rabbit).sayHi();
rabbit.__proto__.sayHi();
Привет! 

В предыдущей задаче мы разобрали символы, а в этой постараемся сделать часы, которые будут показывать не только время, но и дату)

Задача:
Написать на js часы, которые будут выдавать время и дату)

P.s Скидываем свои результаты в комментариях)
Хай! Сегодня задача сделать шахматную доску используя html, css и js)

Совет:
Шаблон шахматной доски можно очень легко создать с помощью JavaScript и концепции document object module (DOM). Используя этот метод, вы можете создать шахматную доску с любым количеством строк и столбцов по вашему желанию, просто изменив несколько параметров. Кроме того, строки кода, написанные с использованием этого метода, также будут намного меньше, чем при создании того же самого с использованием чистого HTML и CSS, особенно когда количество строк и столбцов очень велико.

P.s Решение будет позже)
Хай! Давай сделаем нашу любимую старую игру "Крестики-нолики"

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


P.s А чтобы было интереснее скидывайте свои решения и сравнивайте свои результаты с другими). Решение будет позже)
Хай! Сможешь ответить?
Вопрос: Сколько аргументов можно передать в main() ?
Anonymous Poll
18%
Зависит от системы
25%
Только 1
51%
Бесконечное количество
7%
Ничего из вышеперечисленного
Салют! Сегодня так много дел, что их некуда записать. Давай сделаем список дел на js?

Задача:
Используя css и js, нужно создать "список дел" для своего дня и поделиться им в комментариях)

Условия:
- Добавление через отдельное поле с кнопкой
- Сделанные задачи отмечаются галочкой
- При наведении на задачу происходит анимация (любая)
Хай! Популярная задача на собеседование FizzBuzz

Постановка:
Требуется написать функцию, выводящую в консоль числа от 1 до n, где n — это целое число, которая функция принимает в качестве параметра, с такими условиями:

вывод fizz вместо чисел, кратных 3;

вывод buzz вместо чисел, кратных 5;

вывод fizzbuzz вместо чисел, кратных как 3, так и 5.


Результат:
// 1
// 2
// fizz
// 4
// buzz

P.s Пять смайлов на посте и скидываем решение)
Готовый Код | Frontend
Хай! Популярная задача на собеседование FizzBuzz Постановка: Требуется написать функцию, выводящую в консоль числа от 1 до n, где n — это целое число, которая функция принимает в качестве параметра, с такими условиями: вывод fizz вместо чисел, кратных 3;…
Привет) Сегодня у нас будет разбор
Решение
Главное здесь — способ поиска кратных чисел с использованием js. Его можно сделать при помощи оператора модуля или же остатка — %, который позволяет показать остаток при делении двух чисел. Если остаток 0, это означает, что первое число кратно второму.

12 % 5 // 2 -> 12 is not a multiple of 5
12 % 3 // 0 -> 12 is multiple of 3

Так, если разделить 12 на 5, получаем 2 с остатком 2. Если же разделить 12 на 3, то получаем 4 с остатком 0. В первом случае 12 не кратно 5, во втором — 12 кратно 3.
const fizzBuzz = num => {
for(let i = 1; i <= num; i++) {
// check if the number is a multiple of 3 and 5
if(i % 3 === 0 && i % 5 === 0) {
console.log('fizzbuzz')
} // check if the number is a multiple of 3
else if(i % 3 === 0) {
console.log('fizz')
} // check if the number is a multiple of 5
else if(i % 5 === 0) {
console.log('buzz')
} else {
console.log(i)
}
}
}
P.s Если справились - в комментариях пишем "+"
Хай! Сегодня у нас задание Палиндром)

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

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

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

P.s Десять смайлов на посте и скидываем решение)