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

По вопросам : @sul_furas
加入频道
Создайте поисковое поле для браузеров Chrome и Safari как показано на рисунке ниже, имеющее следующее поведение. Если поле не активно, в нем отображается текст, при получении фокуса текст внутри поля исчезает. При наборе текст отображается красным цветом.
Напишите программу на JavaScript, чтобы скопировать строку в буфер обмена
Напишите программу на JavaScript, чтобы получить целые числа в диапазоне (x, y).
Пример : диапазон (2, 9)
Ожидаемый результат: [3, 4, 5, 6, 7, 8]
Хай! Напишите программу на JavaScript для преобразования массива объектов в строку значений, разделенных запятыми (CSV), которая содержит только указанные столбцы
Напишите программу на JavaScript для определения заданного значения во вложенном объекте JSON на основе заданного ключа
Хай! Напишите программу на JavaScript для преобразования указанного числа в массив цифр.
Хай! Напишите условный оператор JavaScript для сортировки трех чисел. Покажите окно предупреждения, чтобы показать результат.

Номера образцов : 0, -1, 4
Выход : 4, 0, -1
Хай! Нужно написать функцию, которая принимает строку (в этом тексте 3-5 предложений), верните каждое первое слово в каждом предложении, через запятую.
Сегодня задачка у нас: Палиндром

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

Постановка

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

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

P.s Решение будет позже)
Чему будут равны переменные a и x после исполнения кода в примере ниже?
let a = 2;

let x = 1 + (a *= 2);
Наша функция 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
Что означает локальная/глобальная переменная ?
Какая переменная в примере?
Var num = 10;
function info {
console.log(num)}
info();
В чём ошибка, как думаете?
<button onclick="alert("В чём ошибка????")">/button>
Promise API

Метод Promise.all принимает массив промисов (может принимать любой перебираемый объект, но обычно используется массив) и возвращает новый промис.

Каким будет вывод этого фрагмента кода?

console.log('start');

const promise1 = new Promise((resolve, reject) => {
console.log(1)
})

console.log('end');
Создайте функцию-конструктор Book, у которой есть свойства title и author, и методы toString (возвращает строку вида "Название: {title}, автор: {author}") и isWrittenBy (принимает имя автора и возвращает true, если автор совпадает с переданным именем).

```javascript
function Book(title, author) {
this.title = title;
this.author = author;
this.toString = function() {
return Название: ${this.title}, автор: ${this.author};
};
this.isWrittenBy = function(name) {
return this.author === name;
};
}

const book1 = new Book('Война и мир', 'Лев Толстой');
console.log(book1.toString()); // Название: Война и мир, автор: Лев Толстой
console.log(book1.isWrittenBy('Лев Толстой')); // true
console.log(book1.isWrittenBy('Федор Достоевский')); // false
Привет! Как отдохнули? Готовы решать задачки?

Найдите ошибки в коде:

1. Код должен вывести элемент объекта:
let obj = {x: 1, y: 2, z: 3};
console.log(obj[x]);

2. Код должен вывести элемент объекта по ключу из переменной:
let obj = {x: 1, y: 2, z: 3};
let key = 'x';

console.log(obj.key);

3. Код должен вывести сумму элементов объекта:

let obj = {x: 1, y: 2, z: 3};
let sum = obj[x] + obj[y] + obj[x];

console.log(obj);

4. Код должен вывести количество элементов объекта:

let obj = {x: 1, y: 2, z: 3};
console.log(obj.length);

P.s Возможно задачка имеет правильное решение)
Преимущества JavaScript :

- Незаменимость в веб-разработке. JS – это основная «технология» для клиент-серверных моделей и программирования «для интернета».
- Наличие полной интеграции с версткой страниц и серверной частью.
- Рациональность применения и простоту. Решить элементарную задачу при помощи JS удается за несколько минут. Сам - ЯП обладает понятным синтаксисом, который не требует углубленного изучения.
- Скорость работы. JS может сделать итоговое приложение более быстрым и удобным.
- Производительность.
- Комфортность использования пользовательских интерфейсов.
- Наличие собственной мощной экосистемы (инфраструктуры). Особо заметно в последние годы. Пример – появление огромного количества полезных фреймворков, которые подойдут для любого случая.
Хай! Давайте сделаем "Поиск исторических событий "
Этот поиск должен выводить все события за определённый год.

Вёрстка:
<div id="parent">
<input id="input" placeholder="введите год и нажмите Enter">
<table id="table"></table>
</div>
* {
box-sizing: border-box;
}
#parent {
margin: 0 auto;
width: 600px;
}
#input {
width: 100%;
margin-bottom: 10px;
padding: 10px;
}
#table {
width: 100%;
}
#table td {
padding: 10px;
text-align: center;
border: 1px solid black;
}
Хай! Напишите функцию merge, которая будет принимать на вход несколько объектов (любое количество), и возвращать единственный объект, содержащий все поля из всех объектов. Если одно и то же поле было в нескольких объектах, необходимо оставить значение, которое встретилось раньше
Привет! Напишите функцию, которая заполняет новый массив предоставленным значением.

/**
* Описание задачи: Напишите функцию, которая заполняет новый массив предоставленным значением.
* Ожидаемый результат: (3, 'a') => ['a', 'a', 'a']
* Сложность задачи: 1 of 5
* @param {number} arraySize - размер массива
* @param {?} value - значение для массива
* @returns {Array}
*/

const fill = (arraySize, value) => {
throw new Error('Напишите здесь свое решение');
}

const data = 3;
const valueToFill = 'a';
console.log(fill(data, valueToFill)) // ['a', 'a', 'a']