Как применить Puppeteer
Эрик Бидельман собрал готовые примеры использования Puppeteer: сбор статистики по неиспользуемому коду на каждой странице, проверка кеширования страниц сервис-воркером, определение используемых браузерных фич, несовместимых с поисковым ботом Google → https://github.com/GoogleChromeLabs/puppeteer-examples
Эрик Бидельман собрал готовые примеры использования Puppeteer: сбор статистики по неиспользуемому коду на каждой странице, проверка кеширования страниц сервис-воркером, определение используемых браузерных фич, несовместимых с поисковым ботом Google → https://github.com/GoogleChromeLabs/puppeteer-examples
[Вакансия, Москва]
Медиазона (https://zona.media) ищет Junior JavaScript-разработчика со знанием react/redux.
Медиазона — СМИ о проблемах в судах, тюрьмах, полиции и несправедливости вообще.
На проекте используются PostgreSQL, React, Redux, NodeJS, Tarantool, Redis. Местами flow. Есть CI Jenkins. Docker, ansible до кучи.
Кто нам нужен?
Нужен новый член команды, который готов быстро обучаться (если вдруг не знает чего). Прежде всего нужна адекватность и умение программировать. Хорошие руки. Всегда рады юным и не очень гениям, если вы вдруг разделяете проблематику нашего СМИ — тоже очень круто.
Чем придется заниматься?
Есть задачи по редактору текста, фандрайзингу, спецпроектам, возможно немного разработки игр. Как всегда где-то впереди маячит редизайн страниц, плюс есть технический долг. Нужно будет писать как фронтенд, так и бэкенд.
Полная занятость, офис на м. Китай-город. Зарплата от 40 до 100 тысяч.
Пишите:
https://t.iss.one/klond90
[email protected]
Медиазона (https://zona.media) ищет Junior JavaScript-разработчика со знанием react/redux.
Медиазона — СМИ о проблемах в судах, тюрьмах, полиции и несправедливости вообще.
На проекте используются PostgreSQL, React, Redux, NodeJS, Tarantool, Redis. Местами flow. Есть CI Jenkins. Docker, ansible до кучи.
Кто нам нужен?
Нужен новый член команды, который готов быстро обучаться (если вдруг не знает чего). Прежде всего нужна адекватность и умение программировать. Хорошие руки. Всегда рады юным и не очень гениям, если вы вдруг разделяете проблематику нашего СМИ — тоже очень круто.
Чем придется заниматься?
Есть задачи по редактору текста, фандрайзингу, спецпроектам, возможно немного разработки игр. Как всегда где-то впереди маячит редизайн страниц, плюс есть технический долг. Нужно будет писать как фронтенд, так и бэкенд.
Полная занятость, офис на м. Китай-город. Зарплата от 40 до 100 тысяч.
Пишите:
https://t.iss.one/klond90
[email protected]
Как в Unsplash постепенно перешли на TypeScript, Оливер Эш о мотивации и процессе перехода → https://medium.com/p/7a34caa24ef1
CSS в эпоху Реакта
Тереза Ма рассказала, как в Yelp с переходом на Реакт избавились от каскадности и глобальных стилей, сохранив консистентность → https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html
Тереза Ма рассказала, как в Yelp с переходом на Реакт избавились от каскадности и глобальных стилей, сохранив консистентность → https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html
The Front-End Checklist
Объёмный чеклист и рекомендации для проверки всех аспектов фронтенда сайта, от разметки и доступности до производительности.
Теперь и в виде удобного сайта с возможностью печати → https://frontendchecklist.io/
Объёмный чеклист и рекомендации для проверки всех аспектов фронтенда сайта, от разметки и доступности до производительности.
Теперь и в виде удобного сайта с возможностью печати → https://frontendchecklist.io/
Приведение типов в JS: магия или простые правила?
Александр Майоров коротко и понятно рассказал о трёх видах приведения типов (строковое, численное и логическое) и правилах их применения → https://medium.com/p/9d6f1845ea96
Александр Майоров коротко и понятно рассказал о трёх видах приведения типов (строковое, численное и логическое) и правилах их применения → https://medium.com/p/9d6f1845ea96
Эффективная работа с легаси-кодом
Саша Беспоясов опубликовал конспект в трёх частях по книге Майкла Физерса.
Часть 1: введение, причины изменения кода, швы и инструменты автоматизированного рефакторинга → https://bespoyasov.ru/blog/working-effectively-with-legacy-code/
Часть 2: изменение кода при нехватке времени, добавление фич, TDD и зависимости → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part2/
Часть 3: изменение непонятного кода, гигантские классы и методы → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part3/
Саша Беспоясов опубликовал конспект в трёх частях по книге Майкла Физерса.
Часть 1: введение, причины изменения кода, швы и инструменты автоматизированного рефакторинга → https://bespoyasov.ru/blog/working-effectively-with-legacy-code/
Часть 2: изменение кода при нехватке времени, добавление фич, TDD и зависимости → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part2/
Часть 3: изменение непонятного кода, гигантские классы и методы → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part3/
Александр Сурма рассказал, как нативно привязывать одноразовые обработчики событий с помощью параметра once — https://youtu.be/pwLkdksiClE
Как тебе такое, Джон Резиг?
Как тебе такое, Джон Резиг?
Figma’s Platform
У графического редактора Figma появился открытый API для разработки дизайн-инструментов. Его уже используют в крупных компаниях: например, в Uber с его помощью решают проблему распространения актуальных дизайн-макетов, а в GitHub интерфейсные иконки берутся напрямую из макета.
Официальный анонс с подробностями → https://blog.figma.com/ee681bf861e7
У графического редактора Figma появился открытый API для разработки дизайн-инструментов. Его уже используют в крупных компаниях: например, в Uber с его помощью решают проблему распространения актуальных дизайн-макетов, а в GitHub интерфейсные иконки берутся напрямую из макета.
Официальный анонс с подробностями → https://blog.figma.com/ee681bf861e7
Сборка приложений на основе машинного обучения
Обычно большой JS-бандл делят на части по страницам или компонентам приложения. А можно ли делать это не по наитию разработчика, а основываясь на данных о часто посещаемых страницах и типичных переходах пользователей?
Минко Гечев провёл большое исследование и представил начальную реализацию инструментов, автоматически определяющих лучшую стратегию кодсплиттинга и предзагрузки файлов на основе истории посещений сайта → https://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/
Обычно большой JS-бандл делят на части по страницам или компонентам приложения. А можно ли делать это не по наитию разработчика, а основываясь на данных о часто посещаемых страницах и типичных переходах пользователей?
Минко Гечев провёл большое исследование и представил начальную реализацию инструментов, автоматически определяющих лучшую стратегию кодсплиттинга и предзагрузки файлов на основе истории посещений сайта → https://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/
Результаты розыгрыша билета на конференцию DUMP, которая пройдёт 13 апреля в Екатеринбурге — https://youtu.be/ubS005X5dAE
Поздравляем Александра Ожигина!
А для всех читателей по промокоду FORWEBDUMPHOORAY скидка 5%. Программа и регистрация: https://goo.gl/2Sxhmp
Поздравляем Александра Ожигина!
А для всех читателей по промокоду FORWEBDUMPHOORAY скидка 5%. Программа и регистрация: https://goo.gl/2Sxhmp
Как работает JS: обзор принципов работы движков рендеринга веб-страниц и советы по оптимизации их производительности, перевод на Хабре → https://habr.ru/p/351802/