transform:translate(-50%,-50%) сдвигает блок в зависимости от собственной высоты,ширины

политоту в полный рост. заебали... ебанько

На этот раз Podlodka погрузилась в мир высоких нагрузок, и помог нам в этом Алексей Акулович, разработчик в команде backend инфраструктуры ВКонтакте. Разобрались в том, когда начинается highload, с какими типовыми проблемами сталкиваются разработчики высоконагруженных систем и как с этим справляться. Варианты масштабирования, оптимизация работы с данными, шардирование, кэширование, мониторинги - тема масштабная, и разговор получился насыщенный. Не обещаем, что после выпуска вы сразу  напишите свой первый production-ready высоконагруженный сервис, но понимание того, что происходит под капотом на бэкенде у крупных сервисов точно увеличится!

Поддержи лучший подкаст про мобильную разработку:
www.patreon.com/podlodka

Также ждем вас, ваши лайки, репосты и комменты в мессенджерах и соцсетях! 
Telegram-чат: t.me/podlodka 
Telegram-канал: t.me/podlodkanews 
Страница в Facebook: www.facebook.com/podlodkacast/ 
Twitter-аккаунт: twitter.com/PodlodkaPodcast

Содержание:
- 00:00:42 - Знакомство с гостем
- 00:02:25 - Что такое хайлоад?
- 00:05:05 - Ищем бутылочное горлышко
- 00:08:50 - Ожидание при обработке запросов
- 00:11:10 - О выборе языка
- 00:18:50 - Как эффективно работать с ожиданиями
- 00:22:30 - Первые шаги для оптимизации
- 00:31:30 - Варианты масштабирования
- 00:33:40 - Как правильно профилировать
- 00:37:10 - Немножко про ВК, монолилиты и микросервисы
- 00:39:05 - Масштабируемая архитектура: фронты
- 00:46:30 - Флуд-контроль
- 00:48:18 - Работа с данными: шардирование, денормализация и уменьшение связности
- 00:59:50 - Кеширование и консистентность данных
- 01:09:30 - С чего начать, когда все плохо
- 01:14:20 - Контролируемая деградация
- 01:18:25 - Как избежать проблем: мониторинги 
- 01:27:20 - Когда нужно задуматься о масштабировани
- 01:30:00 - Об организации команды
- 01:44:15 - С чего начать погружение в хайлоад
- 01:46:40 - Подведение черты

Полезные ссылки:
- Junior highload, расшифровка докладов с конференции highload++
http://highload.guide/blog/
- Сайт: ruhighload.com
https://ruhighload.com/
- Как работают крупные сервисы
https://www.insight-it.ru/highload/

Podlodka #79 – Highload для начинающих

