SPB Frontend Drinkcast

#23 — «Afterparty»

SPB Frontend — Fri, 29 Dec 2017 00:00:00 GMT

1:17 - Сережа вспоминает афтерпати разных конференций и фламенко.
6:38 - Чем конфы в Европе отличают от наших, почему нетворкинг важнее докладов и взгляд со стороны спиккера.
18:07 - Секреты организации BeerJS.
23:06 - Итоги года: отказ от IE и PWA, который все не взлетит.
28:35 - WebAssembly который никого не спасет, лезем в суть и говорим о реалиях компилируемых модулей.
37:25 - Много любви к jQuery.
40:25 - Итоги года: флексбоксы, которые заменили нам все и как взять гриды в продакшен.
46:08 - Итоги года: вечно зеленый Angular, Angular Elements, 16-й React, смерть Bower и Glimmer.
51:52 - Про проблему скорости React и фронтенд на других языках.
55:25 - Итоги года: стоимость JS и огромные node_modules, как жить в эпоху победившего JS.
61:56 - Тут ничего нет.
62:07 - И тут тоже ничего интересного.

Интерпретатор WebAssembly на JS

Поиск и устранение неисправностей Node.js-приложений под капотом

#22 — «Как стать независимым разработчиком»

SPB Frontend — Fri, 22 Dec 2017 00:00:00 GMT

0:55 - Кто такие инди-разработчики и что способствует работе на себя.
7:13 - Разные идеи для стартапов, как зарабатывать на лайках в соц сетях.
13:12 - Нестандартные способы поиска работы и кто такие digital nomads.
18:54 - Как написать index.php, положить себе в карман $2342 и не сойти с ума, если близкие просят найти нормальную работу а стартап все не взлетает.
29:33 - История Сережи Лапина, который прыгал из одного стартапа в другой и не ходил в крупные компании.
38:43 - Почему стартапы экономят деньги, взгляд изнутри.
42:09 - Сережа Густун рассказывает про свой стартап — handsales, жизнь стартапперов в России и особенности нейминга успешных проектов.
57:15 - Куда пойти чтобы стать независимым разработчиком, в чем плюсы и откуда брать деньги.

Тут те, у кого есть идеи, находят как их реализовать: Product hunt Hacker news

Nomad list, где инди-разработчики обсуждают где можно поработать

Так же у нас есть telegram чат для обратной связи @drinkcast.

#21 — «RN vs PWA»

SPB Frontend — Fri, 15 Dec 2017 00:00:00 GMT

1:00 - Трогательная история о том как все с нетерпением ждали выхода React Native и почему он был на голову выше конкурентов.
7:55 - Почему всякие обертки медленные и никто не делает нормальную поддержку жестов в ненативных приложениях.
9:30 - Делать быстро или круто, что из этого приносит деньги? Звучит маленькая надежда на взлет PWA.
17:11 - Как можно по-быстрому превратить сайт в PWA и почему не стоит смотреть на размер картинок. Дружно мочим React Native.
22:10 - Реабилитируем нативные технологии и чем разработка под RN похожа на веб-разработку и почему не все нативное хорошо только потому, что еще не дошло до веба.
31:18 - Универсальные компоненты это миф? И сколько на самом деле стоит мультиплатформенность.
36:00 - Почему CDN — миф старого веба, как правильно готовить PWA и что не так с экосистемой React.
43:47 - Hot-reloading, который пришел из веба и JS который лучше бы не приходил.
52:15 - Нативные разработчики vs фронтендеры, кому как платят и кто тут больше программист.
61:00 - Окончательно топим React Native.

Цена JS — перевод нашумевшей статьи про большие бандлы

Статья Никиты Прокопова (Веб тоже иногда ломают) - http://tonsky.me/blog/chrome-intervention/

Дима Локтев также ведет канал про React Native, подписывайтесь - https://t.me/reactnativenotes

Так же у нас есть telegram чат для обратной связи @drinkcast.

#20 — «Поймать опенсорсера»

SPB Frontend — Fri, 08 Dec 2017 00:00:00 GMT

