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

15 декабря 2017 09:13

«Пятиминутка React» №38, в гостях Александр Майоров: история внедрения React и TypeScript в tutu.ru, особенности архитектуры, SSR на PHP+V8 и Node.js, flow и типизация в целом — http://5minreact.ru/38-react-typescript-newhr/

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

14 декабря 2017 10:58

Брюс Лоусон о «типизированном CSS», новом подходе к стилизации компонентов, придуманном и используемом в Wix — https://24ways.org/2017/styling-components-typed-css-with-stylable/

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

13 декабря 2017 10:22

Результаты ежегодного опроса фронтенд-разработчиков о состоянии экосистемы и используемых технологиях — https://stateofjs.com/2017/

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

13 декабря 2017 07:21

[Вакансия, Москва/релокация]
Фронтенд-разработчик в Avito

Привет! Меня зовут Андрей, я ищу напарника в команду, отвечающую за техническую часть службы поддержки Avito.

В нашей команде два бэкендера, один продакт и один проджект-менеджер, тестировщица, дизайнер, аналитик. Мы разрабатываем раздел помощи support.avito.ru (который, кстати, работает ещё и в мобильных приложениях через вебвью) и внутреннюю систему для обработки обращений пользователей. Есть возможность не просто закрывать таски, а вместе с командой придумывать фичи, проверять их a/b-тестами и отслеживать влияние на бизнес-метрики.

Раздел помощи и система обработки обращений написаны на Реакте и Редаксе. Много верстать не придётся — кнопочки, поля ввода и тому подобное уже реализовано в общей библиотеке компонентов. Внутренняя система обработки обращений разрабатывается под Хром, поэтому в ней можно использовать все радости жизни вроде CSS-гридов и async/await. Есть инфраструктурные задачи вроде серверного рендеринга, скриншотного и функционального тестирования.

Кратко о компании: один из самых посещаемых сайтов рунета (~10 млн посетителей в день), топ-5 работодателей России, один из лучших офисов в Москве, IT-отдел из более чем 300 человек.

Для комфортной работы есть все условия: обеды, полдники и вечерние сендвичи за счёт компании, оплата обучения (профильные конференции и курсы), ДМС практически с первых дней работы, ноутбук Apple или Dell (на выбор), мониторы/клавиатуры/мышки/etc по необходимости, спортзал с душем прямо в офисе, настольный теннис, кикер, бильярд, собственная библиотека, ну и чай/кофе/энергетики/соки в неограниченном доступе на кухнях.

Если вы не из Москвы — вам компенсируют затраты на переезд и поиск жилья.

Резюме и любые вопросы присылайте в телеграм @andrew_r. Будущему коллеге подарю фирменные наклейки на память :–)

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

12 декабря 2017 09:09

Как избавиться от головной боли с ручным выставлением флагов isLoading, isError и т. д. для загружаемых с сервера данных — https://github.com/andrew--r/ui-developer-tips/tree/master/tips/009-data-state

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

11 декабря 2017 13:26

«Веб-стандарты» №98, в гостях Виталий Фридман: декодинг картинок, анимация и авторизация в браузерах, Webpack или Parcel, устаревший GIF и всё, что вы хотели знать про Smashing Magazine — https://soundcloud.com/web-standards/episode-98

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

11 декабря 2017 10:58

Как сделать CLI-инструменты более дружелюбными, Анна Дебенхем на примере собственного инструмента для сбора интересных ссылок — https://24ways.org/2017/teach-the-cli-to-talk-back/

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

10 декабря 2017 17:26

Форматирование чисел в браузере

Если вам нужно отформатировать числа в браузере, не подключайте для этого сторонние библиотеки и не пишите велосипеды, а используйте нативный Intl.NumberFormat. Простой пример:

const numberFormatter = new Intl.NumberFormat();

numberFormatter.format(12345.67); // -> 12 345,67


По умолчанию NumberFormat использует правила системной локали. При необходимости можно указать нужную локаль: new Intl.NumberFormat('en-US'). Вторым аргументом передаются опции вроде минимального/максимального количества знаков после запятой, подробнее в документации.

Intl поддерживается начиная с IE 11 и Safari 10, на мобильных поддержка хуже, поэтому нужно при открытии страницы проверять поддержку и при её отсутствии подгружать полифил.

Проще всего использовать сервис Polyfill.io от Financial Times:

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>


Polyfill.io проверяет по юзерагенту, какие фичи не поддерживает браузер, и отдаёт полифилы только для них.

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

10 декабря 2017 13:21

Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до поиска источников существующих ошибок — https://github.com/glebec/debugging-js

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

