HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>19 дек 2024</li>
2 <ul><li>19 дек 2024</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><p>Простая инструкция с подборкой нужных сервисов.</p>
4 </ul><p>Простая инструкция с подборкой нужных сервисов.</p>
5 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6 <p>Востоковед, интересующийся IT. В прошлом редактор раздела "Системный блок" журнала "Fакел", автор журналов Computer Gaming World RE, Upgrade Special, руководитель веб-ресурсов компании 1С-Softclub.</p>
6 <p>Востоковед, интересующийся IT. В прошлом редактор раздела "Системный блок" журнала "Fакел", автор журналов Computer Gaming World RE, Upgrade Special, руководитель веб-ресурсов компании 1С-Softclub.</p>
7 <p>Если обычных людей встречают по одёжке, то разработчиков - по их профилю на GitHub. В этой статье мы займёмся его оформлением, подумаем над наполнением и обсудим, нужен ли он вам вообще.</p>
7 <p>Если обычных людей встречают по одёжке, то разработчиков - по их профилю на GitHub. В этой статье мы займёмся его оформлением, подумаем над наполнением и обсудим, нужен ли он вам вообще.</p>
8 <p><strong>Содержание</strong></p>
8 <p><strong>Содержание</strong></p>
9 <ul><li><a>Что нужно знать перед началом работы</a></li>
9 <ul><li><a>Что нужно знать перед началом работы</a></li>
10 <li><a>Ищем вдохновение и идеи для профиля</a></li>
10 <li><a>Ищем вдохновение и идеи для профиля</a></li>
11 <li><a>Создаём readme-файл и рассказываем о себе</a></li>
11 <li><a>Создаём readme-файл и рассказываем о себе</a></li>
12 <li><a>Делаем профиль визуально привлекательным</a></li>
12 <li><a>Делаем профиль визуально привлекательным</a></li>
13 <li><a>Принимаем решение: создавать профиль или остаться без него</a></li>
13 <li><a>Принимаем решение: создавать профиль или остаться без него</a></li>
14 </ul><p>Эта статья предназначена для начинающих разработчиков, которые формируют своё портфолио. Мы не будем углубляться в описание Git и GitHub, предполагая, что базово вы с ними знакомы. Если это не так, советуем перед созданием профиля изучить следующие материалы:</p>
14 </ul><p>Эта статья предназначена для начинающих разработчиков, которые формируют своё портфолио. Мы не будем углубляться в описание Git и GitHub, предполагая, что базово вы с ними знакомы. Если это не так, советуем перед созданием профиля изучить следующие материалы:</p>
15 <ul><li>"<a>Что такое Git: объясняем на схемах</a>". Git - основной инструмент для работы с GitHub, который позволяет отслеживать изменения в коде, создавать ветки разработки, возвращаться к предыдущим версиям и синхронизировать локальные изменения с GitHub-репозиторием.</li>
15 <ul><li>"<a>Что такое Git: объясняем на схемах</a>". Git - основной инструмент для работы с GitHub, который позволяет отслеживать изменения в коде, создавать ветки разработки, возвращаться к предыдущим версиям и синхронизировать локальные изменения с GitHub-репозиторием.</li>
16 <li>"<a>Что такое GitHub и как им пользоваться</a>". GitHub - платформа для хранения проектов и совместной разработки. Здесь вы можете хранить код, участвовать в open-source-проектах и делиться идеями с другими разработчиками. GitHub также служит отличной площадкой для демонстрации вашего опыта перед потенциальными работодателями.</li>
16 <li>"<a>Что такое GitHub и как им пользоваться</a>". GitHub - платформа для хранения проектов и совместной разработки. Здесь вы можете хранить код, участвовать в open-source-проектах и делиться идеями с другими разработчиками. GitHub также служит отличной площадкой для демонстрации вашего опыта перед потенциальными работодателями.</li>
17 <li>"<a>Язык разметки Markdown: шпаргалка по синтаксису с примерами</a>". Markdown - это простой язык разметки, который вам понадобится для оформления файла README.md. Этот файл будет отображаться на главной странице вашего профиля на GitHub и служить его визитной карточкой. С помощью Markdown вы сможете форматировать текст, создавать заголовки, списки, добавлять изображения, ссылки и код.</li>
17 <li>"<a>Язык разметки Markdown: шпаргалка по синтаксису с примерами</a>". Markdown - это простой язык разметки, который вам понадобится для оформления файла README.md. Этот файл будет отображаться на главной странице вашего профиля на GitHub и служить его визитной карточкой. С помощью Markdown вы сможете форматировать текст, создавать заголовки, списки, добавлять изображения, ссылки и код.</li>
18 </ul><p>Самая сложная часть создания GitHub-профиля - определить свои цели и желаемый результат. Важно понять, какие элементы вам нравятся, а какие нет, изучить существующие возможности и способы их применения. Если у вас пока нет чёткого видения своего профиля, стоит его продумать.</p>
18 </ul><p>Самая сложная часть создания GitHub-профиля - определить свои цели и желаемый результат. Важно понять, какие элементы вам нравятся, а какие нет, изучить существующие возможности и способы их применения. Если у вас пока нет чёткого видения своего профиля, стоит его продумать.</p>
19 <p>Самый простой способ собрать идеи - просмотреть профили других разработчиков. В процессе обращайте внимание на следующие аспекты:</p>
19 <p>Самый простой способ собрать идеи - просмотреть профили других разработчиков. В процессе обращайте внимание на следующие аспекты:</p>
20 <ul><li><strong>Способы организации сведений о навыках и проектах.</strong>Например, одни разработчики группируют технологии по категориям (фронтенд/бэкенд/DevOps), а другие предпочитают сфокусироваться на подробном описании только нескольких ключевых проектов.</li>
20 <ul><li><strong>Способы организации сведений о навыках и проектах.</strong>Например, одни разработчики группируют технологии по категориям (фронтенд/бэкенд/DevOps), а другие предпочитают сфокусироваться на подробном описании только нескольких ключевых проектов.</li>
21 <li><strong>Баланс профессионального и личного контента.</strong>Многие разработчики дополняют профиль сведениями о хобби и интересах, чтобы сделать его более живым. Например, можно упомянуть про увлечение фотографией или путешествиями, но основную часть посвятить описанию проектов, технического стека и участию в Open Source.</li>
21 <li><strong>Баланс профессионального и личного контента.</strong>Многие разработчики дополняют профиль сведениями о хобби и интересах, чтобы сделать его более живым. Например, можно упомянуть про увлечение фотографией или путешествиями, но основную часть посвятить описанию проектов, технического стека и участию в Open Source.</li>
22 <li><strong>Визуальное оформление.</strong>Изучите графики статистики, бейджи технологий и иконки, которые улучшают читаемость профиля. Обратите внимание на детали - например, на иконки социальных сетей рядом с контактной информацией или эмодзи. Сохраняйте для себя все понравившиеся элементы.</li>
22 <li><strong>Визуальное оформление.</strong>Изучите графики статистики, бейджи технологий и иконки, которые улучшают читаемость профиля. Обратите внимание на детали - например, на иконки социальных сетей рядом с контактной информацией или эмодзи. Сохраняйте для себя все понравившиеся элементы.</li>
23 <li><strong>Способы демонстрации активности на платформе.</strong>Например, графики контрибуций (зелёная сетка), статистика используемых языков программирования или количество звёзд на проектах - всё это позволяет быстро оценить уровень опыта и активность разработчика.</li>
23 <li><strong>Способы демонстрации активности на платформе.</strong>Например, графики контрибуций (зелёная сетка), статистика используемых языков программирования или количество звёзд на проектах - всё это позволяет быстро оценить уровень опыта и активность разработчика.</li>
24 </ul><p>Отберите самые удачные элементы, скомбинируйте их и создайте свой уникальный GitHub-профиль. Например, вы можете позаимствовать минималистичный стиль у одного разработчика, способ презентации проектов - у другого, а оригинальное использование статистики - у третьего. Экспериментируйте, пока не добьётесь желаемого результата.</p>
24 </ul><p>Отберите самые удачные элементы, скомбинируйте их и создайте свой уникальный GitHub-профиль. Например, вы можете позаимствовать минималистичный стиль у одного разработчика, способ презентации проектов - у другого, а оригинальное использование статистики - у третьего. Экспериментируйте, пока не добьётесь желаемого результата.</p>
25 <p>Вот полезные ресурсы для поиска идей:</p>
25 <p>Вот полезные ресурсы для поиска идей:</p>
26 <ul><li><a>Awesome GitHub Profile Readme</a>;</li>
26 <ul><li><a>Awesome GitHub Profile Readme</a>;</li>
27 <li><a>Awesome Developer Profile</a>;</li>
27 <li><a>Awesome Developer Profile</a>;</li>
28 <li><a>Developer Portfolios</a>;</li>
28 <li><a>Developer Portfolios</a>;</li>
29 <li>Skillbox Media "Код" - скоро мы запустим рубрику, в которой будем собирать для вас подборки вдохновляющих и необычных профилей.</li>
29 <li>Skillbox Media "Код" - скоро мы запустим рубрику, в которой будем собирать для вас подборки вдохновляющих и необычных профилей.</li>
30 </ul><p>Основой любого GitHub-профиля является файл README. В нём вы можете рассказать о себе, своих проектах и опыте другим пользователям.</p>
30 </ul><p>Основой любого GitHub-профиля является файл README. В нём вы можете рассказать о себе, своих проектах и опыте другим пользователям.</p>
31 <p>Пример оформления:</p>
31 <p>Пример оформления:</p>
32 # ? Привет, я Рустам! ## ?‍? О себе Senior Backend Developer с 5-летним опытом разработки высоконагруженных систем. Специализируюсь на Python и микросервисной архитектуре. ## ? Текущие проекты - **Платформа аналитики данных** - разрабатываю масштабируемое решение для анализа больших данных с использованием Python и Apache Spark. - **API Gateway Service** - создаю централизованный шлюз для микросервисной архитектуры на FastAPI. - **Data Processing Library** - участвую в разработке open-source-библиотеки для эффективной обработки и валидации данных. - **Tech Blog** - веду технический блог о бэкенд-разработке и DevOps-практиках. ## ? Технический стек - Python, FastAPI, Django - PostgreSQL, Redis - Docker, Kubernetes - CI/CD, GitHub Actions - Apache Spark - Микросервисная архитектура - Data Processing - DevOps ## ? Контакты - Email: rustam@example.com - LinkedIn: linkedin.com/in/rustam_example - Telegram: @rustam_dev_example<p>После <a>создания</a>readme-файла вам не обязательно заполнять его вручную - для этого существуют удобные сервисы. Вы можете выбрать подходящий шаблон, заполнить поля с предложенной информацией и получить готовый код, который достаточно вставить в свой профиль.</p>
32 # ? Привет, я Рустам! ## ?‍? О себе Senior Backend Developer с 5-летним опытом разработки высоконагруженных систем. Специализируюсь на Python и микросервисной архитектуре. ## ? Текущие проекты - **Платформа аналитики данных** - разрабатываю масштабируемое решение для анализа больших данных с использованием Python и Apache Spark. - **API Gateway Service** - создаю централизованный шлюз для микросервисной архитектуры на FastAPI. - **Data Processing Library** - участвую в разработке open-source-библиотеки для эффективной обработки и валидации данных. - **Tech Blog** - веду технический блог о бэкенд-разработке и DevOps-практиках. ## ? Технический стек - Python, FastAPI, Django - PostgreSQL, Redis - Docker, Kubernetes - CI/CD, GitHub Actions - Apache Spark - Микросервисная архитектура - Data Processing - DevOps ## ? Контакты - Email: rustam@example.com - LinkedIn: linkedin.com/in/rustam_example - Telegram: @rustam_dev_example<p>После <a>создания</a>readme-файла вам не обязательно заполнять его вручную - для этого существуют удобные сервисы. Вы можете выбрать подходящий шаблон, заполнить поля с предложенной информацией и получить готовый код, который достаточно вставить в свой профиль.</p>
33 <p>Вот некоторые сервисы для генерации readme-файлов:</p>
33 <p>Вот некоторые сервисы для генерации readme-файлов:</p>
34 <ul><li><a>GitHub Profile Readme Generator</a>;</li>
34 <ul><li><a>GitHub Profile Readme Generator</a>;</li>
35 <li><a>Github Profilinator</a>;</li>
35 <li><a>Github Profilinator</a>;</li>
36 <li><a>GitHub Profile Readme Generator</a>;</li>
36 <li><a>GitHub Profile Readme Generator</a>;</li>
37 <li><a>ProfileMe.dev</a>;</li>
37 <li><a>ProfileMe.dev</a>;</li>
38 <li><a>GPRM - GitHub Profile ReadMe Maker</a>.</li>
38 <li><a>GPRM - GitHub Profile ReadMe Maker</a>.</li>
39 </ul><p>После заполнения readme-файла вы можете дополнить описание о себе изображением. В профиле разработчики обычно размещают своё фото, аватарку, скриншот с фрагментом кода или другой визуальный элемент.</p>
39 </ul><p>После заполнения readme-файла вы можете дополнить описание о себе изображением. В профиле разработчики обычно размещают своё фото, аватарку, скриншот с фрагментом кода или другой визуальный элемент.</p>
40 <p>Перед выбором изображения посмотрите на свою страницу глазами рекрутера и подумайте, какое впечатление она произведёт на потенциального работодателя. Не вызовет ли изображение негативной реакции? Если сомневаетесь - просто выберите хорошую фотографию.</p>
40 <p>Перед выбором изображения посмотрите на свою страницу глазами рекрутера и подумайте, какое впечатление она произведёт на потенциального работодателя. Не вызовет ли изображение негативной реакции? Если сомневаетесь - просто выберите хорошую фотографию.</p>
41 Сравниваем фотографии и случайные изображения в профилях разработчиков. На наш взгляд, фотография вызывает больше доверия<em>Скриншот: <a>Chinmay Sonawane</a>/ <a>Marie-Lynne Block</a>/ <a>Lucas Vazquez</a>/ GitHub / Skillbox Media</em><p>После заполнения readme-файла ваш профиль полностью готов. Вы можете оставить его как есть или дополнить визуальными элементами. В этом разделе мы рассмотрим примеры таких элементов и поделимся ссылками на популярные сервисы для оформления GitHub-профиля.</p>
41 Сравниваем фотографии и случайные изображения в профилях разработчиков. На наш взгляд, фотография вызывает больше доверия<em>Скриншот: <a>Chinmay Sonawane</a>/ <a>Marie-Lynne Block</a>/ <a>Lucas Vazquez</a>/ GitHub / Skillbox Media</em><p>После заполнения readme-файла ваш профиль полностью готов. Вы можете оставить его как есть или дополнить визуальными элементами. В этом разделе мы рассмотрим примеры таких элементов и поделимся ссылками на популярные сервисы для оформления GitHub-профиля.</p>
42 <p>Для начала вы можете создать трёхмерный календарь коммитов:</p>
42 <p>Для начала вы можете создать трёхмерный календарь коммитов:</p>
43 <em>Изображение:<a>Chinmay Sonawane</a>/ GitHub</em><p>Анимированную заставку:</p>
43 <em>Изображение:<a>Chinmay Sonawane</a>/ GitHub</em><p>Анимированную заставку:</p>
44 <em>Изображение:<a>Marie-Lynne Block</a>/ GitHub</em><p>Вы можете представить закреплённые репозитории в формате мема:</p>
44 <em>Изображение:<a>Marie-Lynne Block</a>/ GitHub</em><p>Вы можете представить закреплённые репозитории в формате мема:</p>
45 <em>Скриншот:<a>Claudio W</a>/ GitHub</em><p>Создать необычный узор из зелёных квадратиков, который будет отображать историю коммитов:</p>
45 <em>Скриншот:<a>Claudio W</a>/ GitHub</em><p>Создать необычный узор из зелёных квадратиков, который будет отображать историю коммитов:</p>
46 <em>Скриншот:<a>Emil Essung</a>/ GitHub</em><p>Добавить бейджи:</p>
46 <em>Скриншот:<a>Emil Essung</a>/ GitHub</em><p>Добавить бейджи:</p>
47 <em>Скриншот:<a>Ani Emmadi</a>/ GitHub</em><p>Всевозможные статистические метрики:</p>
47 <em>Скриншот:<a>Ani Emmadi</a>/ GitHub</em><p>Всевозможные статистические метрики:</p>
48 <em>Скриншот:<a>GitHub Readme Stats</a>/ GitHub</em><p>Иконки:</p>
48 <em>Скриншот:<a>GitHub Readme Stats</a>/ GitHub</em><p>Иконки:</p>
49 <em>Скриншот:<a>akasky</a>/ GitHub</em><p>Перейдём к списку сервисов для оформления профиля:</p>
49 <em>Скриншот:<a>akasky</a>/ GitHub</em><p>Перейдём к списку сервисов для оформления профиля:</p>
50 <ul><li><a>GitHub Readme Stats</a> - создаёт информативные карточки со статистикой репозиториев. В них можно включить количество звёзд, историю коммитов и диаграмму языков программирования.</li>
50 <ul><li><a>GitHub Readme Stats</a> - создаёт информативные карточки со статистикой репозиториев. В них можно включить количество звёзд, историю коммитов и диаграмму языков программирования.</li>
51 <li><a>GitHub Readme Streak Stats</a> - отображает вашу текущую серию коммитов и подробную статистику активности.</li>
51 <li><a>GitHub Readme Streak Stats</a> - отображает вашу текущую серию коммитов и подробную статистику активности.</li>
52 <li><a>GitHub Profile Trophy</a> - превращает ваши достижения на GitHub в коллекцию виртуальных наград.</li>
52 <li><a>GitHub Profile Trophy</a> - превращает ваши достижения на GitHub в коллекцию виртуальных наград.</li>
53 <li><a>Github Readme Activity Graph</a> - графики вашей активности на GitHub.</li>
53 <li><a>Github Readme Activity Graph</a> - графики вашей активности на GitHub.</li>
54 <li><a>Shields.io</a> - красивые значки для различных метрик и технологий.</li>
54 <li><a>Shields.io</a> - красивые значки для различных метрик и технологий.</li>
55 <li><a>Readme Typing SVG</a> - анимированный текст для украшения профиля.</li>
55 <li><a>Readme Typing SVG</a> - анимированный текст для украшения профиля.</li>
56 <li><a>Badges for GitHub</a> - коллекция готовых значков для визуального оформления ваших социальных сетей и используемых технологий.</li>
56 <li><a>Badges for GitHub</a> - коллекция готовых значков для визуального оформления ваших социальных сетей и используемых технологий.</li>
57 <li><a>GitHub Contribution Snake</a> - превращает ваш график активности в игру, где анимированная змейка собирает ваши контрибуции на GitHub.</li>
57 <li><a>GitHub Contribution Snake</a> - превращает ваш график активности в игру, где анимированная змейка собирает ваши контрибуции на GitHub.</li>
58 <li><a>Metrics</a> - инфографика вашей активности на GitHub.</li>
58 <li><a>Metrics</a> - инфографика вашей активности на GitHub.</li>
59 <li><a>GitHub Profile Views Counter</a> - счётчик просмотров вашего профиля.</li>
59 <li><a>GitHub Profile Views Counter</a> - счётчик просмотров вашего профиля.</li>
60 <li><a>GitHub Profile 3D Contrib.</a> - трёхмерная визуализация ваших контрибуций.</li>
60 <li><a>GitHub Profile 3D Contrib.</a> - трёхмерная визуализация ваших контрибуций.</li>
61 </ul><p>? Мудрый совет: излишнее украшательство может отвлечь внимание от ваших навыков и достижений. Поэтому сначала тщательно проработайте readme-файла и только потом переходите к декоративным элементам.</p>
61 </ul><p>? Мудрый совет: излишнее украшательство может отвлечь внимание от ваших навыков и достижений. Поэтому сначала тщательно проработайте readme-файла и только потом переходите к декоративным элементам.</p>
62 <p>Среди программистов нет единого мнения по этому вопросу. Просто создать GitHub-профиль недостаточно - он должен быть "живым" документом, в который вы регулярно добавляете новые проекты, обновляете технический стек и актуализируете описание опыта работы. Это требует дополнительных усилий, на которые не всегда есть время.</p>
62 <p>Среди программистов нет единого мнения по этому вопросу. Просто создать GitHub-профиль недостаточно - он должен быть "живым" документом, в который вы регулярно добавляете новые проекты, обновляете технический стек и актуализируете описание опыта работы. Это требует дополнительных усилий, на которые не всегда есть время.</p>
63 <p>Если вы готовы уделять время такой работе и планируете использовать GitHub-профиль как портфолио при поиске работы - тогда его определённо стоит создать. При оформлении ориентируйтесь на разработчиков, которые детально описывают свои достижения и проекты.</p>
63 <p>Если вы готовы уделять время такой работе и планируете использовать GitHub-профиль как портфолио при поиске работы - тогда его определённо стоит создать. При оформлении ориентируйтесь на разработчиков, которые детально описывают свои достижения и проекты.</p>
64 <p>Например, загляните на красочную страницу Ионы Лоуренса:</p>
64 <p>Например, загляните на красочную страницу Ионы Лоуренса:</p>
65 <em>Скриншот:<a>Jonah Lawrence</a>/ GitHub</em><p>Или взгляните на минималистичный стиль Орхуна Пармаксиза. На его странице практически нет графики, но впечатляет список проектов:</p>
65 <em>Скриншот:<a>Jonah Lawrence</a>/ GitHub</em><p>Или взгляните на минималистичный стиль Орхуна Пармаксиза. На его странице практически нет графики, но впечатляет список проектов:</p>
66 <em>Скриншот:<a>Orhun Parmaksız</a>/ GitHub</em><p>Если вы сильно загружены работой и понимаете, что не сможете регулярно обновлять профиль, возможно, не стоит его заводить. Или же ведите его просто для развлечения и рассказывайте о своих интересах.</p>
66 <em>Скриншот:<a>Orhun Parmaksız</a>/ GitHub</em><p>Если вы сильно загружены работой и понимаете, что не сможете регулярно обновлять профиль, возможно, не стоит его заводить. Или же ведите его просто для развлечения и рассказывайте о своих интересах.</p>
67 <p>Например, вы можете опубликовать свой плейлист:</p>
67 <p>Например, вы можете опубликовать свой плейлист:</p>
68 <em>Скриншот:<a>Andrew Young</a>/ GitHub</em><p>Организовать на странице шахматный турнир или "Сапёра":</p>
68 <em>Скриншот:<a>Andrew Young</a>/ GitHub</em><p>Организовать на странице шахматный турнир или "Сапёра":</p>
69 <em>Скриншот:<a>Tim Burgan</a>/ GitHub</em><em>Скриншот:<a>Evaristo Cuesta</a>/<a>GitHub</a>/ Skillbox Media</em><p>А если совсем нет идей, подойдёт даже белка:</p>
69 <em>Скриншот:<a>Tim Burgan</a>/ GitHub</em><em>Скриншот:<a>Evaristo Cuesta</a>/<a>GitHub</a>/ Skillbox Media</em><p>А если совсем нет идей, подойдёт даже белка:</p>
70 <em>Скриншот:<a>afc163</a>/ GitHub</em><p>Мы рекомендуем начать с базовой информации, без лишних оформительских элементов. За основу можете взять профили Линуса Торвальдса и Гвидо ван Россума. В будущем, если появится время и желание, вы всегда сможете заняться дизайном и придумать что-то нестандартное.</p>
70 <em>Скриншот:<a>afc163</a>/ GitHub</em><p>Мы рекомендуем начать с базовой информации, без лишних оформительских элементов. За основу можете взять профили Линуса Торвальдса и Гвидо ван Россума. В будущем, если появится время и желание, вы всегда сможете заняться дизайном и придумать что-то нестандартное.</p>
71 <a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>
71 <a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>