1:01 - Как становятся опенсорсерами просто решая проблемы, в чем тут боль, а в чем - кайф.
6:50 - Можно ли зарабатывать на том, что лежит бесплатно, как Webpack стал бизнесом и что уже давно следует прикрутить к Гитхабу.
12:58 - Зачем опенсорсеру Твиттер.
19:18 - Как Богдан захватывает репозитории и что там должно быть чтобы в них завелась жизнь.
25:03 - Webpack — красавчик? Чем он так ужасен изнутри и почему RollupJS лучше.
36:10 - Богдан рассказывает что побудило его мейнтейнить DerivableJS и чем он лучше MobX и Redux. Споры о хранении стейта.
40:40 - React-cosmos — убийца Storybook.
43:11 - Снова хвалим DerivableJS и ругаем декораторы и классы.
51:57 - Артур рассказывает про свой offline плагин для Webpack и как «offline first» захватит мир, где тут бизнес, а где — UX.
69:05 - В чем суть политики Apple по отношению к Safari и другим браузерам.
69:56 - Зачем нужен offline плагин, почему нативные приложения весят так много и что такое Service Worker.
79:20 - Почему React Native взлетает быстрее PWA. О войне между корпорациями на поле опенсорса, за деньги и разработчиков.

opencollective — площадка для сбора денег

Почему нужно делать пва и почему нейтив может быть не нужен: https://cloudfour.com/thinks/progressive-web-apps-simply-make-sense

Create Progressive Web App - https://github.com/developit/preact-cli

Как ПВА помогли поднять конверсию бизнесу, увеличить количество пользователей. Кейсы разные. https://www.pwastats.com/

Куда же без "гитхабов" ведущих: Сережа, Богдан и Артур.

Так же у нас есть telegram чат для обратной связи @drinkcast.

#19 — «Пресвятой JavaScript»

SPB Frontend — Fri, 01 Dec 2017 00:00:00 GMT

1:04 - Кто такие Миша и Женя и чем они занимаются помимо HolyJS.
4:18 - Что такое программный комитет* и чем они занимаются.
6:25 - Почему стоит звать иностранных спикеров и что может остановить Мартина Шплитта.
8:45 - Почему фронтендерам стоит чаще встречаться, а фанатам реакта - начать копить на подводную лодку.
16:23 - Общаться сложно, но полезно и причем тут конференции.
27:58 - Организация мероприятий это не про деньги, что же толкает их снова и снова это делать?
31:57 - Почему именно HolyJS, какие там плюшки и как правильно обращаться к Крокфорду?
38:06 - Как начиналась HolyJS: SPB-Frontend и "Клевый лысый дядька".
40:02 - Наконец-то про деньги, почему так дорого?
47:30 - Грустная история про 30% заявок в последний день приема заявок.
48:57 - ТОП-10 докладчиков предстоящей конференции по версии ребят.

*PS: на самом деле, программный комитет это 4 человека: Миша, Женя, Вадим и Дмитрий.

Доклад "Бешеные псы: Angular 2 vs React" Angular Cruise

Рускоязычные большие конференции про фронтенду: РИТ++ CodeFest Highload++ Rolling Scopes Стачка HolyJS PiterCSS

Промокод:

#18 — «Ребята, давайте жить дружно»

SPB Frontend — Fri, 24 Nov 2017 00:00:00 GMT

0:46 - Тот самый Митя, который провел дебаты на ITGM. Почему JS на сервере это смертный грех и что вообще там случилось?
10:32 - Конфликты между сообществами, чем питонисты похожи на фронтендеров.
13:43 - Почему полезно изучать другие языки и быть фуллстеком.
20:10 - Синдром самозванца, как движущий фактор взаимных насмешек.
21:45 - Взгляд со стороны HR-ов, о мнимой элитарности разработчиков.
29:54 - О том куда загибается веб.
33:10 - Почему большие платные конференции стоят дорого и образуют закрытую тусовку работников крупных компаний. Можно ли сделать дешевле?
47:22 - Если нравится конференция - иди туда докладчиком!
52:08 - Теплые ламповые локальные сообщества и митапы, почему важно развивать городские комьюнити.
57:23 - Зачем делать строго женские воркшопы, почему это так активно распространяется по миру и где мы нашли дискриминацию.
69:02 - Learn in public, work and tell.

