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 стандарт) (учебник, рус)


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

SSL for Free, 3 month


Стоит присмотреться:

Browserify, (nodejs style import modules for browsers)

 


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)