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

По вопросам : @sul_furas
加入频道
Хай! Напишите условное утверждение JavaScript, чтобы найти знак произведения трех чисел. Показать окно с указанным знаком.
Номера образцов : 3, -7, 2
Вывод : знак -
Совет дня:
Редактирование полей комментариев с помощью id плохая затея)
Хай! Какие числа выведутся и с какой задержкой?:

for (var i = 0; i < 10; i++) {
setTimeout(() => { console.log(i); }, 1000);
}
// Как сделать чтобы выводились числа по порядку (несколько способов)?
Создайте функцию, которая принимает два числа в качестве аргументов и возвращает их сумму.

Примеры
addition(3, 2) ➞ 5

addition(-3, -6) ➞ -9

addition(7, 3) ➞ 10
Примечания

Не забудьте return указать результат.
Тык тыгыдык! Привет!

Написать функцию, которой передаем имя, и она возраващает приветствие в зависимости от времени суток (Доброе утро\день\вечер\ночи Иван)
Хай, сегодня пятница, а это значит, что уже скоро выходные)

Напиши функцию map(fn, array), которая принимает на вход функцию и массив, и обрабатывает каждый элемент массива этой функцией, возвращая новый массив. Пример:

function square(x) { return x * x; } // возведение в квадрат
console.log(map(square, [1, 2, 3, 4])); // [1, 4, 9, 16]
console.log(map(square, [])); // []
Обрати внимание: функция не должна изменять переданный ей массив:

var arr = [1, 2, 3];
console.log(map(square, arr)); // [1, 4, 9]
console.log(arr); // [1, 2, 3]
Это аналог array_map из PHP.
Хай! Пора решить ещё одну задачку)
Сегодня у нас будет задача "Замена регистра символов"
Пользователь вводит строку кириллицей разного регистра. Напишите функцию, которая принимает строку в качестве аргумента и заменяет регистр каждого символа на противоположный. Например, если вводится «КаЖдЫй ОхОтНиК», то на выходе должен быть массив [кАжДыЙ оХоТнИк].

const str = prompt('Введите слово', 'КаЖдЫй ОхОтНиК');

function changeRegister (str) {

// Ваш код

}

document.writeln(changeRegister(str)); // [кАжДыЙ оХоТнИк]
Пора решить легкую задачку:
Дан инпут. В него вводятся числа через запятую. По потери фокуса найдите среднее арифметическое этих чисел (сумма делить на количество)
Задачка для слайдера:
Даны картинки. По первому нажатию на любую картинку увеличьте ее в 2 раза. По второму нажатию -
уменьшите обратно.
Сегодня ваша задачка сделать вот такой таймер, который отсчитывает например время до вашего дня рождения)
Какой HTML-элемент правильный для воспроизведения аудиофайлов?

А.<audio>

Б.<sound>

В. <vid>
Задача: Написать функцию, которая принимает на вход два массива и возвращает новый массив, содержащий только уникальные элементы из переданных массивов.

P.s Решение в комментариях)
Что можно сделать с JS

1. Разработка игрового движка на JavaScript, который занимается генерацией мира, анимациями, физикой и обработкой пользовательского ввода.
2. Создание алгоритма машинного обучения на JavaScript, который на основе заданных примеров будет классифицировать новые данные.
3. Разработка приложения для анализа текстов на JavaScript, включающего в себя обработку естественного языка, выделение ключевых слов и синтаксический анализ.
4. Реализация системы управления контентом на JavaScript для управления сайтом или приложением с помощью административной панели и API.
5. Создание игры на JavaScript, которая будет использовать 3D-графику, звуковые эффекты и геймплей, требующий сложных вычислений.
6. Разработка платформы для организации онлайн-курсов на JavaScript, включающую в себя возможности для создания, обновления и распространения уроков, тестов и статистических отчетов.
7. Реализация инструмента на js для создания интерактивных диаграмм и графиков с помощью библиотек визуализации данных.
Разработайте функцию, которая принимает входные данные в виде массива целых чисел и возвращает новый массив, содержащий только уникальные элементы исходного массива.

Пример использования:

Копировать
const input = [1, 2, 2, 3, 4, 4, 5];
const result = uniqueArray(input);
console.log(result); // [1, 2, 3, 4, 5]
В этой задаче мы создаем функцию uniqueArray, которая принимает исходный массив input. Функция должна вернуть новый массив result, который содержит только уникальные элементы input.

Чтобы решить эту задачу, воспользуемся методом filter и создадим вспомогательный объект uniqueValues. В объекте мы будем хранить все уникальные значения, которые мы находим в исходном массиве. Мы используем объект, потому что это позволяет нам проверять на дубликаты в асимптотическую порядку O(1).

Вот решение:

Копировать
function uniqueArray(input) {
const uniqueValues = {};

return input.filter((value) => {
if (!uniqueValues[value]) {
uniqueValues[value] = true;
Курс языка программирования 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">