Эти токсичные, токсичные собеседования

Рэп-батл нейросетей

Ольга Павлова: Как уследить за трендами технологий, если вы не программист

#17 — «Как выйти из вима?»

SPB Frontend — Fri, 17 Nov 2017 00:00:00 GMT

1:30 - Как выйти из Vim и стоит ли?
11:45 - Чем хорош WebStorm, а чем - плох, срывы покровов на IDE.
17:05 - Как разобраться в Vim.
18:45 - Открываем несколько проектов в редакторе.
21:25 - VimL - это боль.
25:00 - Решаем проблемы при помощи регулярных выражений.
28:53 - Вся правда про линтер, претиер и их совместную работу.
36:15 - Как правильно готовить git.
41:00 - О проблемах коммуникации.
45:50 - Зачем фронтендеру Docker и как перестать делать npm install.
63:10 - Разбираемся, а зачем нужно изучать все ранее названное и становиться "фронтопсом".
73:10 - Зачем вообще обсуждать кто чем собирает и как что компилирует.

Vim adventures - игра, которая учит навигации в Vim.

Atom nuclide - плагин, превращающий atom в IDE.

Modern.ie - виртуальные машины с разными версиями IE.

Kubernetes.

#16 — «К нам зашел бекенд...»

SPB Frontend — Fri, 10 Nov 2017 00:00:00 GMT

0:46 - Как работать 4/3 на зависть коллегам;
11:08 - Поиск миддла/сениора: другой подход к тестовым заданиям и собеседованиям;
18:12 - CodePen и стрессовые собеседования.
20:45 - Про лояльность к компаниям и знакомые стены.
22:18 - Задача на хабре и миддлы, которые не миддлы.
24:47 - Снижение стресса в команде, почему разработчики молчат.
33:32 - Апишечки для фронтендеров и зачем нужны бизнес-аналитики.
38:55 - В чем проблема GraphQL.
44:30 - Немного споров о том, как получать обновления с сервера и про денормализацию данных.
55:20 - Чистим кэш перезагрузкой страницы.
61:09 - UX-извращения, истории про одно большое предприятие.

#15 — «Юные Бобби»

SPB Frontend — Fri, 03 Nov 2017 00:00:00 GMT

00:25 - Важная информация: у кого какие Бобби)
00:43 - Что такое junior friendly и почему он так важен;
07:35 - Про пет-проекты для самообразования;
12:06 - Как стать джуном;
16:15 - Про высшее образование, в чем оно полезно а в чем - нет;
24:34 - Почему Алена начала заниматься переводами;
27:30 - Зачем фронтендеру нужен Твиттер;
34:05 - Почему стоит слушать подкасты и ещё одна идея для стартапа;
35:40 - Джун в плохой компании;
41:15 - Где лучше общаться разработчикам?
47:00 - Почему Твиттер НЕ нужен;
51:22 - Опенсорс, как марсиане похищают тех кто много контрибьютит;

#14 — «Ментор успеха залог твоего»

SPB Frontend — Fri, 27 Oct 2017 00:00:00 GMT

Наш Telegram для отзывов и общения.

00:45 - Москва или Питер?
09:40 - Junior Friendly, платное и бесплатное менторство;
17:55 - Классификация типов учеников и кто такие "призраки";
22:35 - Про полезность онлайн-курсов, насколько реально получить профессию;
30:28 - Каково это быть ментором и куда можно деть кружку из Старбакса;
43:02 - Самое главное умение, которое стоит освоить джуниору;
48:05 - Почему так много разных курсов;
51:05 - Про хайп вокруг гридов и "кормление динозавров";
62:25 - Почему общество пока не готово отказаться от поддержки старых IE;

