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

[Реклама] Гоу знакомиться с бэкендом! 11 сентября в 19:30 (мск) мы познакомим тебя с популярным и современным стеком: Node.js, Express и MongoDB. А ещё напишем полноценный бэкенд для планировщика задач → https://lectrum.link/node-planner На воркшопе ты узнаешь: — сколько зарабатывают бэкенд-разработчики и за что им платят; — на что способна Node.js; — особенности JavaScript на бэкенде; — почему Express используется почти в каждом проекте, написанном на Node.js; — в каких проектах лучше использовать MongoDB; — какие инструменты сейчас в тренде; — топ-10 ошибок начинающих бэкенд-разработчиков. Регистрируйся → https://lectrum.link/node-planner

Переполнение в CSS: Рэйчел Эндрю о ситуациях, в которых может возникнуть переполнение содержимым контейнера, и современных средствах CSS для более надёжной вёрстки под неизвестное количество содержимого → https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/

Технические принципы Financial Times, помогающие инженерам принимать решения → https://www.ft.com/tech-principles

Node Todo, руководство по контрибьютингу в Node.js для всех желающих → https://www.nodetodo.org/

Навигация снизу: Артур Леонов об интерфейсном паттерне, который может улучшить UX мобильных сайтов → https://www.smashingmagazine.com/2019/08/bottom-navigation-pattern-mobile-web-pages/

Открытая дизайн-система государственных сайтов Украины → https://design.gov.ua

Введение в X3D, декларативный формат описания 3D-визуализаций, применимый в вебе → https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html

Как мы перестали беспокоиться и полюбили GraphQL: история инженеров Revolut → https://medium.com/p/80a5f83f36d9

Должны ли вы использовать веб-воркеры? Скорее всего нет, считает Дэвид Гилбертсон: сравнение пользы и затрат на внедрение воркеров в обычные приложения → https://medium.com/p/9b6d26dc8c6a

[Реклама] 3 сентября (вторник) в 19:00 (мск) пройдёт онлайн мастер-класс «Первое приложение на React» → http://go.reactwarriors.com/master-class-436bf Для тех, кто: — имеет базовые знания HTML/JavaScript и хочет научиться разрабатывать приложения на React; — планирует устроится на должность фронтенд-разработчика (800$+); — устал верстать лендинги и хочет разрабатывать веб-приложения. Расписание мастер-класса: — разработка галереи фильмов: — Virtual DOM и оптимизация; — изменение интерфейса через State; — коммуникация между компонентами через Props; — всплытие функций с дочерних компонентов; — ответы на все возникшие вопросы; — что нужно сделать, чтобы устроиться на вакансию React-разработчика. Результат нашей работы — первое полноценное приложение на React. Бронируйте участие прямо сейчас и получите доступ к серии подготовительных уроков → http://go.reactwarriors.com/master-class-436bf

Что не так с тултипами и что использовать вместо них? Адам Силвер разбирает проблемы и предлагает альтернативы → https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/

curl exercises, шпаргалка и практические упражнения по работе с CLI-утилитой curl от Джулии Эванс → https://jvns.ca/blog/2019/08/27/curl-exercises/

Важные материалы второй половины августа: энергоэффективный фронтенд, Figma и плагины, текст на Canvas, дизайн-система Dropbox, умный автокомплит, ES-модули в продакшене, альтернатива Electron на Qt, нативный виртуальный скролл, Native File System API → https://forwebdev.ru/digest/2019-09-01

Заголовок Save-Data выставляется браузером, если пользователь включает в настройках режим экономии трафика. Более чем у 20% индийских и бразильских пользователей Shopify встречается этот заголовок. Shopify сократила для них размер страницы на 13% → https://twitter.com/brend0/status/1166817897500618753 Вы тоже можете отдавать облегчённую версию страницы пользователям с заголовком Save-Data.

Подробный обзор внутреннего устройства Node.js: как в ней реализована асинхронность, как выполняется код и как работает сборка мусора → https://youtu.be/LbwUETu7Rgc

Как фронтенд влияет на расход аккумулятора? Обзор факторов и практические советы по анализу и повышению энергоэффективности сайта от Саймона Фрейзера → https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/

Введение в GPU-вычисления в вебе → https://developers.google.com/web/updates/2019/08/get-started-with-gpu-compute-on-the-web

Как мы учились рисовать тексты на Canvas: инженеры платформы для визуальной коллаборации Miro о нюансах отрисовки текста, переезде с Flash на Canvas и отказе от SVG foreignObject → https://habr.com/p/458624/

[Реклама] 🔥 Уже сегодня начинаются занятия продвинутого онлайн-курса «Backend-разработчик на PHP». Сдайте вступительный тест, чтоб получить спецпредложение → https://otus.pw/FfMm/ Поможем вам прокачаться до уровня middle/senior. Научим: — проектировать архитектуру приложения; — правильно применять SOLID и паттерны; — тестировать код и поддерживать высокое покрытие тестами; — писать чистый и качественный код; — highload: очереди, кеш, шардинг, реплики, профилирование. Также вы сможете принять участие в индустриальном проекте от компании КРОК. Делиться экспертизой будут Александр Пряхин (технический директор Westwing Russia), Михаил Каморин (Team Lead в ГК Urban Intel) и другие. Тинькофф, Avito, EPAM и 40 других работодателей с нетерпением ждут выпускников. Не упустите шанс стать одним из них → https://otus.pw/FfMm/

Как реализовать систему плагинов в вебе и спать спокойно: инженеры Figma подробно рассказали, как они продумали и реализовали систему плагинов, отвечающую требованиям безопасности и быстродействия → https://www.figma.com/blog/how-we-built-the-figma-plugin-system/