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

По вопросам : @sul_furas
加入频道
Курс языка программирования Javascript - ваш первый шаг в мир веб-разработки! Более 90% сайтов используют Javascript, поэтому знание этого языка - ключевой навык для любого веб-разработчика.

Наш курс обеспечит вам все необходимые знания и навыки, чтобы программировать на Javascript, такие как работа с переменными, циклами, функциями и объектами. Вы узнаете, как создавать интерактивные и динамичные веб-сайты, используя Javascript.

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

Не упустите свой шанс и присоединяйтесь к нашему курсу по языку программирования Javascript!

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

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

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

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

Программа курса была разработана с учетом текущих тенденций в веб-разработке и включает в себя все последние изменения и нововведения в языке.

После окончания нашего курса вы будете готовы начать свою успешную карьеру в веб-разработке. Не упустите свой шанс и присоединяйтесь к нашему курсу уже сегодня!

Ссылка на курс: https://dev-house.online/frontend/
Чему равен typeof null в режиме use strict?

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

1. Внутри какого HTML элемента помещается JavaScript?

2. Где находится правильное место для вставки JavaScript?

3. Какой правильный синтаксис для ссылки на внешний скрипт под названием ''name.js''?
3.1 <script href="name.js">

3.2 <script src="name.js">

3.3 <script name="name.js">
Рекурсия – это приём программирования, полезный в ситуациях, когда задача может быть естественно разделена на несколько аналогичных, но более простых задач. Или когда задача может быть упрощена до несложных действий плюс простой вариант той же задачи. Или, как мы скоро увидим, для работы с определёнными структурами данных.

Давай решим задачу по рекурсии:

Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.
Привет! Нужно написать объект ladder - объект, который позволяет подниматься вверх и спускаться. Пример работы должен быть таким:

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

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

P.s Примерно такие задачки бывают у нас на курсе)
Йху, привет! Среда, я лично считаю этот день - день страданий. Поэтому и задачка сегодня простая, но заставляет задуматься - зачем это вообще нужно.))

Напишите функцию stradanie, которая принимает час и минуту и считает, сколько вас осталось до конца рабочего дня. По умолчанию, начало рабочего дня 06.00, а конец - 21.00.
Дан инпут. В него вводится дата в формате 31.12.2023. По потери фокуса в этом же инпуте поставьте эту дату в формате 2023-12-31.

Решение:
<input type="text" id="num" value="">
var elem = document.getElementById('num');
elem.addEventListener('blur', func);

function func() {
var arr2 = [];
var str = elem.value;
var arr = str.split('.');
arr2 = arr.reverse();
var str1 = arr2.join('-');
elem.value = str1;
}
Оператор instanceof позволяет проверить, принадлежит ли объект указанному классу, с учётом наследования.

Почему instanceof в примере ниже возвращает true? Мы же видим, что a не создан с помощью B().

function A() {}
function B() {}

A.prototype = B.prototype = {};

let a = new A();

alert( a instanceof B ); // true
Хай! Сегодня у нас задача сделать старую игру "Города"
Существует игра в города. Ее правила: в города играют двое и более человек, в которой каждый участник в свою очередь называет реально существующий город любой страны, название которого начинается на ту букву, которой оканчивается название предыдущего участника.

Давайте реализуем эту игру. Пусть играют два человека за одним компьютером. Ходят по очереди. Города вводятся в один инпут и отправляются по нажатию клавиши Enter. Браузер должен запоминать города, которые уже были, и не принимать такие города.
Привет! Твоя задача на сегодня:

Наша функция partial позволяет фиксировать только первые аргументы. Усовершенствуй ее, чтобы зафиксировать можно было любые аргументы, пропущенные аргументы обозначаются с помощью undefined:

function test(a, b, c) { return 'a=' + a + ',b=' + b + ',c=' + c; }
var test1_3 = partialAny(test, 1, undefined, 3);
console.log(test1_3(5)); // a=1,b=5,c=3
Чтобы избежать путаницы, пусть новая функция называется partialAny
Напишите программу на 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));
Ответ 16
Привет! Сегодня задача:
Известен рост трёх человек:
А - 159
B - 130
С - 214
Определить, одинаков ли их рост.
Привет! Сегодня у нас задача "Генератор"
Нужно создать функцию-генератор pseudoRandom(seed), которая получает seed и создаёт генератор с указанной формулой
Делаем кнопку!)

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
input[type=text] {
width: 130px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-color: white;
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
width: 100%;
}
</style>
</head>
<body>

<p>Animated search form:</p>

<form>
<input type="text" name="search" placeholder="Search..">
</form>

</body>
Хай! Дан массив с числами. Выведите последовательно его элементы используя рекурсию и не используя цикл.

Решение:
function func(arr) {
alert(arr[0]);
arr.splice(0, 1);
if (arr.length > 0) {
func(arr);
}
}
На странице есть дивы. В них есть текст. Обойдите все дивы и обрежьте тот текст, который в них стоит так, чтобы он стал длиной 10 символов. И добавьте троеточие в конец обрезанного текста
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis numquam sequi sunt. Aspernatur officiis pariatur repellat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis numquam sequi sunt. Aspernatur officiis pariatur repellat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis numquam sequi sunt. Aspernatur officiis pariatur repellat.

В ответе будет так:
Lorem ipsu...
Lorem ipsu...
Lorem ipsu...
Давай ответим на пару вопросов:)

Какие типы данных бывают в JavaScript?

Каким будет результат выполнения кода?

let firstObj = { name: 'Hello' };
let secondObj = firstObj;
firstObj = { name: 'Bye' };
console.log(secondObj.name);
Задача: создать простую интерактивную игру "Угадай число". В игре должно быть три уровня сложности. Игрок должен угадать число за определенное количество попыток, иначе игра проиграна. При каждой попытке должна выводиться информация о том, больше или меньше загаданное число введенного.

Пример кода находится в комментариях

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