Доклады Сергея Попова «Поговорим о наших младших товарищах» и «Пора начинать Фыркать – Grid Layout уже здесь»

#13 — «ООП — это обман»

SPB Frontend — Fri, 20 Oct 2017 00:00:00 GMT

00:57 - Каким образом человек становится функциональщиком?
9:30 - Шутки про ООП за 300.
14:40 - Что спрашивает Слава на собеседовании в VK?
24:14 - Пользователь как функция - доклад Андрея Штальца.
27:27 - Про системы типов.
39:24 - Откуда возникли ЯП вообще, откуда у них ноги растут?
44:45 - ЯП которые мы придумали и ЯП которые мы открыли - доклад Филиппа Вадлера.
51:11 - Проектировать лучше в ООП?
56:56 - Почему в ФП куча непонятных слов.
57:54 - Промис - это монада.
1:00:43 - Курс Виталия Брагилевского по теории категорий.
1:01:09 - Papers We Love
1:02:05 - Как лучше учиться ФП?
1:12:13 - Интервью с создателем STL Степановым.

Книжки:

#12 — «Автостопом по Галактике с Андреем Ситником»

SPB Frontend — Fri, 13 Oct 2017 00:00:00 GMT

0:47 - Как в других странах с фронтендом, культурные особенности?
18:44 - Как выступать на зарубежных конференциях?
25:00 - Какие технологии используются в мире?
27:59 - Как поживает postcss?
30:54 - Logux.
37:11 - Назад от разных методов синхронизации к "выпадашечкам и анимашечкам".
38:50 - Разговоры бабушек во Владивостоке.
41:17 - Смелые Социальные Эксперименты.
48:17 - Проблема чистки лога в Logux.
55:13 - Скрытая философия в проектах Андрея.
1:00:37 - Китайский Ду-Лянь.

#11 — «Дизайн-системы и ui-киты»

SPB Frontend — Fri, 06 Oct 2017 00:00:00 GMT

0:57 - Что такое дизайн-система, и как она строится и кому это нужно.
8:22 - Кто должен создавать дизайн-систему и из чего она состоит.
10:57 - Как Яндекс разрабатывал систему чтобы унифицировать весь UI и про преимущества БЭМ.
13:55 - С чего начать? Как Рома взял кривой дизайн и сделал из него систему на EM-ах и принципах золотого сечения.
19:32 - Вывели главную суть дизайн-системы.
21:57 - Как выглядит ui-кит от Яндекса изнутри.
28:35 - Почему Bootstrap - это не полноценная дизайн-система.
32:00 - Плюсы использования дизайн-системы, про наследование компонентов.
36:30 - Про то как быть с мобильной версией.
39:11 - Как жить, когда тебе мешают делать правильную дизайн-систему и почему онлайн-консультант может быть полезен.
41:35 - Что стало с дизайн-системой Ромы.
44:52 - Как устроены компоненты ui-кита в Яндексе.
48:10 - Документация для ui-кита и как делать это проще.

Даниил Ковчий - Компоненты веб-интерфейса

#10 — «Похмельный, про сообщество и подкаст»

SPB Frontend — Fri, 29 Sep 2017 00:00:00 GMT

Наш Telegram для отзывов и общения.

1:10 - Про конфу, на которой был придуман SPB-Frontend.
11:30 - С чего начиналось сообщество и какие мероприятия мы устраивали.
15:05 - Про дринкапы и фронтирники, почему на них не обязательно пить алкоголь.
19:33 - Однажды пытались сделать хакатон, но не взлетело.
21:25 - Как попасть в сообщество?
22:54 - Про фронтенд-завтраки.
27:20 - А что вообще такое SPB-Frontend?
28:02 - Когда митап?
31:55 - Про подкаст, с чего он начинался и как создается.

Как организовать свой фронтирник

#9 — «Сколько нужно программистов, чтобы очистить код»

SPB Frontend — Fri, 22 Sep 2017 00:00:00 GMT

Наш Telegram для отзывов и общения.

