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>7 мар 2024</li>
2
<ul><li>7 мар 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>Не одними Google и Microsoft живо мировое IT - есть много стартапов и проектов и за пределами Кремниевой долины. А если верить GitHub, в топе по приросту аккаунтов разработчиков в 2023 году<a>оказались</a>не Германия со Штатами, как можно было бы подумать, а Индия, Пакистан и Бангладеш.</p>
7
<p>Не одними Google и Microsoft живо мировое IT - есть много стартапов и проектов и за пределами Кремниевой долины. А если верить GitHub, в топе по приросту аккаунтов разработчиков в 2023 году<a>оказались</a>не Германия со Штатами, как можно было бы подумать, а Индия, Пакистан и Бангладеш.</p>
8
<p>Поэтому эту подборку мы решили сделать интернациональной - собрали локальные проекты из разных стран, в основном развивающихся. Кто знает, может быть, именно здесь вы увидите код вьетнамского Илона Маска или познакомитесь с преемником Сатьи Наделлы на посту главы Microsoft?</p>
8
<p>Поэтому эту подборку мы решили сделать интернациональной - собрали локальные проекты из разных стран, в основном развивающихся. Кто знает, может быть, именно здесь вы увидите код вьетнамского Илона Маска или познакомитесь с преемником Сатьи Наделлы на посту главы Microsoft?</p>
9
<p><strong>Всё про алгоритмы</strong></p>
9
<p><strong>Всё про алгоритмы</strong></p>
10
<p>Когда Бог создавал индийских айтишников, Он явно переборщил с добротой, мудростью и бескорыстием. Помимо записи спасительных гайдов на YouTube, они ещё и активно контрибьютят в open source и постят кучу полезностей на GitHub. Вот и на этот раз они собрали крутейшую библиотеку алгоритмов и структур данных для тех, кто пишет на Python, JS, Go и других языках.</p>
10
<p>Когда Бог создавал индийских айтишников, Он явно переборщил с добротой, мудростью и бескорыстием. Помимо записи спасительных гайдов на YouTube, они ещё и активно контрибьютят в open source и постят кучу полезностей на GitHub. Вот и на этот раз они собрали крутейшую библиотеку алгоритмов и структур данных для тех, кто пишет на Python, JS, Go и других языках.</p>
11
<p><a>Открыть репозиторий</a></p>
11
<p><a>Открыть репозиторий</a></p>
12
<p><strong>Расширение для глаз</strong></p>
12
<p><strong>Расширение для глаз</strong></p>
13
<p>Плагин для Chrome, напоминающий о необходимости прерваться и сделать упражнения для глаз по правилу 20/20/20.</p>
13
<p>Плагин для Chrome, напоминающий о необходимости прерваться и сделать упражнения для глаз по правилу 20/20/20.</p>
14
<p>Смысл методики в том, чтобы каждые 20 минут работы делать 20-секундный перерыв, в течение которого нужно смотреть на различные объекты, расположенные на расстоянии 20 футов (около шести метров). Однако в расширении интервалы более гибкие и легко настраиваются под пользователя.</p>
14
<p>Смысл методики в том, чтобы каждые 20 минут работы делать 20-секундный перерыв, в течение которого нужно смотреть на различные объекты, расположенные на расстоянии 20 футов (около шести метров). Однако в расширении интервалы более гибкие и легко настраиваются под пользователя.</p>
15
Интерфейс приложения Blink Alert<em>Скриншот:<a>GitHub</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
15
Интерфейс приложения Blink Alert<em>Скриншот:<a>GitHub</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
16
<p><strong>Сделано в Нигерии</strong></p>
16
<p><strong>Сделано в Нигерии</strong></p>
17
<p>Оказывается, нигерийцы пишут не только свои<a>печально известные письма</a>, но и создают инструменты с открытым исходным кодом. В этом репозитории собраны все проекты с нигерийским участием: среды разработки, системы аутентификации, пакеты для веб-скрейпинга на Python и другие полезные штуки, совсем никак не связанные с фишингом (честно-честно).</p>
17
<p>Оказывается, нигерийцы пишут не только свои<a>печально известные письма</a>, но и создают инструменты с открытым исходным кодом. В этом репозитории собраны все проекты с нигерийским участием: среды разработки, системы аутентификации, пакеты для веб-скрейпинга на Python и другие полезные штуки, совсем никак не связанные с фишингом (честно-честно).</p>
18
<p><a>Открыть репозиторий</a></p>
18
<p><a>Открыть репозиторий</a></p>
19
<p><strong>Визуализация JSON</strong></p>
19
<p><strong>Визуализация JSON</strong></p>
20
<p>Приложение, которое позволяет превратить в диаграмму и скачать любой JSON-файл. Полезно, если у вас есть запутанный джейсон с кучей вложенных структур, которые невозможно уложить у себя в голове. Если пока не поняли, в чём счастье, на сайте разработчика есть проясняющая<a>превьюшка</a>.</p>
20
<p>Приложение, которое позволяет превратить в диаграмму и скачать любой JSON-файл. Полезно, если у вас есть запутанный джейсон с кучей вложенных структур, которые невозможно уложить у себя в голове. Если пока не поняли, в чём счастье, на сайте разработчика есть проясняющая<a>превьюшка</a>.</p>
21
JSON Preview<em>Скриншот:<a>JSON Preview</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
21
JSON Preview<em>Скриншот:<a>JSON Preview</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
22
<p><strong>Градиенты и цветовые палитры</strong></p>
22
<p><strong>Градиенты и цветовые палитры</strong></p>
23
<p>Компактный генератор градиентов и цветовых палитр для дизайнеров и фронтендеров. Можно запустить на любой платформе: в браузере, на десктопе или веб-сервере. Если хотите потестить фишки инструмента или утащить его в виде расширения себе в браузер, посетите<a>сайт</a>проекта.</p>
23
<p>Компактный генератор градиентов и цветовых палитр для дизайнеров и фронтендеров. Можно запустить на любой платформе: в браузере, на десктопе или веб-сервере. Если хотите потестить фишки инструмента или утащить его в виде расширения себе в браузер, посетите<a>сайт</a>проекта.</p>
24
Пример градиента, сделанного с помощью Piggment<em>Скриншот:<a>Piggment</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
24
Пример градиента, сделанного с помощью Piggment<em>Скриншот:<a>Piggment</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
25
<p><strong>Йорланг</strong></p>
25
<p><strong>Йорланг</strong></p>
26
<p>Йорланг - это язык программирования на основе йоруба, одного из языков Нигерии. Если фанатеете от подобной программистской эзотерики, в репозитории есть инструкции, как установить язык в Docker и Node.js (да, проект использует некоторые механики серверного фреймворка JS).</p>
26
<p>Йорланг - это язык программирования на основе йоруба, одного из языков Нигерии. Если фанатеете от подобной программистской эзотерики, в репозитории есть инструкции, как установить язык в Docker и Node.js (да, проект использует некоторые механики серверного фреймворка JS).</p>
27
<p>"Привет, мир!" на языке йоруба выглядит так:</p>
27
<p>"Привет, мир!" на языке йоруба выглядит так:</p>
28
báwo ni ayé<p><a>Открыть репозиторий</a></p>
28
báwo ni ayé<p><a>Открыть репозиторий</a></p>
29
<p><strong>Машинное обучение по плану</strong></p>
29
<p><strong>Машинное обучение по плану</strong></p>
30
<p>Подробный многомесячный план обучения от вьетнамского инженера, который решил самостоятельно пройти путь от мобильного разработчика самоучки до спеца в machine learning. По словам автора, проект "нацелен на результат" и заточен на людей с самыми базовыми знаниями математики.</p>
30
<p>Подробный многомесячный план обучения от вьетнамского инженера, который решил самостоятельно пройти путь от мобильного разработчика самоучки до спеца в machine learning. По словам автора, проект "нацелен на результат" и заточен на людей с самыми базовыми знаниями математики.</p>
31
<p>В репозитории собрана масса полезностей по теме: истории и советы тех, кто смог, книги, видео, репозитории, онлайн-курсы, блоги, игры, подкасты, сообщества, вопросы для подготовки к собеседованию и многое другое.</p>
31
<p>В репозитории собрана масса полезностей по теме: истории и советы тех, кто смог, книги, видео, репозитории, онлайн-курсы, блоги, игры, подкасты, сообщества, вопросы для подготовки к собеседованию и многое другое.</p>
32
<p><a>Открыть репозиторий</a></p>
32
<p><a>Открыть репозиторий</a></p>
33
<p><strong>Подготовка к собеседованию для ML-инженеров</strong></p>
33
<p><strong>Подготовка к собеседованию для ML-инженеров</strong></p>
34
<p>Ещё один репозиторий для тех, кто решил попасть в заветную data science. Здесь есть реальные вопросы и тестовые задания с интервью в бигтех, а также куча полезных материалов от экспертов в ML.</p>
34
<p>Ещё один репозиторий для тех, кто решил попасть в заветную data science. Здесь есть реальные вопросы и тестовые задания с интервью в бигтех, а также куча полезных материалов от экспертов в ML.</p>
35
<p><a>Открыть репозиторий</a></p>
35
<p><a>Открыть репозиторий</a></p>
36
<p><strong>116 вопросов с технических собеседований по Go</strong></p>
36
<p><strong>116 вопросов с технических собеседований по Go</strong></p>
37
<p>Несмотря на то что Go изначально задумывался как простой язык, пройти техническое интервью по нему ой как непросто (одни горутины чего стоят). Автор репозитория знает это не понаслышке, а потому собрал огромную базу данных с самыми популярными вопросами и задачками, чтобы вы могли предстать перед собеседующим во всеоружии.</p>
37
<p>Несмотря на то что Go изначально задумывался как простой язык, пройти техническое интервью по нему ой как непросто (одни горутины чего стоят). Автор репозитория знает это не понаслышке, а потому собрал огромную базу данных с самыми популярными вопросами и задачками, чтобы вы могли предстать перед собеседующим во всеоружии.</p>
38
<p><a>Открыть репозиторий</a></p>
38
<p><a>Открыть репозиторий</a></p>
39
<p><strong>Элементы, шаблоны и паттерны CSS</strong></p>
39
<p><strong>Элементы, шаблоны и паттерны CSS</strong></p>
40
<p>Большая коллекция популярных в народном хозяйстве CSS-шаблонов: здесь вам и загнутые уголки, и календари, и таймлайны, и трёхмерные карточки, и голосовалки, и море чего ещё. Если хотите пощупать это многообразие руками, прежде чем нести в свой код, заходите на <a>сайт</a>проекта.</p>
40
<p>Большая коллекция популярных в народном хозяйстве CSS-шаблонов: здесь вам и загнутые уголки, и календари, и таймлайны, и трёхмерные карточки, и голосовалки, и море чего ещё. Если хотите пощупать это многообразие руками, прежде чем нести в свой код, заходите на <a>сайт</a>проекта.</p>
41
<p>Фишка в том, что макеты работают на свойствах чистого CSS, а значит, вам не надо будет захламлять свой проект кодом сторонних фреймворков и библиотек.</p>
41
<p>Фишка в том, что макеты работают на свойствах чистого CSS, а значит, вам не надо будет захламлять свой проект кодом сторонних фреймворков и библиотек.</p>
42
Фрагмент<a>сайта</a>с элементами CSS<em>Скриншот:<a>Phuoc Nguyen</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
42
Фрагмент<a>сайта</a>с элементами CSS<em>Скриншот:<a>Phuoc Nguyen</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
43
<p><strong>Любимые однострочники</strong></p>
43
<p><strong>Любимые однострочники</strong></p>
44
<p>Автор этого репозитория собирает любимые однострочные решения на JavaScript. Ознакомиться с внушительной коллекцией можно на <a>сайте</a>.</p>
44
<p>Автор этого репозитория собирает любимые однострочные решения на JavaScript. Ознакомиться с внушительной коллекцией можно на <a>сайте</a>.</p>
45
<p>Например, следующий код проверяет, является ли строка палиндромом:</p>
45
<p>Например, следующий код проверяет, является ли строка палиндромом:</p>
46
const isPalindrome = (str) => str === str.split('').reverse().join('');<p>А вот эта строчка разобьёт массив на кусочки:</p>
46
const isPalindrome = (str) => str === str.split('').reverse().join('');<p>А вот эта строчка разобьёт массив на кусочки:</p>
47
arr.reduce((acc, e, i) => (i % size ? acc[acc.length - 1].push(e) : acc.push([e]), acc), []);<p><a>Открыть репозиторий</a></p>
47
arr.reduce((acc, e, i) => (i % size ? acc[acc.length - 1].push(e) : acc.push([e]), acc), []);<p><a>Открыть репозиторий</a></p>
48
<p><strong>Фреймворк для презентаций</strong></p>
48
<p><strong>Фреймворк для презентаций</strong></p>
49
<p>Если вам надоели банальные студенческие презентации, где слайды сменяются вырвиглазными анимациями, попробуйте этот JS-фреймворк. В Impress.js контент подаётся не послайдово, а в трёхмерном пространстве, границы которого задаёте вы сами. Переход между блоками с контентом выглядит примерно так же зрелищно, как спецэффекты в фильме "Начало" :)</p>
49
<p>Если вам надоели банальные студенческие презентации, где слайды сменяются вырвиглазными анимациями, попробуйте этот JS-фреймворк. В Impress.js контент подаётся не послайдово, а в трёхмерном пространстве, границы которого задаёте вы сами. Переход между блоками с контентом выглядит примерно так же зрелищно, как спецэффекты в фильме "Начало" :)</p>
50
Фрагмент презентации<em>Скриншот:<a>Impress.js</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
50
Фрагмент презентации<em>Скриншот:<a>Impress.js</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
51
<p><strong>Таблички на JavaScript</strong></p>
51
<p><strong>Таблички на JavaScript</strong></p>
52
<p>JS-фреймворк, который помогает создавать "экселеподобные" приложения для браузера. Пользователи могут вводить и редактировать данные, настраивать фильтры, перетаскивать ячейки и настраивать внешний вид таблицы, прямо как в обычном Excel. А ещё его можно использовать как с чистым JavaScript, так и с фреймворками React, Angular и Vue.</p>
52
<p>JS-фреймворк, который помогает создавать "экселеподобные" приложения для браузера. Пользователи могут вводить и редактировать данные, настраивать фильтры, перетаскивать ячейки и настраивать внешний вид таблицы, прямо как в обычном Excel. А ещё его можно использовать как с чистым JavaScript, так и с фреймворками React, Angular и Vue.</p>
53
<p><a>Открыть репозиторий</a></p>
53
<p><a>Открыть репозиторий</a></p>
54
<p><strong>Коллекция скриптов, инструментов и проектов для работы с Git</strong></p>
54
<p><strong>Коллекция скриптов, инструментов и проектов для работы с Git</strong></p>
55
<p>Гит-хуки - это скрипты-перехватчики, которые срабатывают, когда в репозитории что-то происходит - коммит, пуш и так далее. Например, pre-commit вызывается перед коммитом и проверяет его на соответствие правилам, а applypatch-msg позволяет редактировать файл сообщения.</p>
55
<p>Гит-хуки - это скрипты-перехватчики, которые срабатывают, когда в репозитории что-то происходит - коммит, пуш и так далее. Например, pre-commit вызывается перед коммитом и проверяет его на соответствие правилам, а applypatch-msg позволяет редактировать файл сообщения.</p>
56
<p>Помимо формальных скриптов для работы, в репозитории есть несколько хуков, что называется, с огоньком - например, Podmena добавит к вашему коммиту рандомный эмодзи, а Lolcommits сделает снимок с вашей вебки во время коммита и оформит его в виде lolcat-мема.</p>
56
<p>Помимо формальных скриптов для работы, в репозитории есть несколько хуков, что называется, с огоньком - например, Podmena добавит к вашему коммиту рандомный эмодзи, а Lolcommits сделает снимок с вашей вебки во время коммита и оформит его в виде lolcat-мема.</p>
57
<p><a>Открыть репозиторий</a></p>
57
<p><a>Открыть репозиторий</a></p>
58
<p><strong>Интерактивный поиск</strong></p>
58
<p><strong>Интерактивный поиск</strong></p>
59
<p>Консольная утилита, которая помогает быстро и удобно искать файлы, строки текста и другие элементы в больших наборах данных. Несмотря на то что утилита сильно упрощает жизнь, разобраться в ней с ходу довольно трудно - к счастью, на "Хабре" есть бодрый<a>русскоязычный гайд для новичков</a>.</p>
59
<p>Консольная утилита, которая помогает быстро и удобно искать файлы, строки текста и другие элементы в больших наборах данных. Несмотря на то что утилита сильно упрощает жизнь, разобраться в ней с ходу довольно трудно - к счастью, на "Хабре" есть бодрый<a>русскоязычный гайд для новичков</a>.</p>
60
Так выглядит fzf<em>Скриншот:<a>GitHub</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
60
Так выглядит fzf<em>Скриншот:<a>GitHub</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
61
<p><strong>Markdown-редактор</strong></p>
61
<p><strong>Markdown-редактор</strong></p>
62
<p>Позволяет создавать и редактировать тексты с помощью языка разметки Markdown в режиме WYSIWYG (what you see is what you get) - то есть все изменения в коде будут сразу видны в окошке предпросмотра. Работает и в обратную сторону: можно перетаскивать графические блоки в визуальном редакторе, а код подстроится под картинку.</p>
62
<p>Позволяет создавать и редактировать тексты с помощью языка разметки Markdown в режиме WYSIWYG (what you see is what you get) - то есть все изменения в коде будут сразу видны в окошке предпросмотра. Работает и в обратную сторону: можно перетаскивать графические блоки в визуальном редакторе, а код подстроится под картинку.</p>
63
Редактор Toast, тёмная тема<em>Скриншот:<a>Toast</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
63
Редактор Toast, тёмная тема<em>Скриншот:<a>Toast</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
64
<p><strong>Материалы по компьютерному зрению</strong></p>
64
<p><strong>Материалы по компьютерному зрению</strong></p>
65
<p>Список ресурсов для начинающих инженеров в сфере компьютерного зрения. Включает статьи, курсы, книги, видео, ПО, руководства и блоги по теме.</p>
65
<p>Список ресурсов для начинающих инженеров в сфере компьютерного зрения. Включает статьи, курсы, книги, видео, ПО, руководства и блоги по теме.</p>
66
<p><a>Открыть репозиторий</a></p>
66
<p><a>Открыть репозиторий</a></p>
67
<p><strong>Шрифтовые иконки</strong></p>
67
<p><strong>Шрифтовые иконки</strong></p>
68
<p>Если вашему сайту понадобились иконки, найти бесплатные можно в этом репозитории. Фишка этих иконок в том, что они шрифтовые - то есть они выглядят в тексте так же органично, как эмодзи, и вдобавок масштабируются без потери качества. Посмотреть разные варианты пиктограмм можно<a>здесь</a>.</p>
68
<p>Если вашему сайту понадобились иконки, найти бесплатные можно в этом репозитории. Фишка этих иконок в том, что они шрифтовые - то есть они выглядят в тексте так же органично, как эмодзи, и вдобавок масштабируются без потери качества. Посмотреть разные варианты пиктограмм можно<a>здесь</a>.</p>
69
Варианты иконок<em>Скриншот:<a>Simple Line Icons</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
69
Варианты иконок<em>Скриншот:<a>Simple Line Icons</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
70
<p><strong>Добавляем код в статью</strong></p>
70
<p><strong>Добавляем код в статью</strong></p>
71
<p>Полезная фича для создателей технического контента - позволяет добавлять примеры кода в любой текст, будь то статья в блоге, документация или пошаговое руководство для новичков. Вот его основные фишки:</p>
71
<p>Полезная фича для создателей технического контента - позволяет добавлять примеры кода в любой текст, будь то статья в блоге, документация или пошаговое руководство для новичков. Вот его основные фишки:</p>
72
<ul><li>использует темы VS Code для подсветки синтаксиса;</li>
72
<ul><li>использует темы VS Code для подсветки синтаксиса;</li>
73
<li>поддерживает 196 языков программирования;</li>
73
<li>поддерживает 196 языков программирования;</li>
74
<li>позволяет настраивать внешний вид кода с помощью CSS.</li>
74
<li>позволяет настраивать внешний вид кода с помощью CSS.</li>
75
</ul>Пример выделения отдельной строки кода<em>Скриншот:<a>Code Hike</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
75
</ul>Пример выделения отдельной строки кода<em>Скриншот:<a>Code Hike</a>/ Skillbox Media</em><p><a>Открыть репозиторий</a></p>
76
<p><strong>Чтобы код был красивым</strong></p>
76
<p><strong>Чтобы код был красивым</strong></p>
77
<p>Сборник гайдов по чистому и аккуратному коду для разных языков программирования - и даже для нетленного Brainfuck:</p>
77
<p>Сборник гайдов по чистому и аккуратному коду для разных языков программирования - и даже для нетленного Brainfuck:</p>
78
[ вот так плохо ] [>++>+++>+++>+] [ а вот так хорошо ] [ > ++ > +++ > +++ > + ]<p><a>Открыть репозиторий</a></p>
78
[ вот так плохо ] [>++>+++>+++>+] [ а вот так хорошо ] [ > ++ > +++ > +++ > + ]<p><a>Открыть репозиторий</a></p>
79
<a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>
79
<a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>