7 июля у нас прошел круглый стол по разработке на тему «Проблемы стратегии версионирования» ⚡️
Мероприятие посетили более 70 специалистов разных направлений: Frontend, Backend, QA и другие 🔥
Благодаря разработчикам Студии и приглашённым спикерам мы глубоко погрузились в тему версионирования: заглянули на внутреннюю кухню разных компаний, обсудили отличные примеры из рабочей практики с нескольких точек зрения.
Спасибо спикерам и участникам за вклад в мероприятие!
Фото и запись круглого стола уже доступны для просмотра 📸
Мероприятие посетили более 70 специалистов разных направлений: Frontend, Backend, QA и другие 🔥
Благодаря разработчикам Студии и приглашённым спикерам мы глубоко погрузились в тему версионирования: заглянули на внутреннюю кухню разных компаний, обсудили отличные примеры из рабочей практики с нескольких точек зрения.
Спасибо спикерам и участникам за вклад в мероприятие!
Фото и запись круглого стола уже доступны для просмотра 📸
🔥16👍3
Комбинатор потомков, или Как называется пробел между двумя селекторами в CSS
Когда вы стилизовали тот или иной элемент на странице, явно замечали пробел между селекторами. Так вот, оказывается, у этого пробела есть техническое название — комбинатор потомков (descendant combinator).
Комбинатор потомков
используется для выбора одного или более элементов-потомков, независимо от их уровня вложенности, внутри элемента-предка, благодаря чему CSS-свойства применяются ко всем элементам данного типа, находящимся внутри родительского элемента, независимо от глубины вложенности.
Селектор, стоящий слева от комбинатора, определяется как элемент-предок. Селектор, стоящий справа от комбинатора, определяется как элемент-потомок.
Когда вы стилизовали тот или иной элемент на странице, явно замечали пробел между селекторами. Так вот, оказывается, у этого пробела есть техническое название — комбинатор потомков (descendant combinator).
Комбинатор потомков
используется для выбора одного или более элементов-потомков, независимо от их уровня вложенности, внутри элемента-предка, благодаря чему CSS-свойства применяются ко всем элементам данного типа, находящимся внутри родительского элемента, независимо от глубины вложенности.
Селектор, стоящий слева от комбинатора, определяется как элемент-предок. Селектор, стоящий справа от комбинатора, определяется как элемент-потомок.
🔥19👍4👏2😁2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥47❤14👍7😁4👎2🤩1
Всем привет!
Все мы знаем, что Docker под MAC OS имеет проблемы с производительностью. Они связаны с монтированием разделов файловой системы osxfs.
Все мы знаем, что Docker под MAC OS имеет проблемы с производительностью. Они связаны с монтированием разделов файловой системы osxfs.
А что вы предпочитаете использовать для решения этой проблемы?
Anonymous Poll
3%
Использую Mutagen
6%
Использую Docker-sync
6%
Использую новую платформу виртуализации в Docker — VirtioFS
44%
Не испытываю проблем
37%
Не работаю на MAC OS
3%
Использую другое (поделитесь в комментариях)
This media is not supported in your browser
VIEW IN TELEGRAM
Наш пятничный вайб — поглощение знаний и много пиццы 🙌
Минимум раз в месяц у нас проходят внутренние митапы, на которых сотрудники обмениваются опытом и изучают новые технологии 🔥
Уютная атмосфера вечернего конференц-зала всегда сопровождается вкусной едой: так лучше усваивается информация.
Поделитесь в комментариях, как проходят ваши митапы 🌟
Минимум раз в месяц у нас проходят внутренние митапы, на которых сотрудники обмениваются опытом и изучают новые технологии 🔥
Уютная атмосфера вечернего конференц-зала всегда сопровождается вкусной едой: так лучше усваивается информация.
Поделитесь в комментариях, как проходят ваши митапы 🌟
❤18👏4👍3
В Студии прошел митап сразу на две темы: «Система централизованного логирования в Студии» и «Как работает браузер изнутри».
Наш DevOps Антон Танчин поделился реализацией системы централизованного сбора и визуализации логов на базе Rsyslog + Graylog.
В рамках доклада:
— рассмотрели сильные и слабые стороны системы в сравнении с другими популярными решениями;
— провели демонстрацию возможностей поиска логов в Graylog;
— обсудили возможности интеграции системы логирования в систему мониторинга для получения метрик о состоянии работы приложения на основе логов в реальном времени;
— провели демонстрацию возможностей отображения метрик на основе данных из логов в Grafana.
После выступил наш Frontend Developer Team Lead Альберт Рыбалко и подробно погрузил в работу браузера изнутри:
— познакомились с основными компонентами браузера (user interface, browser engine, rendering engine, UI backend и пр.);
— разобрали этапы построения render tree;
— поговорили про «систему грязных байтов» — dirty bit system;
— изучили процесс формирования макета страницы (reflow/paint/composite);
— обсудили CSS-свойства и операции JS, которые могут провоцировать эти процессы.
Задавайте вопросы спикерам по этим темам, и мы ответим на них в следующей заметке 🔥
Наш DevOps Антон Танчин поделился реализацией системы централизованного сбора и визуализации логов на базе Rsyslog + Graylog.
В рамках доклада:
— рассмотрели сильные и слабые стороны системы в сравнении с другими популярными решениями;
— провели демонстрацию возможностей поиска логов в Graylog;
— обсудили возможности интеграции системы логирования в систему мониторинга для получения метрик о состоянии работы приложения на основе логов в реальном времени;
— провели демонстрацию возможностей отображения метрик на основе данных из логов в Grafana.
После выступил наш Frontend Developer Team Lead Альберт Рыбалко и подробно погрузил в работу браузера изнутри:
— познакомились с основными компонентами браузера (user interface, browser engine, rendering engine, UI backend и пр.);
— разобрали этапы построения render tree;
— поговорили про «систему грязных байтов» — dirty bit system;
— изучили процесс формирования макета страницы (reflow/paint/composite);
— обсудили CSS-свойства и операции JS, которые могут провоцировать эти процессы.
Задавайте вопросы спикерам по этим темам, и мы ответим на них в следующей заметке 🔥
🔥16👍8😱1
This media is not supported in your browser
VIEW IN TELEGRAM
🔥10🐳5❤🔥4👍3🥰2👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Процесс автоматического развертывания локального окружения для разработки.
Поделитесь в комментариях, используете ли вы аналогичный способ автоматизации ⭐️
Поделитесь в комментариях, используете ли вы аналогичный способ автоматизации ⭐️
🔥22👍4
Коллеги, у нас назрел важный вопрос к frontend-разработчикам 📍
В каждом большом приложении есть проблема с управлением его состоянием. Ранее в Студии мы использовали исключительно Redux или Redux/Toolkit. Сейчас мы стали применять MobX-State-Tree, потому что он работает гораздо быстрее, а кода меньше.
Расскажите в комментариях, чем вы пользуетесь и почему ⚡️
В каждом большом приложении есть проблема с управлением его состоянием. Ранее в Студии мы использовали исключительно Redux или Redux/Toolkit. Сейчас мы стали применять MobX-State-Tree, потому что он работает гораздо быстрее, а кода меньше.
Расскажите в комментариях, чем вы пользуетесь и почему ⚡️
Что вы предпочитаете?
Anonymous Poll
41%
Redux/toolkit
10%
MobX-State-Tree
19%
Ничего не использую
30%
Другое
Media is too big
VIEW IN TELEGRAM
Всем привет!
Запустили канал с примерами работ на No-code для повышения насмотренности. Присоединяйтесь в наш тиндер-реф — t.me/ocheeeen😎
Запустили канал с примерами работ на No-code для повышения насмотренности. Присоединяйтесь в наш тиндер-реф — t.me/ocheeeen
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡4
Сегодня мы хотим познакомить вас со сложно звучащим и все чаще появляющимся в употреблении термином, который на самом деле прост для понимания, но не всегда прост для реализации.
Идемпотентность — это свойство системы выдавать одинаковый результат на один и тот же запрос. Например при умножении 2 на 2 мы всегда получим 4.
Когда мы пытаемся применить идемпотентность к веб сервису, мы сталкиваемся с рядом проблем. Мы можем утверждать, что любой GET запрос должен быть идемпотентен, если состояние системы не изменилось. Когда мы говорим про POST запрос, результат его работы может иметь множество побочных эффектов.
Чтобы обеспечить корректную работу большого сервиса, необходимо учитывать особенности поведения системы во время модификации состояния. Самый известный способ добиться этого, сделать запрос уникальным, например добавив ключ идемпотентности в заголовок или тело запроса.
Идемпотентность — это свойство системы выдавать одинаковый результат на один и тот же запрос. Например при умножении 2 на 2 мы всегда получим 4.
Когда мы пытаемся применить идемпотентность к веб сервису, мы сталкиваемся с рядом проблем. Мы можем утверждать, что любой GET запрос должен быть идемпотентен, если состояние системы не изменилось. Когда мы говорим про POST запрос, результат его работы может иметь множество побочных эффектов.
Чтобы обеспечить корректную работу большого сервиса, необходимо учитывать особенности поведения системы во время модификации состояния. Самый известный способ добиться этого, сделать запрос уникальным, например добавив ключ идемпотентности в заголовок или тело запроса.
🔥16👍6🐳1
У нашей команды из Школы для тебя есть интересное предложение!
Курс «UX/UI-дизайнер» + курс «Анимация в Figma» со скидкой 50% до 10 октября.
Освой востребованную профессию за 4 месяца и получи дополнительный навык анимации в Figma, который увеличит твой средний чек на рынке.
Помимо программы основного курса, дополнительно ты получишь:
— 3 консультации от арт-директора;
— личные видеоразборы домашних заданий;
— обновленную структуру курса.
Переходи по ссылке и оставляй заявку прямо сейчас. Наши менеджеры свяжутся с тобой и подробнее расскажут о программе курса.
Курс «UX/UI-дизайнер» + курс «Анимация в Figma» со скидкой 50% до 10 октября.
Освой востребованную профессию за 4 месяца и получи дополнительный навык анимации в Figma, который увеличит твой средний чек на рынке.
Помимо программы основного курса, дополнительно ты получишь:
— 3 консультации от арт-директора;
— личные видеоразборы домашних заданий;
— обновленную структуру курса.
Переходи по ссылке и оставляй заявку прямо сейчас. Наши менеджеры свяжутся с тобой и подробнее расскажут о программе курса.
👍7
Media is too big
VIEW IN TELEGRAM
Второй год подряд мы участвуем в Рейтинге работодателей России от hh.ru. Это возможность для нас получить обратную связь и понять, как нас видят соискатели и кандидаты Студии.
Будем рады, если вы поучаствуете в опросе и поделитесь своим мнением ⭐️
А наши сотрудники в видео рассказали о своем опыте работы в Студии: о том, что мотивирует, как строятся рабочие процессы, какими проектами гордятся и о многом другом 💛
Будем рады, если вы поучаствуете в опросе и поделитесь своим мнением ⭐️
А наши сотрудники в видео рассказали о своем опыте работы в Студии: о том, что мотивирует, как строятся рабочие процессы, какими проектами гордятся и о многом другом 💛
👍9❤1🤔1🌭1
Студия совместно с IT-лабораторией VibeLab проведет митап по frontend-разработке в рамках марафона по набору молодых айтишников в команду лаборатории.
На встрече frontend-разработчики Студии Умалат Мичигишев и Никита Наумов поделятся собственным опытом и подробно расскажут о современной адаптивной верстке и актуальных способах отладки react-приложений.
📍Митап пройдет уже сегодня, 11 ноября, с 19:00 до 21:00
📍Ссылка на мероприятие и вся актуальная информация появятся в telegram-канале VibeLab Heap
На встрече frontend-разработчики Студии Умалат Мичигишев и Никита Наумов поделятся собственным опытом и подробно расскажут о современной адаптивной верстке и актуальных способах отладки react-приложений.
📍Митап пройдет уже сегодня, 11 ноября, с 19:00 до 21:00
📍Ссылка на мероприятие и вся актуальная информация появятся в telegram-канале VibeLab Heap
🔥10👍1