10 декабря 2017 12:52

sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quality image placeholders) — https://github.com/technopagan/sqip

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

10 декабря 2017 12:43

TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows — http://tldr.sh/

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

09 декабря 2017 20:51

От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors

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

08 декабря 2017 15:31

Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times — https://medium.com/p/b2119a2f422d

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

08 декабря 2017 10:54

Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/levelling-up-for-junior-developers/

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

07 декабря 2017 13:21

Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything-an-open-source-maintainer-might-need-to-know-about-open-source-licensing/

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

14 декабря 2017 18:21

Для чего нужны WeakMap и WeakSet, Александр Сурма и Джейк Арчибальд о способах их применения — https://youtu.be/18MRkysjsC0

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

13 декабря 2017 12:00

Введение в AST (абстрактное синтаксическое дерево) — https://blog.buildo.io/906c0574a067, и обзор практических способов его применения в линтерах и других инструментах — https://blog.buildo.io/63b01daa58f

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

13 декабря 2017 07:40

Большая коллекция принципов разработки продуктов от известных компаний и людей вроде Тима Бернерса-Ли, Amazon и Google — https://principles.design

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

12 декабря 2017 10:44

Microbundle, замена Вебпака от создателя Preact: для сборки небольших библиотек, работает на основе Rollup, не требует конфигурации — https://github.com/developit/microbundle

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

12 декабря 2017 07:22

Зачем нужен Array.isArray, чем опасен instanceof Array и при чём здесь ES-символы, Джейк Арчибальд разбирает тонкость устройства JS — https://jakearchibald.com/2017/arrays-symbols-realms/

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

11 декабря 2017 12:32

Как оценивать сроки выполнения задач? Александра Шинкевич с советами и обзором техник — https://lovata.com/blog/guide-to-time-estimation-project-estimation-techniques-tips-tricks.html

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

11 декабря 2017 09:46

Frontend Weekend №31, в гостях Дмитрий Чекин: о создании CSSSR и особенностях удаленной работы фултайм —
https://soundcloud.com/frontend-weekend/fw-31

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

10 декабря 2017 14:19

[Вакансия, Москва, Тинькофф-журнал]
Привет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это такое ежедневное издание про деньги, которое читает полтора миллиона человек.

Я ищу опытного разработчика, который будет проектировать, поддерживать и развивать фронтенд-архитектуру сайта.

Что нужно делать?
Разработчик, которого я ищу, погружен в жизнь проекта, разбирается в задаче, работает в связке с арт-директором, держит в голове структуру стилей во всем журнале. Стили обновляются часто, поэтому все нужно постоянно рефакторить и улучшать. Ведущий фронтендер берет на себя этот процесс: тестирует код, борется за его чистоту, добивается, чтобы ни на каких девайсах нам не было стыдно за результат.

Сами статьи верстать не нужно, для этого есть другие ребята.

Мы онлайн-медиа, поэтому порядок в стилях для нас — это главное. Но у нас много и больших инфраструктурных задач. Пока вы читаете эту вакансию, мы запускаем авторизацию и комментарии. Дальше будет динамическая выдача статей на основе персонализированных рекомендаций. Потом своя мини-издательская платформа для авторов. Разработчик, которого я ищу, должен будет отвечать за фронтенд-архитектуру всех новых систем.

Технологии
ES6, (p)React, CSS (БЭМ) + PostCSS, Gulp + Webpack

Условия
Мы ищем сотрудника на полную занятость, поэтому у вас будет белая зарплата, ДМС, офис и бесплатный спортзал на м. «Водный стадион». Работа бок о бок с техдиром, артдиром и менеджером по продукту.

Расскажите о себе и своем опыте: @arsgab или a.gabdullin@tinkoff.ru

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

10 декабря 2017 13:00

Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ландшафта — https://github.com/s-macke/VoxelSpace

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

10 декабря 2017 12:48

Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступность и другие темы — https://vimeo.com/channels/fronteers17

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

10 декабря 2017 12:16

Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительной манипуляции DOM — https://calendar.perfplanet.com/2017/mutating-web-content-using-dom-ranges/

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

09 декабря 2017 18:52

Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://medium.com/p/cc2c39715403

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

08 декабря 2017 12:47

postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на основе списка поддерживаемых браузеров — https://github.com/jonathantneal/postcss-preset-env

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

07 декабря 2017 18:20

Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.com/notes/optimize-images-webpack/

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

06 декабря 2017 13:33

Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недели — https://egghead.io/courses/advanced-react-component-patterns