1:08 - Те немногие случаи, когда чистота кода не нужна.
7:10 - Где брать время на рефакторинг и что по этому поводу думает Scrum.
13:45 - Код-ревью и в чем его смысл.
19:07 - Зачем нужны линтеры и почему с них надо начинать.
21:44 - Bikeshedding и главная проблема код-ревью.
24:23 - TODOшки и документация.
28:37 - О комментариях в коде.
31:05 - Про рефакторинг и разные IDE.
37:08 - Почему стоит поскорее расставаться с legacy.
38:25 - Технический долг как осознанное решение.
41:45 - Когда и как обновлять зависимости.
49:00 - О том как Миша устаревший код переписывал.
51:55 - Как автоматизировать обновление библиотек greenkeeper.io и Snyk.

Тот самый доклад Курганова «Как жить на острие технологий»

#8 — «Что такое FrontOps»

SPB Frontend — Fri, 15 Sep 2017 00:00:00 GMT

Наш Telegram для отзывов и общения.

1:12 - Что такое FrontOps и чем он отличается от DevOps?
2:55 - Time to first render и Time to interactive.
7:45 - Чем должен заниматься FrontOps?
14:40 - Почему для настройки окружения фронтендеров нужен отдельный специалист.
25:13 - FrontOps vs Front-end разработчик.
27:06 - Немного фантазий на тему нейросетей.
30:33 - Еще раз пытаемся продать FrontOps а бизнесу.
36:45 - Про опенсорсные инструменты и их сырость.
41:58 - Зачем переходить на Webpack?
46:40 - Оптимизация SVG и CSS.
57:03 - Зачем Сева скачал весь NPM и подключил к нему нейросеть.

#7 — «Все фронтендеры попадают в Питер»

SPB Frontend — Fri, 08 Sep 2017 00:00:00 GMT

1:25 - Как Коcтя и Света впервые попали в Питер.
8:50 - А почему не Москва?
16:10 - Как Костя второй раз в Петербург переезжал.
21:10 - Как от отчаяния найти работу у голландцев.
32:30 - Как Саша нашел работу в веб-студии.
35:05 - Света, Омск и чайка-менеджмент.
44:30 - Как переезжают целые компании.
46:53 - Как искать работу в Питере, открытые и закрытые сервисы.
50:55 - Spb-frontend, завтраки, slack и #friday.

#6 — «Тим Маринин и мышки на тёрке»

SPB Frontend — Fri, 01 Sep 2017 00:00:00 GMT

Теперь мы есть в Telegram

1:05 - Почему Тим не любит, когда его называют фронтендером.
3:56 - Немного о себе, текущей работе, легаси и React.
9:38 - Ностальгическое: про времена jQuery и табличную верстку.
11:17 - Про NodeSchool.
13:57 - С чего начинались Фронтерки.
24:00 - Про интервью Дудя.
25:31 - Что такое крафтовый подкаст.
32:10 - Как происходит запись Фронтерок.
34:40 - Про алкогольный выпуск с Ситником.
38:45 - Как Андрея Гурылева 4 часа писали.
41:29 - Про гостей и интересных людей, как попасть во Фронтерки.
46:41 - Как делать интересные интервью.
53:10 - Про митапы, сообщество и о том, почему тяжело общаться на конференциях.
58:30 - Про EventLoop, митапы, западных и русских докладчиков.
71:20 - Про книжки: как читать и как выбирать.
77:25 - Стоит ли читать сразу на английском?
80:00 - Идеальный фронтенд стек по мнению Тима.

Интересные книги из выпуска:

"Как читать книги. Руководство по чтению великих произведений"|"How to Read a Book: A Guide to Reading the Great Books". Мортимер Адлер
"Совершенный код"|"Code Complete: A Practical Handbook of Software Construction". Стив Макконнелл
"Рефакторинг. Улучшение существующего кода"|"Refactoring: Improving the Design of Existing Code". Мартин Фаулер, Кент Бек, Джон Брант, Уильям Апдайк, Дон Робертс, Эрих Гамма

#5 — «Фриланс vs офис, о работе и мотивации»

