System Design от ByteByteGo
Сегодня хочу поделиться с вами полезным ресурсом, который поможет лучше понять архитектуру систем и эффективнее взаимодействовать с технической командой. Речь пойдет о PDF-гайде по System Design от проекта ByteByteGo . Если вы хотите улучшить свою экспертизу в проектировании сложных IT-систем или подготовиться к обсуждению технических решений на встрече с разработчиками — это материал точно для вас!
Зачем знать о System Design?
Понимание основ системного дизайна помогает:
— Эффективно формулировать требования к продукту;
— Оценивать реалистичность сроков и бюджетов;
— Лучше понимать ограничения и возможности технологий;
— Принимать осознанные решения при выборе архитектурных подходов.
Этот гайд станет вашим компасом в мире сложных технических решений.
Почему стоит обратить внимание на этот PDF?
— Практическая направленность : материал основан на реальных примерах проектирования известных сервисов, таких как Twitter, Dropbox и YouTube. Вы узнаете, как эти системы работают изнутри.
— Ясный язык : Авторы объясняют сложные концепции простыми словами, без глубокого погружения в код. Это идеально для тех, кто не является программистом, но хочет понять технические аспекты работы системы.
— Структурированное содержание : Гайд построен логично, начиная с базовых принципов и заканчивая продвинутыми темами. Вы сможете легко ориентироваться в материалах.
— Бесплатный доступ : Да-да, этот ценный ресурс можно скачать совершенно бесплатно!
📎 Скачать гайд
👀 Смотрите также
— ByteByteGo Blog
— Репозиторий с визуальными материалами проекта (то же самое что и в PDF)
— Youtube-канал
#systemdesign #knowledge #guide
Сегодня хочу поделиться с вами полезным ресурсом, который поможет лучше понять архитектуру систем и эффективнее взаимодействовать с технической командой. Речь пойдет о PDF-гайде по System Design от проекта ByteByteGo . Если вы хотите улучшить свою экспертизу в проектировании сложных IT-систем или подготовиться к обсуждению технических решений на встрече с разработчиками — это материал точно для вас!
ByteByteGo — сервис подготовки к техническим собеседованиям
Зачем знать о System Design?
Понимание основ системного дизайна помогает:
— Эффективно формулировать требования к продукту;
— Оценивать реалистичность сроков и бюджетов;
— Лучше понимать ограничения и возможности технологий;
— Принимать осознанные решения при выборе архитектурных подходов.
Этот гайд станет вашим компасом в мире сложных технических решений.
Почему стоит обратить внимание на этот PDF?
— Практическая направленность : материал основан на реальных примерах проектирования известных сервисов, таких как Twitter, Dropbox и YouTube. Вы узнаете, как эти системы работают изнутри.
— Ясный язык : Авторы объясняют сложные концепции простыми словами, без глубокого погружения в код. Это идеально для тех, кто не является программистом, но хочет понять технические аспекты работы системы.
— Структурированное содержание : Гайд построен логично, начиная с базовых принципов и заканчивая продвинутыми темами. Вы сможете легко ориентироваться в материалах.
— Бесплатный доступ : Да-да, этот ценный ресурс можно скачать совершенно бесплатно!
📎 Скачать гайд
👀 Смотрите также
— ByteByteGo Blog
— Репозиторий с визуальными материалами проекта (то же самое что и в PDF)
— Youtube-канал
#systemdesign #knowledge #guide
👍3❤1👀1
📚 Путеводитель по сводам знаний (Body Of Knowledge)
Существует множество профессиональных стандартов (сводов знаний), каждый из которых представляет собой рамочный документ (фреймворк), описывающий определенную деятельность.
Их часто называют руководством, хотя они не содержат детального описания процессов решения задач, но включают их список и перечень полезных методов, подходов и техник.
Любой Body Of Knowledge (BOK) рассчитан на специалистов с опытом практической работы, и позволяет им структурировать уже имеющиеся знания и навыки с помощью концентрированного изложения основных доменных идей.
Ниже представлена подборка наиболее известных "сводов знаний":
Стратегия и архитектура
— COBIT - IT governance
— International risk management standards
— EITBOK - Enterprise IT
— IGBOK - The Information Governance Body of Knowledge
— Guide To The Information Profession
— IMBOK - The Information Management Body of Knowledge
— DPBOK - Digital Practitioner Body of Knowledge
— CYBOK - Cybersecurity
— CIISEC - Knowledge Framework
— TOGAF - Enterprise Architecture methodology
— IT4IT Standard
— EABOK - Enterprise Architecture
— ITABoK - Information Technology Architecture Body of Knowledge
— BIZBOK - Business Architecture
— QBOK - Quality
— IT Quality Index
— Geographic Information Science and Technology Body of Knowledge
Изменения и трансформация
— IREB - Requirements Engineering
— BABOK - Business Analysis
— BPM CBOK - Business process management
— Praxis - framework for the management of projects, programmes and portfolios.
— MSP - Managing successful programmes
— APM - Project Management
— PMBOK - Project Management
— GAPPS - PM Standards
— SBOK - Scrum Body of Knowledge
— SAFE - Scaled Agile Framework
Разработка и внедрение
— CMBOK - Change Management
— DMBOK - Data Management
— ABOK - Analytics
— SWEBOK - Software Engineering
— PMBOK - Software Extension
— SEBOK - Systems Engineering
— Usability BOK
— OHS BoK for generalist OHS professionals
— Testing - syllabus documents
— TMap - Test Management
Доставка и эксплуатация
— ITIL - IT service management
— USMBOK - Service Management
— SIAM - Service Integration and Management
— SABOK - Systems administration
Люди и навыки
— BCS - IT Professional standard
— CIPS - Computing and IT BOK
— CIPD - Profession map
— SHRMBOCK - Human Resources
— HRBOK - Human Resources
— CTR - Human capital processes
Отношения и вовлеченность
— ProdBOK - Marketing & Product Management
— BRMBOK - Business Relationship Management
— OPBOK - Outsourcing
Источник: SFIA
💡 Это только список и ссылки на владельцев стандарта. Найти текст конкретного стандарта можно в интернете или в книжных😉
#tips #elearning
Существует множество профессиональных стандартов (сводов знаний), каждый из которых представляет собой рамочный документ (фреймворк), описывающий определенную деятельность.
Их часто называют руководством, хотя они не содержат детального описания процессов решения задач, но включают их список и перечень полезных методов, подходов и техник.
Любой Body Of Knowledge (BOK) рассчитан на специалистов с опытом практической работы, и позволяет им структурировать уже имеющиеся знания и навыки с помощью концентрированного изложения основных доменных идей.
Ниже представлена подборка наиболее известных "сводов знаний":
Стратегия и архитектура
— COBIT - IT governance
— International risk management standards
— EITBOK - Enterprise IT
— IGBOK - The Information Governance Body of Knowledge
— Guide To The Information Profession
— IMBOK - The Information Management Body of Knowledge
— DPBOK - Digital Practitioner Body of Knowledge
— CYBOK - Cybersecurity
— CIISEC - Knowledge Framework
— TOGAF - Enterprise Architecture methodology
— IT4IT Standard
— EABOK - Enterprise Architecture
— ITABoK - Information Technology Architecture Body of Knowledge
— BIZBOK - Business Architecture
— QBOK - Quality
— IT Quality Index
— Geographic Information Science and Technology Body of Knowledge
Изменения и трансформация
— IREB - Requirements Engineering
— BABOK - Business Analysis
— BPM CBOK - Business process management
— Praxis - framework for the management of projects, programmes and portfolios.
— MSP - Managing successful programmes
— APM - Project Management
— PMBOK - Project Management
— GAPPS - PM Standards
— SBOK - Scrum Body of Knowledge
— SAFE - Scaled Agile Framework
Разработка и внедрение
— CMBOK - Change Management
— DMBOK - Data Management
— ABOK - Analytics
— SWEBOK - Software Engineering
— PMBOK - Software Extension
— SEBOK - Systems Engineering
— Usability BOK
— OHS BoK for generalist OHS professionals
— Testing - syllabus documents
— TMap - Test Management
Доставка и эксплуатация
— ITIL - IT service management
— USMBOK - Service Management
— SIAM - Service Integration and Management
— SABOK - Systems administration
Люди и навыки
— BCS - IT Professional standard
— CIPS - Computing and IT BOK
— CIPD - Profession map
— SHRMBOCK - Human Resources
— HRBOK - Human Resources
— CTR - Human capital processes
Отношения и вовлеченность
— ProdBOK - Marketing & Product Management
— BRMBOK - Business Relationship Management
— OPBOK - Outsourcing
Источник: SFIA
💡 Это только список и ссылки на владельцев стандарта. Найти текст конкретного стандарта можно в интернете или в книжных😉
#tips #elearning
🔥3❤1
💻 Как устроен современный веб: клиент-серверная архитектура
Как работает большинство современных сайтов? За красивым интерфейсом скрывается интересный механизм обмена данными между вашим браузером (клиентом) и сервером.
Когда вы заходите на сайт, ваш браузер (фронтенд) запрашивает данные у сервера (бэкенд). Сервер отвечает в формате JSON - это такой простой способ представления информации.
📖 Как посмотреть эти данные самостоятельно?
Очень просто! В каждом браузере есть инструменты разработчика (нажмите F12 или правая кнопка мыши → "Инспектировать").
Вот что нужно сделать:
❶ Перейдите на вкладку Network
❷ Включите фильтр Fetch/XHR - это покажет только API-запросы
❸ Обновите страницу (чтобы заново сделать все запросы к серверу и получить ответы)
❹ Найдите нужный запрос
❺ Откройте вкладку Preview - здесь будут данные в удобном виде
❻ Хотите сохранить? Используйте Copy Object (в меню при нажатии правой кнопки мыши)
🤷 Почему это полезно знать?
Допустим, вы тестировщик или аналитик. Теперь вы можете самостоятельно проверить, какие данные приходят с сервера, не дожидаясь помощи от разработчиков. Это особенно удобно, когда нужно быстро понять, почему что-то не работает.
💡Пример
Eсли на сайте не отображаются товары, вы можете проверить, пришли ли они вообще с сервера. Если данные есть, но не показываются - проблема во фронтенде. Если данных нет - проблема на бэкенде.
Теперь вы знаете базовый принцип работы веб-приложений и умеете использовать DevTools для анализа сетевого трафика! 🤓
#webdevelopment #devtools #json #api
Как работает большинство современных сайтов? За красивым интерфейсом скрывается интересный механизм обмена данными между вашим браузером (клиентом) и сервером.
Когда вы заходите на сайт, ваш браузер (фронтенд) запрашивает данные у сервера (бэкенд). Сервер отвечает в формате JSON - это такой простой способ представления информации.
📖 Как посмотреть эти данные самостоятельно?
Очень просто! В каждом браузере есть инструменты разработчика (нажмите F12 или правая кнопка мыши → "Инспектировать").
Вот что нужно сделать:
❶ Перейдите на вкладку Network
❷ Включите фильтр Fetch/XHR - это покажет только API-запросы
❸ Обновите страницу (чтобы заново сделать все запросы к серверу и получить ответы)
❹ Найдите нужный запрос
❺ Откройте вкладку Preview - здесь будут данные в удобном виде
❻ Хотите сохранить? Используйте Copy Object (в меню при нажатии правой кнопки мыши)
🤷 Почему это полезно знать?
Допустим, вы тестировщик или аналитик. Теперь вы можете самостоятельно проверить, какие данные приходят с сервера, не дожидаясь помощи от разработчиков. Это особенно удобно, когда нужно быстро понять, почему что-то не работает.
💡Пример
Eсли на сайте не отображаются товары, вы можете проверить, пришли ли они вообще с сервера. Если данные есть, но не показываются - проблема во фронтенде. Если данных нет - проблема на бэкенде.
Теперь вы знаете базовый принцип работы веб-приложений и умеете использовать DevTools для анализа сетевого трафика! 🤓
#webdevelopment #devtools #json #api
🔥3❤1👍1
🎨 Как скачать svg-картинки с сайта?
Бывает нужно сделать презентацию и вставить в неё иконок или логотипов для наглядности. Где их взять?
Можно пойти на соответствующий сайт и наделать скриншотов. Но тогда мы получим растровое изображение плохого качества — будет смотреться не очень.
Всегда приятно иметь дело с векторными изображениями — их можно растягивать, перекрашивать, разбирать на части.
Решение есть! Расширение SVG Export - ваш новый помощник в работе с векторными изображениями.
💪 Что оно умеет
— Вытаскивать все SVG-изображения со страницы
— Сохранять их в чистом формате SVG
— Экономить время при поиске материалов для презентаций или дизайна
⚙️ Как это работает
❶ Установите расширение
❷ Откройте нужную страницу
❸ Нажмите на иконку SVG Export
❹ Выберите нужные изображения
❺ Скачайте их одним кликом
🔗 Установить: SVG Export
Больше нет необходимости использовать скриншоты или сложные способы вытягивания картинок - всё просто и удобно.
#tools #design #productivity #browsers
Бывает нужно сделать презентацию и вставить в неё иконок или логотипов для наглядности. Где их взять?
Можно пойти на соответствующий сайт и наделать скриншотов. Но тогда мы получим растровое изображение плохого качества — будет смотреться не очень.
Всегда приятно иметь дело с векторными изображениями — их можно растягивать, перекрашивать, разбирать на части.
Решение есть! Расширение SVG Export - ваш новый помощник в работе с векторными изображениями.
💪 Что оно умеет
— Вытаскивать все SVG-изображения со страницы
— Сохранять их в чистом формате SVG
— Экономить время при поиске материалов для презентаций или дизайна
⚙️ Как это работает
❶ Установите расширение
❷ Откройте нужную страницу
❸ Нажмите на иконку SVG Export
❹ Выберите нужные изображения
❺ Скачайте их одним кликом
🔗 Установить: SVG Export
💡 Подходит для браузеров на базе Chromium: Chrome, Yandex Browser и других
Больше нет необходимости использовать скриншоты или сложные способы вытягивания картинок - всё просто и удобно.
#tools #design #productivity #browsers
🔥2❤1
📝 The Good Docs Project
Сегодня расскажу о классном open-source проекте The Good Docs Project, который поможет создавать качественную документацию.
Это целая библиотека шаблонов и руководств по составлению документов для IT-проектов. Здесь есть всё: от описания процессов до детальных спецификаций.
✨ Что внутри
— Готовые шаблоны документов
— Руководства по их заполнению
— Советы по написанию понятной документации
— Рекомендации по структурированию информации
🔗 Какие есть шаблоны
— api-quickstart
— api-reference
— bug-report
— changelog
— code-of-conduct
— code-of-conduct-incident-record
— code-of-conduct-remediation-record
— code-of-conduct-response-plan
— concept
— contact-support
— contributing-guide
— glossary
— how-to
— images
— installation-guide
— our-team
— quickstart
— readme
— reference
— release-notes
— style-guide
— terminology-system
— troubleshooting
— tutorial
— user-personas
❯ Перейти
💡 Подходит для
— Разработчиков
— Технических писателей
— Менеджеров проектов
— DevOps инженеров
— Всех, кто работает с IT-документацией
Спасибо создателям The Good Docs Project за то, что делают нашу работу удобнее!
Делитесь в комментах, помогает ли вам этот инструмент или знаете что-то похожее?
#documentation #tools #open_source
Сегодня расскажу о классном open-source проекте The Good Docs Project, который поможет создавать качественную документацию.
Это целая библиотека шаблонов и руководств по составлению документов для IT-проектов. Здесь есть всё: от описания процессов до детальных спецификаций.
✨ Что внутри
— Готовые шаблоны документов
— Руководства по их заполнению
— Советы по написанию понятной документации
— Рекомендации по структурированию информации
🔗 Какие есть шаблоны
— api-quickstart
— api-reference
— bug-report
— changelog
— code-of-conduct
— code-of-conduct-incident-record
— code-of-conduct-remediation-record
— code-of-conduct-response-plan
— concept
— contact-support
— contributing-guide
— glossary
— how-to
— images
— installation-guide
— our-team
— quickstart
— readme
— reference
— release-notes
— style-guide
— terminology-system
— troubleshooting
— tutorial
— user-personas
❯ Перейти
💡 Подходит для
— Разработчиков
— Технических писателей
— Менеджеров проектов
— DevOps инженеров
— Всех, кто работает с IT-документацией
Спасибо создателям The Good Docs Project за то, что делают нашу работу удобнее!
Делитесь в комментах, помогает ли вам этот инструмент или знаете что-то похожее?
#documentation #tools #open_source
🔥4❤2👏1
Нередко возникает ситуация, когда надо проанализировать данные, содержащиеся в json. Или просто их покрутить и получить нужный кусок.
Для этих целей, я когда-то сделал небольшое веб-приложение, позволяющее преобразовывать JSON (структурированные данные, обычно получаемые от сервера через API) в Excel или CSV формат.
Чаще всего я его использую при работе с API-ответами во фронтенде через DevTools, когда требуется представить данные в более читаемом табличном формате вместо вложенной структуры JSON (как это описано в этой статье).
💪 Пример использования
Представим, что на странице есть выпадающий список, данные для него могут приходить с бэка. Если надо получить элементы списка, просто копируем json из ответа АПИ, вставляем в конвертер, скачиваем Excel и получаем нужные мне значения.
Важно!
Обработка данных осуществляется локально на стороне пользователя
Передача информации на внешние серверы не производится
Исходный код выложен на: GitHub, в репозитории канала)
Всё вместилось в один файл))
Основным компонентом приложения, осуществляющим конвертацию является библиотека Datatables
#tools #json #API #opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥2❤1
Иногда сталкиваюсь с задачами, где нужно сравнить два набора данных, но доступен только интерфейс сервиса, без прямого доступа к базе данных. В таких случаях на помощь приходит дуэт: DevTools + Excel.
Расскажу пошагово, как это работает:
1. Вытаскиваем данные из фронта — использую DevTools для получения сырых данных из API-запросов
2. Преобразуем JSON в табличный вид — для этого применяю свой инструмент JSON Converter
3. Объединяем данные через Power Query в Excel — это мощный инструмент Excel для объединения и преобразования данных.
Как сделать join двух таблиц в Power Query:
1️⃣ Загрузите обе таблицы в Power Query — В Excel: Data → Get Data → From File → From Workbook
2️⃣ Выполните Merge Queries:
— Нажмите правой кнопкой мыши на первой таблице
— Выберите "Merge Queries"
— Выберите вторую таблицу
— Укажите столбцы для соединения
— Выберите тип соединения (Left Anti Join для поиска различий)
Для небольших объемов данных (до нескольких тысяч строк) это решение:
— Быстрое
— Простое в реализации
— Не требует специальных навыков программирования
Пример ситуации: сверка пользовательских данных
— Переносим пользователей с одного сервиса на другой
— Нужно убедиться, что все данные перенеслись корректно
— Доступен только веб-интерфейс старой и новой систем
В итоге получаю точный отчет о различиях между двумя наборами данных за минимальное время. Excel действительно может многое! ))
❗️ Важное примечание
Данный метод с использованием Power Query работает только в версиях Microsoft Excel для Windows.
На macOS: Power Query не доступен в полном объеме. Есть только базовые возможности Power Query через "Получить данные"
#Excel #PowerQuery #tools #analytics
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1🔥1