Результаты Stack Overflow Developer Survey 2018: демография, опыт, возраст, образование, технологии, зарплаты, инженерные практики, рабочие ценности и много другой статистики — https://insights.stackoverflow.com/survey/2018/
Мы пишем CSS так же, как в девяностые, и это глупо! Йенс Майерт предлагает навести порядок, сортируя правила и селекторы и избавляясь от дублирования — https://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly
Build your own React, серия статей о разработке собственного аналога Реакта с нуля до реализации нового алгоритма Fiber — https://engineering.hexacta.com/51007984e5c5
Driver, легковесная библиотека без зависимостей для интерактивной демонстрации интерфейса с пояснениями — https://kamranahmed.info/driver
Rough.js, библиотека для отрисовки фигур в стиле эскизов на канвасе и SVG, работает с D3 — https://github.com/pshihn/rough
UX поиска на мобильных
Подробное исследование в трёх частях от инженеров Algolia (их поисковый движок, например, используются в документации Реакта).
8 проблем мобильного поиска → https://blog.algolia.com/mobile-search-ux-8-obstacles/
Основные составляющие интерфейса поиска → https://blog.algolia.com/mobile-search-ux-part-two-deconstructing-mobile-search/
Оформление поисковой выдачи → https://blog.algolia.com/mobile-search-ux-part-three-seach-results-display/
Подробное исследование в трёх частях от инженеров Algolia (их поисковый движок, например, используются в документации Реакта).
8 проблем мобильного поиска → https://blog.algolia.com/mobile-search-ux-8-obstacles/
Основные составляющие интерфейса поиска → https://blog.algolia.com/mobile-search-ux-part-two-deconstructing-mobile-search/
Оформление поисковой выдачи → https://blog.algolia.com/mobile-search-ux-part-three-seach-results-display/
Async Clipboard API
В Chrome 66 появится замена устаревшему document.execCommand. Новый API для работы с буфером обмена более простой, асинхронный (основан на промисах) и безопасный (для работы требует получения разрешения от пользователя).
Джейсон Миллер с обзором и примерами на Google Developers → https://developers.google.com/web/updates/2018/03/clipboardapi
В Chrome 66 появится замена устаревшему document.execCommand. Новый API для работы с буфером обмена более простой, асинхронный (основан на промисах) и безопасный (для работы требует получения разрешения от пользователя).
Джейсон Миллер с обзором и примерами на Google Developers → https://developers.google.com/web/updates/2018/03/clipboardapi
Крис Койер на примере своего проекта https://thepowerofserverless.info/ рассказал, зачем и как разработать статический сайт с применением компонентного подхода, но без хайповых JS-библиотек вроде Реакта или Вью → https://www.smashingmagazine.com/2018/03/static-site-with-nunjucks/
«Мы вам перезвоним», канал с подробными разборами задач, встречающихся на собеседованиях по фронтенду — t.iss.one/callforward
Как определить, кто написал твит — Трамп или Кардашьян? С помощью нейронной сети! Очень простое руководство по написанию такой нейронки на JavaScript → https://itnext.io/e63e12713a3
Preact vs Glimmer
Что выбрать для разработки максимально лёгкого и производительного веб-приложения, Preact или Glimmer?
Вместо споров инженеры LinkedIn запилили на обеих библиотеках прототип своей ленты новостей и замерили разницу. Результаты эксперимента и выводы → https://engineering.linkedin.com/blog/2018/03/how-we-built-the-same-app-twice-with-preact-and-glimmerjs
Что выбрать для разработки максимально лёгкого и производительного веб-приложения, Preact или Glimmer?
Вместо споров инженеры LinkedIn запилили на обеих библиотеках прототип своей ленты новостей и замерили разницу. Результаты эксперимента и выводы → https://engineering.linkedin.com/blog/2018/03/how-we-built-the-same-app-twice-with-preact-and-glimmerjs
Что почитать в Телеграме фронтендеру
Ссылка, чтобы делиться в ВК, Твитере, Фейсбуке или рабочих чатиках — https://telegra.ph/CHto-chitat-v-Telegrame-frontenderu-03-18
@forwebdev — новости и полезные материалы для фронтендеров, дизайнеров и сочувствующих
@webstandards_ru — ежедневные новости и события фронтенда
@breakfastjs — ежедневная утренняя порция фронтенд-новостей от Дмитрия Мананникова
@codehipsters — фронтенд, машинное обучение, большие данные, философия программирования
@evilmartians — «Злые марсиане» о стартапах, веб-разработке, интернет-бизнесе, бэкенде, фронтенде, мобильной разработке, devops и data science
@js_kitchen — новости из мира JavaScript
@deepdigital — канал команды разработки Chulakov Digital о фронтенде и бэкенде
@RodionovFrontend — ссылки и статьи от фронтендеров и для фронтендеров
@devSchachtChannel — анонсы новых статей и подкастов от devSchacht
@frontendweekend — анонсы подкаста Frontend Weekend
@frontend_u_news — анонсы подкаста «Фронтенд-юность»
@itradiostream — лента IT-подкастов, можно слушать прямо в Телеграме
@callforward — подробные разборы задач, встречающихся на собеседованиях
@ctodaily — техдир «Медузы» Самат Галимов о своих буднях и технологиях
@pmdaily — Фёдор Борщев о производстве сложных проектов, управлении командой и продуктом
@polovnyov_journal — Василий Половнёв о разработке, тестировании и культуре работы
@rocket_notes — Сергей Попов об управлении продакшеном по вёрстке, веб-технологиях, конференциях и жизни
@teamleading — Олег Мохов про руководство разработчиками
@andrew_r_notes — Андрей Романов о разработке интерфейсов, дизайне и программировании
@iamakulov_channel — Иван Акулов про фронтенд, UX и смежные темы
@PROprgmr — Владислав Козуля о карьере, стартапах и своём опыте разработки
@emaildev — Артур Кох о email-разработке
@prowebit — Александр Майоров о вебе, собеседованиях и карьере
@mywayk — Михаил Кононенко о фронтенде, дизайне и продуктивности
@startupsandhypes — Владислав Куклев с полезными ссылками и заметками о своём опыте разработки
@isqualog — Софья Ильинова о фронтенде, дизайне, работе и жизни
@webo_ru — Виталий Харисов об оптимизации сайтов (английская версия — @webo_en)
@internet9000 — Сергей Сурганов о дизайне и технологиях
@dangry — Антон Жиянов о продуктоводстве, интерфейсах, здравом смысле и разработке софта
@desprod — Костя Горский про дизайн, продуктивность и жизнь
@ask_catwomenko — Вероника Ильина о поиске работы, хороших резюме, собеседованиях и специфике работы эйчаров
Ссылка, чтобы делиться в ВК, Твитере, Фейсбуке или рабочих чатиках — https://telegra.ph/CHto-chitat-v-Telegrame-frontenderu-03-18
@forwebdev — новости и полезные материалы для фронтендеров, дизайнеров и сочувствующих
@webstandards_ru — ежедневные новости и события фронтенда
@breakfastjs — ежедневная утренняя порция фронтенд-новостей от Дмитрия Мананникова
@codehipsters — фронтенд, машинное обучение, большие данные, философия программирования
@evilmartians — «Злые марсиане» о стартапах, веб-разработке, интернет-бизнесе, бэкенде, фронтенде, мобильной разработке, devops и data science
@js_kitchen — новости из мира JavaScript
@deepdigital — канал команды разработки Chulakov Digital о фронтенде и бэкенде
@RodionovFrontend — ссылки и статьи от фронтендеров и для фронтендеров
@devSchachtChannel — анонсы новых статей и подкастов от devSchacht
@frontendweekend — анонсы подкаста Frontend Weekend
@frontend_u_news — анонсы подкаста «Фронтенд-юность»
@itradiostream — лента IT-подкастов, можно слушать прямо в Телеграме
@callforward — подробные разборы задач, встречающихся на собеседованиях
@ctodaily — техдир «Медузы» Самат Галимов о своих буднях и технологиях
@pmdaily — Фёдор Борщев о производстве сложных проектов, управлении командой и продуктом
@polovnyov_journal — Василий Половнёв о разработке, тестировании и культуре работы
@rocket_notes — Сергей Попов об управлении продакшеном по вёрстке, веб-технологиях, конференциях и жизни
@teamleading — Олег Мохов про руководство разработчиками
@andrew_r_notes — Андрей Романов о разработке интерфейсов, дизайне и программировании
@iamakulov_channel — Иван Акулов про фронтенд, UX и смежные темы
@PROprgmr — Владислав Козуля о карьере, стартапах и своём опыте разработки
@emaildev — Артур Кох о email-разработке
@prowebit — Александр Майоров о вебе, собеседованиях и карьере
@mywayk — Михаил Кононенко о фронтенде, дизайне и продуктивности
@startupsandhypes — Владислав Куклев с полезными ссылками и заметками о своём опыте разработки
@isqualog — Софья Ильинова о фронтенде, дизайне, работе и жизни
@webo_ru — Виталий Харисов об оптимизации сайтов (английская версия — @webo_en)
@internet9000 — Сергей Сурганов о дизайне и технологиях
@dangry — Антон Жиянов о продуктоводстве, интерфейсах, здравом смысле и разработке софта
@desprod — Костя Горский про дизайн, продуктивность и жизнь
@ask_catwomenko — Вероника Ильина о поиске работы, хороших резюме, собеседованиях и специфике работы эйчаров
Telegraph
Что почитать в Телеграме фронтендеру?
@forwebdev — новости и полезные материалы для фронтендеров, дизайнеров и сочувствующих @webstandards_ru — ежедневные новости и события фронтенда @breakfastjs — ежедневная утренняя порция фронтенд-новостей от Дмитрия Мананникова @codehipsters — фронтенд, машинное…
Большинство разработчиков — не рок-звёзды, а середнячки. Никита Соболев рассказал, как с этим жить, если вы постоянно гуглите простые вещи и сомневаетесь в себе → https://dev.to/sobolevn/i-am-a-mediocre-developer--30hn
For Web — фронтенд, дизайн, программирование
Большинство разработчиков — не рок-звёзды, а середнячки. Никита Соболев рассказал, как с этим жить, если вы постоянно гуглите простые вещи и сомневаетесь в себе → https://dev.to/sobolevn/i-am-a-mediocre-developer--30hn
TL; DR:
Периодически гуглите простые вещи?
1. Используйте IDE с автокомплитом.
2. Запоминайте проекты, в которых вы уже решали похожую задачу, и возвращайтесь к ним.
3. Если копипастите чужое решение, проанализируйте и отрефакторите его, а заодно покажите на ревью коллегам, чтобы убедиться в его качестве.
Пишете простой код без сложных алгоритмов и абстракций?
Продолжайте в том же духе! С таким кодом легче работать всем. Несколько рекомендаций:
1. Подбирайте подходящие имена для переменных, функций и классов.
2. Убедитесь, что каждая часть вашей программы отвечает только за одну вещь (принцип единственной ответственности).
3. Чистые функции предпочтительнее обычных.
4. Функции предпочтительнее классов.
5. Используйте классы только при серьёзной необходимости.
Не доверяете себе?
1. Пишите тесты.
2. Используйте статическую типизацию.
3. Используйте линтеры.
4. Используйте инструменты анализа качества кода.
5. Делайте кодревью.
6. Платите другим людям за аудит вашего кода.
Хотите, чтобы ваш код работал не только на вашем компьютере?
1. Автоматизируйте всё, что связано с развёртыванием приложения.
2. Используйте docker.
3. Используйте инструменты развёртывания.
Всё ещё не доверяете себе, даже после выкладки приложения в продакшен?
1. Мониторьте ошибки (например, с помощью Sentry).
2. Пишите логи.
3. Мониторьте нагрузку и состояние серверов.
Периодически гуглите простые вещи?
1. Используйте IDE с автокомплитом.
2. Запоминайте проекты, в которых вы уже решали похожую задачу, и возвращайтесь к ним.
3. Если копипастите чужое решение, проанализируйте и отрефакторите его, а заодно покажите на ревью коллегам, чтобы убедиться в его качестве.
Пишете простой код без сложных алгоритмов и абстракций?
Продолжайте в том же духе! С таким кодом легче работать всем. Несколько рекомендаций:
1. Подбирайте подходящие имена для переменных, функций и классов.
2. Убедитесь, что каждая часть вашей программы отвечает только за одну вещь (принцип единственной ответственности).
3. Чистые функции предпочтительнее обычных.
4. Функции предпочтительнее классов.
5. Используйте классы только при серьёзной необходимости.
Не доверяете себе?
1. Пишите тесты.
2. Используйте статическую типизацию.
3. Используйте линтеры.
4. Используйте инструменты анализа качества кода.
5. Делайте кодревью.
6. Платите другим людям за аудит вашего кода.
Хотите, чтобы ваш код работал не только на вашем компьютере?
1. Автоматизируйте всё, что связано с развёртыванием приложения.
2. Используйте docker.
3. Используйте инструменты развёртывания.
Всё ещё не доверяете себе, даже после выкладки приложения в продакшен?
1. Мониторьте ошибки (например, с помощью Sentry).
2. Пишите логи.
3. Мониторьте нагрузку и состояние серверов.