SPB Frontend — Fri, 25 Aug 2017 00:00:00 GMT

Теперь мы есть в Telegram

1:12 - Первый заказ на Upwork и найти работу на удаленке.
5:34 - Работа в распределенной команде, коллеги в других городах и странах.
10:54 - Почему стоит завести собаку если ты - фрилансер и где найти мотивацию.
14:45 - Перерывы в работе, отрываемся от компа.
17:22 - Чем стартап отличается от большой компании.
21:32 - Истории о начале работы от ведущих.
26:32 - Как плохой менеджмент может развалить веб-студию.
28:40 - О роли наставника, плюсы и минусы работы в большой компании.
34:50 - Как поработать на курорте.
37:48 - Что выбрать как первое место работы, если ты - джун.
42:08 - Куда бы ни за что не пошли бы работать ведущие.

#4 — «Ошибки и места их обитания»

SPB Frontend — Fri, 18 Aug 2017 00:00:00 GMT

1:12 - Про пирожки со стекловатой.
3:10 - Линтеры, на страже красоты и порядка.
6:45 - Prettier, как финальный удар по кодстайлу.
10:11 - Споры о статической типизации, зачем она в JS?
28:30 - Unit-тесты
33:57 - Недостижимые 100% coverage и необходимость тестов вцелом.
41:25 - Как Саша первые тесты написал.
42:50 - End-to-End тесты (e2e), простые и сложные.
51:45 - Как тестировщики могут помочь с тестами.
52:33 - Что такое smoke-тесты.
52:33 - О пользе e2e.
60:30 - React песочница, StoryBook.
67:58 - Тестирование скриншотами.

Теперь мы есть в Telegram

#3 — «Раньше дивы были зеленее»

SPB Frontend — Fri, 11 Aug 2017 00:00:00 GMT

1:13 - Как верстают ведущие.
6:10 - Стили для WYSIWYG
8:27 - Истории ведущих про первые шаги в верстке
12:45 - Как выходят спецификации и что это такое
17:07 - Про семантику, теги и микроразметку
19:28 - Необычные теги, что выходит и как это использовать
23:58 - Кроссбраузерность, как отказаться от IE и начать использовать гриды
30:10 - Ностальгическое: центрирование элементов в прошлом
31:40 - Доступность и как поймать фокус
33:20 - Автокомплиты, мультиселекты и их нативная замена
34:40 - О препроцессорах
36:50 - CSS-in-JS, Emotion
38:50 - Старые способы изоляции стилей и энтерпрайз
41:45 - Вымрут ли флексы?
45:05 - Про фронтендеров, которые не умеют верстать

Теперь мы есть в Telegram

#2 — «Бойкий Джун — Счастливый Ментор»

SPB Frontend — Fri, 04 Aug 2017 00:00:00 GMT

1:16 - Собеседование джуниора
6:48 - Как разгялдеть огонек в глазах, знания и интерес к профессии
8:55 - Стажёры, чем они отличаются от джунов
12:20 - Что должен знать джуниор, как не испугать его на собеседовании, с чего начать интервью
16:40 - Тестовое задание на дом или задачки на собеседованиях?
24:15 - А может сразу взять миддла?
27:10 - Как удержать разработчика в компании
29:00 - Истории ведущих, кто каким джуниором был
33:18 - От джуна до миддла, рост разработчика в команде, можно ли определить момент перехода
40:45 - Стоит ли учить подопечного оценивать свои силы и задачи
45:04 - Как Миша шестерых специалистов растил
48:18 - Парное программирование и код-ревью
52:20 - О менторстве

#1 — «12 колонок на пакет мертвеца»

SPB Frontend — Fri, 28 Jul 2017 00:00:00 GMT

0:40 - CSS-in-JS: Decss, Styled Components
11:40 - Houdini
13:35 - Кастомные свойства в CSS
14:45 - Сетки в 2017, нужны или нет?
27:25 - Yarn vs PNPM vs NPM 5.2.0
33:08 - Ведение личного проекта, опенсорс
39:20 - Gatsby - генератор статики на GraphQL