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

[Реклама] Долой каникулы — учитесь летом! До 14 июля действует отличное предложение на летние курсы OTUS, в том числе на онлайн-курс «Web-разработчик на Python». Программа не для новичков: сдайте вступительный тест, чтобы попасть в новую группу и учиться по выгодной цене → https://otus.pw/XSs7/ Фронтенд преподаёт Юрий Дворжецкий, тренер в Luxoft Training Center, ведущий разработчик. Бэкэнд вы будете осваивать под руководством Владимира Филонова, одного из организаторов сообщества Moscow Python. Курс для тех, у кого уже есть опыт разработки или участия в проектах с открытым исходным кодом. Мы ждём, что вы: — знакомы с Python; — понимаете основы веб-разработки; — знаете самые азы HTML, CSS и JavaScript. В рамках курса вы сделаете выпускной проект, который можно будет включить в портфолио. Лучших выпускников будут ждать на собеседованиях известные компании-партнеры курса. Остались вопросы? Задайте их онлайн в день открытых дверей 23 июля в 20:00 по Москве → https://otus.pw/gBkm/ Удачного тестирования и до встречи на занятиях!

GraphQL: The Documentary. Документальный фильм об истории создания и развития GraphQL → https://youtu.be/783ccP__No8

Важные материалы второй половины июня: состояние CSS в 2019, дизайн-система ivi, замена Gulp от Microsoft, сервис-воркер в поиске Google, учебник по вёрстке, вопросы для собеседований, комбинаторы промисов, цена JavaScript в 2019 → https://forwebdev.ru/digest/2019-06-30/

Роман Камушкин делится подходом к организации компонентов с разными состояниями в Figma на примере аватарки пользователя → https://habr.com/p/442494/

Зак Лезерман делится опытом разработки надёжной стратегии загрузки шрифтов для сайта CSS-Tricks → https://www.zachleat.com/web/css-tricks-web-fonts/

Библиотеки для рисования финансовых графиков от TradingView: бесплатная и опенсорсная для простых графиков и проприетарная для теханализа → https://www.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/

Почему шрифты без засечек лучше использовать в вебе, а с засечками — в печати? Марвин Даниг с объяснением → https://www.freecodecamp.org/news/to-serif-or-not-to-sans-serif/

Антипаттерн reduce ({...spread}): Рич Снэп подробно объясненяет вред этого подхода и призывает избегать его → https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern

Track THIS, новая технология от Mozilla для защиты от таргетированной рекламы → https://blog.mozilla.org/firefox/hey-advertisers-track-this/

Интернет-проект security.txt: знакомство с ещё одним .well-known файлом → https://habr.com/p/456910/

​​[Вакансия, Москва] Фронтендер в ivi.ru Мы делаем самый крупный онлайн-кинотеатр в России с 50 млн пользователей ежемесячно. Ищем в команду JavaScript-разработчика, который будет вместе с нами делать классный продукт и пилить большие стратегические фичи. У нас React/Redux/TypeScript/Node.js, своя дизайн-система, юнит-тесты, налаженные CI и CD, понятные Agile-процессы. Мы плотно работаем с новыми сотрудниками: погружаем в проект, составляем индивидуальный план развития, проводим регулярные встречи для развития и обратной связи. Предлагаем белую зарплату от 150 до 200 тысяч на руки, ДМС после испытательного срока, помощь с релокацией, свободный график и демократичную атмосферу без бюрократии. Подробнее о технологиях, команде и задачах → https://hh.ru/vacancy/30454370 Резюме присылайте mzimin@ivi.ru.

Elix, коллекция готовых к использованию и кастомизируемых веб-компонентов, реализующих распространённые UI-паттерны вроде каруселей, диалогов, меню и многого другого → https://component.kitchen/elix

Цена JavaScript в 2019: Эдди Османи о том, как JS влияет на перформанс и где основные бутылочные горлышки → https://v8.dev/blog/cost-of-javascript-2019

[Реклама] Уже завтра начинаются занятия 5 набора продвинутого онлайн-курса «Разработчик JavaScript» от OTUS. Самое время присоединиться к группе: сдайте вступительный тест и начните обучение на выгодных условиях → https://otus.pw/lEZ2/ Вы изучите полный ландшафт современных технологий: Node, React, Angular, Vue, веб-компоненты; углубитесь во внутренние алгоритмы и логику работы фреймворков; выполните домашние задания в формате мини-assignment, как на собеседования в российские и европейские компании. Преподаватель — Александр Коржиков (ING, Амстердам), разработчик JavaScript с 8-летним опытом (Альпари, Тинькофф, Backbase), имеет степень по прикладной математике и кибернетике и отлично знает своё дело! По окончании курса вас ждут на собеседования в 40+ известных IT- компаниях-партнерах. До встречи на занятиях! И не забудьте пройти вступительное тестирование → https://otus.pw/lEZ2/

[Реклама] Уже завтра начнутся занятия курса «Разработчик JavaScript»! Самое время присоединиться: сдайте вступительный тест и начните обучение на выгодных условиях → https://otus.pw/TGrW/ Для студентов курса действует специальное предложение карьеры в крупной британской IT-компании Revolut. Вас ждут: 1. Реальные кейсы: темы выпускного проекта курса взяты из практики Revolut (напоминалка о плановом медицинском обследовании или каталогизатор мемов с поиском, тегированием и загрузкой). 2. Настоящая экспертиза: специалисты компании консультируют по техническим вопросам и делятся опытом разработки. Для вас проведёт лекцию Антон Пальгунов, Senior Frontend Engineer. 3. Карьера: защита проекта — техническое собеседование в Revolut, успешное прохождение которого даёт Job Offer. Удачи во вступительном тестировании и до встречи на курсе → https://otus.pw/TGrW/

Периодическая таблица HTML-элементов с распределением по семантическим группам → https://www.madebymike.com.au/demos/html5-periodic-table/

Every Layout, практический учебник по вёрстке композируемых и надёжных UI-компонентов: от примитивов до сложных раскладок с примерами и объяснениями задач и решений → https://every-layout.dev/

Is It Blocked In Russia? Простой способ проверить, заблокирован ли сайт в России → https://isitblockedinrussia.com/

Что такое абстракция и косвенность, как они выражаются в коде и как и когда их применять → https://www.silasreinagel.com/blog/2018/10/30/indirection-is-not-abstraction/