For Web — фронтенд, дизайн, программирование

Приоритеты загрузки скриптов в Chrome: Эдди Османи с обзором способов подключения скриптов, объяснением их влияния на перформанс и рекомендациями по использованию каждого способа → https://addyosmani.com/blog/script-priorities/

Zero Server, максимально простой в использовании и не требующий настройки веб-сервер с поддержкой Node.js, React, HTML и Markdown → https://zeroserver.io/

[Реклама] OTUS открывает 4 набор на продвинутый онлайн-курс «Разработчик JavaScript». Испытайте себя: пройдите усложнённый вступительный тест → https://otus.pw/eCO1/ В рамках курса будут рассмотрены устоявшиеся идиомы и ключевые особенности языка JavaScript: • особенности ООП и SOLID в JS, • функциональное и реактивное программирование, • Promises и другие возможности ES6, Event Loop, • DOM API, Ajax и события в рамках разработки в браузере, • навыки в HTML и CSS, • написание кода на диалектах TypeScript и JSX. Помимо разработки клиентской части в браузере, рассмотрим серверную платформу Node.js и её окружение. Изучим популярный фреймворк Angular с реактивными возможностями RxJS, а также библиотеки для написания веб-приложений — React, Redux и современные подходы к разработке UI, такие как Polymer и набирающий звёзды Vue. Успешных выпускников курса с нетерпением ждут на собеседования в компаниях Тинькофф, Альфа-Банк, Luxoft, СИБИНТЕК, Avito, Райффайзенбанк — прекрасный повод стать одним из них! До старта курса всех желающих пригласят на открытые вебинары по JS. А пока смотрите записи уроков предыдущих запусков («Введение в JSON Schema», «Особенности языка JavaScript», «Dependency Injection в Angular», «CSS препроцессоры», «Обзор возможностей Node.js») → https://otus.pw/TjLP/

Как работает директива supports в CSS: объяснение Криса Койера в переводе Алёны Батицкой → https://medium.com/p/92dba6de7ae7

Ещё более лёгкие видео в вебе с AV1: Андрей Ситник с введением в использование нового кодека и примером конвертации гифок в видео для максимальной экономии ресурсов → https://evilmartians.com/chronicles/better-web-video-with-av1-codec

no-restricted-imports: Эдди Османи о малоизвестном правиле ESLint, позволяющем запретить определённые импорты (например, тяжёлых библиотек или легаси-частей проекта) → https://addyosmani.com/blog/disallow-imports/

nsfwjs, библиотека для определения порнографии прямо на клиенте с помощью нейросетей и TensorFlow → https://nsfwjs.com/

Joe Schmoe, коллекция бесплатных иллюстрированных аватаров с удобным API → https://joeschmoe.io/

FLIP-анимации: Илья Климов с обзором техники для производительного анимирования изменений раскладки → https://youtu.be/jOFScunknuI

[Вакансия, Москва] Junior/middle/senior фронтенд-разработчик в Roborox (http://roborox.org/) Мы — небольшая команда с экспертизой в промышленной разработке, блокчейне и машинном обучении. Разрабатываем и поддерживаем собственные продукты: развлекательное мобильное приложение и платформу для автоматизации краудфандинга на блокчейне. У нас нет ненужных процессов и бюрократии, мешающих работе и развитию, зато есть высокая степень свободы и возможность работы из дома несколько дней в неделю. Мы ищем: — джуниора с хорошими знаниями вёрстки, основ нативного JS и браузерных API, желающего с помощью наставника вырасти в крепкого мидла, а затем и сеньора; — мидла/сеньора, готового возглавить фронтенд-направление: отвечать за клиентскую часть продуктов и растить коллегу-джуниора. Мы используем React, MobX, Flow, PostCSS и CSS-модули, Jest для юнит-тестирования и Cypress для E2E-тестирования. Полная занятость, работа в офисе в Москве на м. Павелецкая (возможна частичная удалёнка), зарплата от 30 до 200 тысяч рублей. Присылайте резюме на dev@roborox.org.

Создатели TSLint постепенно откажутся от развития своего инструмента и сфокусируются на поддержке TypeScript в ESLint. Рассказ о причинах и планах на будущее → https://medium.com/p/1a144c2317a9

Советы по правильному использованию CSS-гридов: применяйте имена и fr, но не системы сеток → https://vgpena.github.io/using-css-grid-the-right-way/

Сотрудники CERN запустили веб-версию первого в мире браузера, созданного Тимом Бернерсом-Ли → https://worldwideweb.cern.ch/browser/

🎧 Свежие подкасты Пилотный выпуск подкаста о конференциях ProConf: обзор Highload 2018 ++ → https://soundcloud.com/proconf/proconf-1-highload-2018 ProConf №2: обзор Frontend CON 2018 → https://soundcloud.com/proconf/proconf-2-frontend-con-2018 «Веб-стандарты» №162: npm для энтерпрайза, приоритеты загрузки JS, цена сторонних скриптов, JS прямо в CSS, доступный TodoMVC, кастомные чекбоксы, выравнивание по тексту → https://medium.com/p/80855c0cf547 «Девшахта» №70: как TypeScript меняет наше мышление → https://medium.com/p/716c49338952 «Фронтенд-юность» №84, «Каждый из нас видал пострашнее»: MDN разжёг пуканы, скажи «нет» продуктам от Facebook, чем плох Prettier, ESLint просит денег → https://soundcloud.com/frontend_u/e84 «Фронтенд-юность» №85, «Всегда делай ставку на JavaScript»: первый браузер от CERN, MDN за Flow, почему платные конференции не платят спикерам, попробуй Spark вместо TypeScript → https://soundcloud.com/frontend_u/e85 «Новости 512» от CSSSR №39: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-39-1802-2402

Документальный фильм об Ember.js: кем, как и зачем был создан фреймворк и какой путь он прошёл → https://youtu.be/Cvz-9ccflKQ

Разработка под WebAssembly: реальные грабли и примеры. Расшифровка и запись доклада Андрея Нагих → https://habr.com/p/441140/

A Roadmap for Node.js Security: подробный обзор угроз безопасности и способов защиты проектов на Node.js → https://nodesecroadmap.fyi/

Как привлечь внимание пользователя? Сьюзан Вейншенк делится практическими приёмами, эксплуатирующими механизмы работы зрительной коры мозга → https://www.smashingmagazine.com/2019/01/grabbing-visual-attention-with-the-visual-cortex/