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

По вопросам : @sul_furas
加入频道
Ёмоё, ты такое не пропустишь. Обязательно прочти! Мы DevHouse – учим разработке. 1 сентября мы начинаем новую группу на направление Frontend разработчик. 

Почему ты должен пойти к нам?

- Мы не только учим, но и пишем код. Знаем, что актуально;
- Строго JS+фреймворк – не отвлекаемся на ненужный стек;
- Первое!!!!1!1 место Карл, первое!! На tutortop среди курсов по фронту;
- Каждое ДЗ ревьюит препод. Никаких автотестов, все по взрослому.
- Рассрочка без % и банка!!!!!
- Лучшие – на стажировку. Гении – на оплачиваемую стажировку!
- Закрытый чат с куратором, преподавателем и коллегами – ауфф вай какие хорошие люди.

Что смотришь, кликай по ссылке, переходи на сайт, читай программу и оставляй заявку – че тянешь?  

P.s. Нагло? Да! Если он не сработает - тот кто его написал получит по лбу!
Йоу йоу, друга! Вот тебе задачка!
Сегодня ваша #задача ответить на вопросы:

1. В чем разница между обычной функцией и функциональным выражением?

2. Что такое NaN? Как проверить, является ли значение NaN?

3. Что такое классы (Classes)?

4. Для чего используется метод Function.prototype.apply?

5. Для чего используется метод Function.prototype.call?
Привет! Давай решим задачу!
Напишите функцию JavaScript, которая принимает список названий стран в качестве входных данных и возвращает самое длинное название страны в качестве выходных данных.
S достаточно функция: Longest_Country_Name ([ "Австралия", "Германия", "Соединенные Штаты Америки"])
Ожидаемый результат : «Соединенные Штаты Америки»

Решение:
function Longest_Country_Name(country_name)
{
return country_name.reduce(function(lname, country)
{
return lname.length > country.length ? lname : country;
},
"");
}
console.log(Longest_Country_Name(["Australia", "Germany", "United States of America"]));
Хай! Сверстаем сайт ресторана!
Формат: #figma
Ссылка: https://www.figma.com/file/9L1cYfpMAlYrc0evyBev0E/TasteEat?node-id=0%3A1
Хай! Решим задачку
Напишите функцию JavaScript для вычисления градусов между 2 точками с обратной осью Y.
Тестовые данные:
console.log (pointDirection (1, 0, 12, 0));
0
console.log (pointDirection (1, 0, 1, 10));
90

Решение:
function pointDirection(x1, y1, x2, y2) {
return Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
}
console.log(pointDirection(1, 0, 12, 0));
console.log(pointDirection(1, 0, 1, 10));
Привет! На сегодня твоя задача:
Напишите программу на JavaScript для бинарного поиска.
Пример массива : [0,1,2,3,4,5,6]
console.log (l.br_search (5)) вернет '5'

Решение:
Array.prototype.br_search = function (target)
{
let half = parseInt(this.length / 2);
if (target === this[half])
{
return half;
}
if (target > this[half])
{
return half + this.slice(half,this.length).br_search(target);
}
else
{
return this.slice(0, half).br_search(target);
}
};
l= [0,1,2,3,4,5,6];
console.log(l.br_search(5));
Хай! Сегодня задача)

Напишите функцию, которая будет проходить через массив целых чисел и выводить индекс каждого элемента с задержкой в 3 секунды.

Решение
const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {
// pass in the variable i so that each function
// has access to the correct index
setTimeout(function(i_local) {
return function() {
console.log('The index of this number is: ' + i_local);
}
}(i), 3000);
}
}
Привет! Пора решить задачу:
Напишите функцию JavaScript для преобразования метки времени Unix во время.
Решение:
function Unix_timestamp(t)
{
var dt = new Date(t*1000);
var hr = dt.getHours();
var m ="0" + dt.getMinutes();
var s ="0" + dt.getSeconds();
return hr+ ':' + m.substr(-2) + ':' + s.substr(-2);
}
console.log(Unix_timestamp(1412743274));

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Хай! Напиши программу на JavaScript для сортировки списка элементов с помощью Comb sort.
Расческа - это разновидность пузырчатой сортировки. Подобно сортировке «Шелл», сортировка «Гребень» увеличивает разрыв, используемый в сравнениях и обменах. Некоторые реализации используют сортировку вставкой, когда зазор меньше определенной величины. Основная идея состоит в том, чтобы исключить черепах или небольшие значения в конце списка, поскольку в пузырьковой сортировке они значительно замедляют сортировку. Кролики, большие значения в начале списка, не представляют проблемы в пузырьковой сортировке.
В пузырьковой сортировке, когда сравниваются любые два элемента, они всегда имеют разрыв 1. Основная идея гребенчатой сортировки состоит в том, что разрыв может быть намного больше 1.

