Frontend notes, 2019

High quality resize images in browser

Pica – high quality image resize in browser
(used Web Worker (sample), Web Assembly, Promises)

Image Resize in Browser, pure JS and Canvas


Промисы:

Polyfill Promise (Lie), совместимый с ES6

Promises EsmaScript 2015 (ES6), (учебник, рус)

 


Workers:

Web Worker, 2019, (учебник, рус)

Начало работы с WebAssembly, (статья, рус)

 


Сборщик js кода

Rollup – home page (en)
Rollup – test it online
Rollup 2019 (статья, рус)

Модули в JS (ES-2015 стандарт) (учебник, рус)
Browserify, (nodejs style import modules for browsers)


Сертификаты:

SSL for Free, 3 month


Animation perfomance (JS, CSS)

Производительность визуализации (учебник, рус)
Оптимизация выполнения JavaScript (статья, рус)

Leaner, Meaner, Faster Animations with requestAnimationFrame (article, en)
Decouple animations from events! (article, en)
Performance comparison: transitions vs. requestAnimationFrame (article, en)
Preventing layout thrashing (article, en) 

JS-animation подробно / requestAnimationFrame(), (учебник, рус) 
Web Animations API / CSS->JS, keyframes animations!, (учебник, en)

Библиотека Velocity.js

How to not trigger browser repaint when opacity changes (tip)


JS, JS6

Подробно о методах apply(), call() и bind()

БЭМ (Блок, Элемент, Модификатор) (учебник, рус) — компонентный подход к веб-разработке

Immediately-Invoked Function Expression (IIFE) (article, eng)


Администрирование

Настройка DMARC, антиспам фильтр (ру)
Сброс и восстановление root пароля на VDS, Ubuntu (ру)
Еще одна статья о восстановлении пароля, на Ubuntu 16.04 (ру)


Базы данных

MySQL / PHP mysqli, напоминалка (видео)
Индексы в MySQL, (ру)
PostgreSQL, вводная (ру)