В гостях Seniorro frontendo tomatto in Lamoda e-com - Иван Рязанов. (https://twitter.com/lvlokkie)

Cтек Lamoda и история о том, как Ваня попал во фронтенд. Про View и Ember (0:35)
Разработка в e-commerce. И технологии в Ламоде (07:26)
Svelte (14:41) 
State менеджемт во View (27:20)
Как чувствует себя новичок в Lamoda (33:41)
PWA (50:25)

#148 Vue, React, Svelte, Typescript, PWA

React 17 RC (04:27)
Pick/Omit в TS и папка utility (16:10)
Про Pet-проекты ведущих и Nagibabel (34:15)
Увольнение 250 сотрудников Mozilla (49:04)
Отключение интернета в Беларуси (50:50)

Сбор средств для поддержки жертв насильственных репрессий в Беларуси https://www.facebook.com/donate/1123543824684874/3395137910524616

Пост про React 17 RC https://reactjs.org/blog/2020/08/10/react-v17-rc.html
Документация по Pick/Omit https://www.typescriptlang.org/docs/handbook/utility-types.html#picktype-keys
Тред про Pick/Omit в TS https://twitter.com/jsunderhood/status/1292742553851363328
Проект Nagibabel https://github.com/fual/nagibabel.js
Статья Андрея Мелихова про BFF https://habr.com/ru/company/yandex/blog/514550/
Прошедший хакатон помощи Беларусам https://eventornado.com/event/build-for-belarus
Волна увольнений в Mozilla https://www.theverge.com/2020/8/11/21363424/mozilla-layoffs-quarter-staff-250-people-new-revenue-focus
Как власти Беларуси откллючали в стране интернет https://tech.liga.net/telecom/article/rubilnik-lukashenko-vlasti-belarusi-otklyuchili-v-strane-internet-chem-eto-obernulos
Интересный подкаст про Интернет https://www.youtube.com/watch?v=HaEmUX9rqIg
Dial-up для беларусов https://twitter.com/xs4all/status/1293153863030243328
Сайт для бывших сотрудников Mozilla https://mozillalifeboat.com/
Новость про запуск Rome https://romefrontend.dev/blog/2020/08/08/introducing-rome.html

#151 React 17 по Dialup-у

В гостях программный коммитет FrontendConf - Ваня (https://twitter.com/stressoid)и Глеб (https://twitter.com/glebmachine).
Сайт конфы - https://frontendconf.ru/moscow/2020

Представление гостей. Про карты Тройка и подорожник(00:33)
О FrontendConf (07:02)
Angular (24:45)
Фронтендеры и верстальщики (46:34)

#152 Только синьор может писать на джаваскрипте

Вступление (00:43)
wtfuti (07:49)
Кто и какими пользуется IDE и плагинами к ним (13:47)
Лучшая тема (на самом деле, нет) и ответы на вопросы слушателей (17:34)
Модальные окна и проблемы с CSS (35:26)

wtfutil https://github.com/wtfutil/wtf
Ненужные расширения для VS Code https://habr.com/ru/company/ruvds/blog/515300/
8 ошибок начинающего PSD дизайнера https://habr.com/ru/post/516174/

#153 Редактирование PSD в VSCode

Двадцать пятый выпуск! У нас был маленький перерыв (но это не точно). В выпуске обсуждаем TypeScript 4 beta и Angular 10.

- 🆕   00:04:51 TypeScript 4 beta
- 🆕   00:39:05 Angular 10
- 🤔   00:43:10 У нас был длинный выпуск

https://underjs.ru/podcast/2020/09/06/malenkie-pereruv.html

#25 - Маленький перерыв, TypeScript 4, Angular 10

Двадцать шестой выпуск! Продолжение 25-го (вторая часть). В выпуске обсуждаем React 18, GraphQL, React Native 0.63.

- 🤔  00:00:09 React Concurent Mode в бою (личный опыт Дмитрия)
- 🤔  00:20:40 Ой все, опять про GraphQL
- 🆕  00:29:40 React Native 0.63

https://underjs.ru/podcast/2020/09/14/baldezhny-episode.html

#26 - Балдежный выпуск (React 18, GraphQL, RN 0.63)

RndTech (0:36)
Довод (13:42)
React Cosmos (18:55)
Отказ от moment.js (32:42)
Управление окнами браузера (46:23)
Penis.js (54:50)

RndTech https://rndtech.pro/
Довод https://www.kinopoisk.ru/film/1236063/
Moment всё https://momentjs.com/docs/#/-project-status/
React Cosmos https://github.com/react-cosmos/react-cosmos
Томас Штайнер рассказывает о Multi-Screen Window Placement API https://web.dev/multi-screen-window-placement/
Penis.js http://penisjs.com/

#156 Пересядь с иглы Styleguidist на Cosmos

В гостях Алексей Макодзеба

Что можно сейчас делать с воркерами 
https://docs.google.com/document/d/1nu0EcVNC3jtmUVWL8Gs5eCj2p_984kamNhG2nS9gOC0/edit

Moment.js ВСЕ
https://twitter.com/momentjs/status/1305611657423417349?s=21
https://twitter.com/frontstuff_io/status/1304817952122839042

Frontend Live 2020
https://bit.ly/35FteO1
https://bit.ly/2ZGOejA

Сделайте мне красиво

Выпуск №45: 18+ прохладных историй о фронтенде

В гостях Саша Шинкевич

00:00:00 Интро
00:00:39 Путь гостя в профессию
00:08:29 Выступления на конференциях
00:27:04 Про выгорание
00:51:28 Что можно понять о работе по тексту вакансии
01:04:22 Наши худшие собеседования
01:11:27 Полупики и пики

Материалы

Опознаём плохие условия работы по текстам вакансий
https://habr.com/ru/company/digital-ecosystems/blog/520614/

On the Web Share API
https://css-tricks.com/on-the-web-share-api

Container Queries are coming to Chromium!
https://www.bram.us/2020/11/05/container-queries-are-coming-to-chromium

Intent to Remove: HTTP/2 and gQUIC server push
https://twitter.com/intenttoship/status/1326652757739180033
https://groups.google.com/a/chromium.org/g/blink-dev/c/K3rYLvmQUBY/m/vOWBKZGoAQAJ

Emulate vision deficiencies in DevTools
https://addyosmani.com/blog/emulate-vision-deficiencies-devtools

A Complete Guide to CSS Media Queries
https://css-tricks.com/a-complete-guide-to-css-media-queries/

Выпуск №49: Постарайтесь не выгорать джунами

(27/12/20) Deve-se expor a vida por um malfeitor? - Cap. XI, Item 15 - Evangelho CAK Sacramento

Вся правда о фронтенд-разработке. Всё, о чём боятся говорить — вы услышите здесь! Смузи, вейп, ES6, REACT — вас накроет волной хайпа

#153 Редактирование PSD в VSCode

Фронтенд Юность (18+)

Recent comments

Sergey Naumov

Gin Jay

Related tracks