Решение:
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));
Вывод:
Оригинальные элементы массива
[3,0,2,5, -1,4,1]
Сортированные элементы массива
[-1,0,1,2,3,4,5]

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Привет! Сегодня задача:
Известен рост трёх человек:
А - 159
B - 130
С - 214
Определить, одинаков ли их рост.

Решение:
var a=parseInt(prompt("Введите рост первого человека",""))

var b=parseInt(prompt("Введите рост второго человека",""))

var c=parseInt(prompt("Введите рост третьего человека",""))

if ((a=b) && (b==c) && (a==c))

alert("Рост этих людей одинаков")

else {alert("Рост этих людей различен")}
Хай! Решим задачу)
Напишите программу на 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));

Пример Вывода:
Оригинальные элементы массива
[3,0,2,5, -1,4,1]
Сортированные элементы массива
[-1,0,1,2,3,4,5]
Напишите программу на JavaScript, чтобы вычислить сумму массива целых чисел.
Пример: var array = [1, 2, 3, 4, 5, 6]
Ожидаемый результат: 21

Решение:
var array_sum = function(my_array) {
if (my_array.length === 1) {
return my_array[0];
}
else {
return my_array.pop() + array_sum(my_array);
}
};
console.log(array_sum([1,2,3,4,5,6]));
Уже через полчаса мы будем проводить вебинар с Марком Джовиевым!!! Не пропусти!
Заходи в 18:00 по ссылке:
https://www.youtube.com/watch?v=4JinFYOwbrA
Хай! Напишите функцию JavaScript, которая возвращает переданную строку с буквами в алфавитном порядке.

Пример строки: 'alphabetical'. Ожидаемый результат: 'aaabcehillpt'

function alphabet_order(str) {

// Ваш код

}

document.writeln(alphabet_order("alphabetical"));
Решение:

<script>

function alphabet_order(str) {

return str.split('').sort().join('');

}

document.writeln(alphabet_order("alphabetical")); // "aaabcehillpt"

</script>
Салам! Напиши программу на 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));
Привет! Давай решим задачу)
Напишите функцию JavaScript, которая принимает строку в качестве параметра и находит самое длинное слово в строке.

Решение:
function find_longest_word(str)
{
var array1 = str.match(/\w[a-z]{0,}/gi);
var result = array1[0];
for(var x = 1 ; x < array1.length ; x++)
{
if(result.length < array1[x].length)
{
result = array1[x];
}
}
return result;
}
console.log(find_longest_word('Web Development Tutorial'));
Доброе утро! Пора заниматься!
Напишите программу на JavaScript для вычисления показателя числа.
Примечание. Показатель числа говорит о том, сколько раз базовое число используется как фактор.
8 2 = 8 x 8 = 64. Здесь 8 - основание, а 2 - показатель степени.
Решение:
var exponent = function(a, n)
{
if (n === 0)
{
return 1;
}
else
{
return a * exponent(a, n-1);
}
};
console.log(exponent(4, 2));
Хай! Чему равен typeof null в режиме use strict?

Ответ:
object
Все JavaScript-программисты давно привыкли к тому, что typeof null === 'object'; // true, хотя фактически null — примитивное значение. Многие знают, что это баг, и лично Брэндан Айк это признаёт. Этот баг, вероятно, никогда не будет исправлен из-за необходимости сохранения обратной совместимости существующего кода с новыми версиями языка.
Салам! Сегодня твоя задача ответить, что будет выведено )
1. Какое будет выведено значение: let x = 5; console.log(x++); ?

2. Что выведет этот код: let y = 1; let x = y = 2; alert(x);

3. Что выведет этот код: alert( "1"[0] )?
Всем привет! Сегодня задачка:
Напишите программу на JavaScript, чтобы нарисовать два пересекающихся прямоугольника, один из которых имеет альфа-прозрачность
Решение:
function draw()
{
var canvas = document.getElementById("canvas");
if (canvas.getContext)
{
var context = canvas.getContext("2d");
context.fillStyle ="rgb(256,0,0)";
context.fillRect (15, 10, 55, 50);

context.fillStyle ="rgba(0, 0, 200, 0.6)";
context.fillRect (35, 30, 55, 50);
}
}