JavaScript для детей

Книга подойдёт для тех, кто только начинает изучать JavaScript. Она знакомит с основами и даёт поверхностное представление о языке. В книге три части: основы, продвинутый JavaScript и графика. В ней также есть практические задания, в которых пошагово рассказывается, как написать игру.

Убрать дубликаты

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

Пример:

 "alpha beta beta gamma gamma gamma delta alpha beta beta gamma gamma gamma delta"

 --> "alpha beta gamma delta alpha beta gamma delta"

JavaScript для профессионалов

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

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

Единственный минус этой книги, в том, что она описывает только стандарт языка ECMAScript 5.1, что на момент написание этой книги, очень сильно устарел.

Для чего используется оператор "&&"?

Оператор "&&" (логическое и) находит и возвращает первое ложное значение либо последний операнд, когда все значения истинные. Он использует короткое замыкание во избежание лишних затрат:

console.log(false && 1 && []) // false
console.log(' ' && true && 5) // 5

Примеры функций, выполняющих одно действие с оператором if и с &&:

С оператором if:
const router: Router = Router()

router.get('/endpoint', (req: Request, res: Response) => {
let conMobile: PoolConnection
try {
// операции с базой данных
} catch (e) {
if (conMobile) {
conMobile.release()
}
}
})

То же самое с оператором "&&":
const router: Router = Router()

router.get('/endpoint', (req: Request, res: Response) => {
let conMobile: PoolConnection
try {
// операции с базой данных
} catch (e) {
conMobile && conMobile.release()
}
})

Задачка для настоящих программистов

Что больше 12м X 50тр или 12м X 100тр - 50тр?

Те, кто смог ответить понимают, что вкладываться в знания - выгодно

Не секрет, что я уже полгода мониторю Skillbox, и что у них всегда есть акции и скидки - но первый раз вижу у них скидку 60%

Дешевле уже не будет👇

Для чего используется оператор "||"?

Оператор "||" (логическое или) находит и возвращает первое истинное значение. Он также использует короткое замыкание. Данный оператор использовался для присвоения параметров по умолчанию в функциях до того, как параметры по умолчанию были стандартизированы в ES6.

console.log(null || 1 || undefined) // 1

function logName(name) {
let n = name || Mark
console.log(n)
}

logName() // Mark

Смежные буквы

Напишите функцию, которая принимает строку и удаляет в ней парные смежные буквы.

Пример
doubles('abbcccdddda') = 'aca'

a - оставляем, так как она непарная
bb - удаляем, так как это смежная пара
ссс - удаляем сс, так как это пара
dddd - удаляем две пары

Что такое распространение события (Event Propagation)?

Когда какое-либо событие происходит в элементе DOM, оно на самом деле происходит не только в нем. Событие «распространяется» от объекта Window до вызвавшего его элемента (event.target). При этом событие последовательно пронизывает (затрагивает) всех предков целевого элемента. Распространение события имеет три стадии или фазы:

1. Фаза погружения (захвата, перехвата) — событие возникает в объекте Window и опускается до цели события через всех ее предков.

2. Целевая фаза — это когда событие достигает целевого элемента.

3. Фаза всплытия — событие поднимается от event.target, последовательно проходит через всех его предков и достигает объекта Window.

В чем разница между методами event.preventDefault() и event.stopPropagation()?

event.preventDefault() отключает поведение элемента по умолчанию.

Если использовать этот метод в элементе form, то он предотвратит отправку формы (submit). Если использовать его в contextmenu, то контекстное меню будет отключено

Метод event.stopPropagation() отключает распространение события (его всплытие или погружение), то есть событие сработает только на том элементе, у event которого вызван stopPropagation

​Что такое цель события или целевой элемент (event.target)?

Простыми словами, event.target — это элемент, в котором происходит событие, или элемент, вызвавший событие.

Имеем такую разметку:
<div onclick="clickFunc(event)">
<div>
<div>
<button>
Button
</button>
</div>
</div>
</div>
И такой простенький JS:
function clickFunc(event) {
console.log(event.target)
}
Мы прикрепили «слушатель» к внешнему div. Однако если мы нажмем на кнопку, то получим в консоли разметку этой кнопки. Это позволяет сделать вывод, что элементом, вызвавшим событие, является именно кнопка, а не внешний или внутренние div.