Модульное тестирование

Дмитрий Андриянов в ШРИ 2018 о том, почему необходимо писать модульные тесты, как изолировать внешние зависимости, как тестировать взаимодействие с другими модулями и какие приёмы использовать для написания поддерживаемых тестов → https://youtu.be/qaL70WegmaI

🎧
Свежие подкасты

Frontend Weekend №61, в гостях Андрей Мелихов: о работе в Яндекс.Деньгах, Ночном фронтенде и захвате власти в devSchacht → https://soundcloud.com/frontend-weekend/fw-61

«Ночной фронтенд» №41: в поисках хорошего кодревью → https://medium.com/p/2d6b462225c4

«Фронтенд-юность», в гостях Дэн Стешенко: о переезде в Берлин, про Elixir, Ruby, Ember.js, Ситника, Нигерию, Германию и Россию → https://soundcloud.com/frontend_u/berlin

«Фронтенд-юность» №56: вирус в eslint-scope, оборзевший мейнтейнер, токсичное CSS-сообщество, UI-фреймворк Primer, вложенность в CSS → https://soundcloud.com/frontend_u/e56

«Новости 512» от CSSSR №14: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-14-0907-1507

«Веб-стандарты» №129, в гостях Лера Зелёная: вирус в npm, зачем Feature Policy, случай в Atom, мёртвый код, разделение ответственности, стрелка или пальчик → https://medium.com/p/181a9ff222ae

Element.matches()

Для проверки активности элемента часто используется что-то вроде node.classList.contains('active'). В спецификации DOM есть более удобный и универсальный метод для проверки элемента на соответствие селектору — node.matches('.active').

Поддержка браузерами приличная, но для Edge 14- и IE нужен полифил.

Больше советов → https://github.com/forwebdev/ui-developer-tips

Химия CSS-гридов: Илья Стрельцын демонстрирует мощь гридов, верстая адаптивную периодическую таблицу Менделеева → http://css-live.ru/css/ximiya-css-gridov.html

Школа разработки интерфейсов Яндекса пройдёт с 29 сентября по 23 декабря в Москве, Санкт-Петербурге и Симферополе, приём тестовых заданий закончится между 13 и 31 августа. Подробности и регистрация → https://yandex.ru/promo/academy/shri2018

Большая подборка материалов для изучения CSS, разделённых по темам от основ до архитектуры и методологий → https://zendev.com/ultimate-guide-to-learning-css.html

Удаление неиспользуемых стилей с помощью PurgeCSS, опыт Сары Даян → https://frontstuff.io/how-i-dropped-250-kb-of-dead-css-weight-with-purgecss

vim.wasm, порт текстового редактора vim на WebAssembly: исходники, объяснение реализации и демо → https://github.com/rhysd/vim.wasm

Технический директор Gusto Эдвард Ким рассказал, как менялась его роль по мере роста компании от трёх до ста человек → https://engineering.gusto.com/how-my-role-as-cto-has-changed-as-weve-grown-to-100-engineers/

24 доклада с YGLF 2018 Kyiv: CSS-трюки, AR/VR, WASM, Kotlin, Parcel, GraphQL, криптовалюты в браузере и другие темы → https://www.youtube.com/playlist?list=PLII-CO3Ff0qaXCf7RgN7bulEmwZB_ngZG

Инженеры Airbnb поделились своим опытом оптимизации серверного рендеринга на Node.js → https://medium.com/p/c5ba718acfc9

Интеграционные тесты

Зачем нужны интеграционные тесты, чем они отличаются от модульных и как их внедрить в существующий проект, лекция Евгения Гаврюшина в ШРИ 2018 → https://youtu.be/dflmpqh_oRc

Как в Windows настроить быстрый bash-терминал на основе подсистемы Linux, опыт Николая Громова → http://nicothin.pro/page/windows-subsystem-for-linux

Коллекция экспериментов и примеров использования API Гудини: кастомные анимации, раскладки и многое другое → https://css-houdini.rocks/

Как устроен фронтенд Google Photos: сетка фотографий на всю ширину экрана без дыр, работа с большими данными, 60 FPS и быстрая подгрузка → https://medium.com/p/45b714dfbed1

immersive linear algebra, первая в мире книга по линейной алгебре с интерактивными иллюстрациями → http://immersivemath.com/ila/