For Web — фронтенд, дизайн, программирование
14.3K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Google анонсировал обновление критериев ранжирования сайтов в поисковой выдаче и отображение не-AMP сайтов в Top Stories, подробности → https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html
[Вакансия, Москва, от 200 000₽]
Senior Frontend Developer в ManyChat

ManyChat — это платформа, которая помогает бизнесам использовать мессенджеры, email, SMS/MMS для маркетинга, продаж и поддержки. Наш сервис используют более 1М бизнесов по всему миру. Продукт быстро растет, у нас много разноплановых задач:
— UI-компоненты;
— визуальные конструкторы писем, рекламы, медиа сообщений;
— FlowBuilder, инструмент визуального программирования с отрисовкой логических нод и связей на канвасе с WebGL;
— большие и сложные отчёты аналитики (графики, диаграммы).

Стек: React, Redux, JavaScript и TypeScript. Инструменты: GitHub, Jest, Cypress, Webpack, Drone.

Нам важно:
1. Чтобы ты развивался: оплачиваем занятия английским, профильные курсы/литературу/конференции.
2. Как ты себя чувствуешь: ДМС со стоматологией, йога в офисе и скидка 50% в WorldClass.
3. Чтобы тебе было комфортно: гибкий график, удобный офис (м. Курская), покупка техники для работы.

Подробнее: https://hh.ru/vacancy/36917092 или @gingermaria.
Form design patterns: Евгений Игнашов с кратким конспектом книги о проектировании удобных форм → https://habr.com/p/500562/
Введение в app shortcuts, новый API для создания меню быстрого доступа в веб-приложениях → https://web.dev/app-shortcuts/
Solid, легковесный и быстрый аналог React, не использующий виртуальную DOM и компилируемый в прямые DOM-инструкции, как Svelte → https://github.com/ryansolid/solid
Большинство технических материалов — брехня: Александра Сикора предлагает критичнее относиться ко всему, что вы читаете в интернете → https://www.aleksandra.codes/tech-content-consumer
12 советов по внедрению TypeScript: от инфраструктуры до полезных возможностей языка → https://habr.com/p/505488/
Список реальных тестовых заданий разных компаний → https://github.com/Hexlet/ru-test-assignments
This media is not supported in your browser
VIEW IN TELEGRAM
npkill, утилита для поиска и удаления неиспользуемых node_modules: позволяет освободить значительное количество места на диске → https://npkill.js.org
Полное руководство по реализации Trusted Web Activity: инженеры OYO делятся опытом и результатами реализации нативной обёртки над веб-приложением для Android → https://medium.com/p/3dd327d7afc5
Teamlead Roadmap, карта навыков и компетенций тимлидов, которую можно адаптировать для любой компании и команды → https://tlroadmap.io
Проектируем тёмную тему с учётом OLED-экранов: почему лучше использовать цвета чуть светлее полностью чёрного → https://medium.com/p/e13cdfea7ffe
404 → 302: простой жест для вечнозелёного веба. Арал Балкан предлагает способ сохранения устаревших веб-страниц, чтобы ссылки на них не ломались → https://4042302.org/
Клон Doom в 13 КБ JavaScript: Николас Карлини об опыте разработки игры для соревнования js13k в переводе на Хабре → https://habr.com/p/506912/
Индикаторы, валидация и уведомления: что и в каких случаях использовать для донесения обратной связи до пользователя → https://www.nngroup.com/articles/indicators-validations-notifications/
Курс по фронтенд-разработке с нуля от MDN: от HTML/CSS/JS до тестирования, фреймворков и основ бэкенда → https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer
Создатели Basecamp запустили новый почтовый сервис hey.com и показали альтернативный подход к разработке веб-приложений: их JS-бандл весит ~48 КБ в gzip → https://twitter.com/sstephenson/status/1272608117604397063

Для сравнения, распространённый стек react + react-dom + redux + react-redux + react-router-dom в gzip весит ~56 КБ, и это только зависимости без кода самого приложения.
Иллюстрированное объяснение жизненного цикла сервис-воркеров → https://felixgerschau.com/service-worker-lifecycle-update/
Пишем игрушечный движок регулярных выражений в функциональном стиле: пошаговое руководство, задания для самостоятельного выполнения и обзор альтернативных подходов → https://dpk.io/dregs/toydregs