For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
QuickSort, погружаемся глубже: Андрей Мелихов из devSchacht рефакторит и оптимизирует реализацию быстрой сортировки, написанную за 5 минут в прошлом видео (https://youtu.be/o0fe6OlUROg) → https://youtu.be/oc1W84ilvds
В каких случаях схлопываются маржины? Джонатан Харрел объясняет на визуальных примерах одну из самых сбивающих с толку концепций CSS → https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/
[Анонс конференции и розыгрыш билета]

13 апреля в Екатеринбурге пройдёт DUMP — самая большая конференция для программистов на Урале. Традиционно будет секция, посвященная фронтенд-разработке. В этом году на ней выступят Алексей Мигутский (Microsoft), Зарема Халилова (Uploadcare), Серёжа Попов (HTML Academy), Анна Селезнёва (Evil Martians), Андрей Мелихов (Яндекс.Деньги), Виталий Слободин (Elonsoft). Среди обсуждаемых тем: Headless-браузеры, React + Redux + Reselect, как отделить фронтенд от старого бэкенда, CSS vs препроцессоры.

Еще в программе конференции: Григорий Бакунов (Яндекс), Сергей Абдульманов (Мосигра), Александра Ермоленко (Rambler&Co), Алексей Акулович (ВКонтакте), Алексей Савватеев (ЦЭМИ РАН) и многие другие.

Программа и регистрация: https://goo.gl/2Sxhmp Для всех читателей по промокоду FORWEBDUMPHOORAY скидка 5%.

А в это воскресенье мы случайным образом разыграем один билет — https://goo.gl/forms/v3ldj31aUaS4dUbm1
4 архитектурных слоя SPA

Как грамотно построить архитектуру SPA? Даниэль Дахила предлагает разделять приложение на сервисы предметной области, хранилище состояния, сервисы приложения и представление.

Разбор такой архитектуры на примере разработки простейшего блога → https://hackernoon.com/b842ea633c2e
Как применить Puppeteer

Эрик Бидельман собрал готовые примеры использования 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]
Как в Unsplash постепенно перешли на TypeScript, Оливер Эш о мотивации и процессе перехода → https://medium.com/p/7a34caa24ef1
CSS в эпоху Реакта

Тереза Ма рассказала, как в Yelp с переходом на Реакт избавились от каскадности и глобальных стилей, сохранив консистентность → https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html
The Front-End Checklist

Объёмный чеклист и рекомендации для проверки всех аспектов фронтенда сайта, от разметки и доступности до производительности.

Теперь и в виде удобного сайта с возможностью печати → https://frontendchecklist.io/
Приведение типов в JS: магия или простые правила?

Александр Майоров коротко и понятно рассказал о трёх видах приведения типов (строковое, численное и логическое) и правилах их применения → 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/