Анимация типографии с повторением

Интересный эксперимент с анимацией контента, где слова дублируются несколько раз.

Демо - http://tympanus.net/Development/RepetitiveTypography/

Производительность JavaScript в 2021

Статья поможет немного разобраться в работе компиляторов и интерпретаторов. Также информация может заинтересовать тех, у кого JavaScript — первый язык программирования. Автор поднимает вопросы Runtime производительности.

Новый рабочий процесс W3C из будущего

На сайте Консорциума уже опубликован документ, датированный 2 ноября этого года. Речь идет об основном документе, регламентирующем рабочий процесс W3C — «стандарте, по которому делают стандарты».

Подключение телеграм бота к гугл таблицам

Пишем бота в гугл скриптах на JavaScript. Статья для начинающих свой путь в гугл скриптах или телеграм ботах.

Async/await в TypeScript

Вспомним, как работают Promise, чем хорош async / await и применим их в примерах на TypeScript.

The New CSS Reset

В последние годы CSS приобрел ряд новых функций, позволяющих нам сбросить CSS более лаконично, чем раньше. Более того, теперь, в 2021 году, все
эти функции CSS имеют широкую поддержку во всех популярных браузерах. Автор предлагает посмотреть на его вариант современного "ресета" CSS.

Обнаружение ввода определенного текста с помощью HTML и CSS

Разбор трюка с примером кода.

Демо - https://codepen.io/propjockey/pen/NWjWwLo

Поставьте фокус на окне страницы, нажмите [Alt] + c (windows) / [Control] + [Alt] + c (osx) и введите "wow!".

#js_note

Разница между императивным и декларативным стилем программирования

Императивный стиль

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

function onlyOdd(array) {
let result = []

for (const element of array) {
if (element % 2 !== 0) {
result.push(element)
}
}

return result
}

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

Декларативный стиль

Теперь попробуем ту же функцию написать декларативно, то есть не вдаваясь в детали:

function onlyOdd(array) {
return array.filter((element) => element % 2 !== 0)
}

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

Разница между этими подходами — в деталях реализации. В первом случае детали описываем мы сами, во втором они от нас скрыты.