Всем привет, друзья.
В этой статье я планирую собирать полезные сервисы/сайты/утилиты для разработчиков самых различных категорий и профилей (от веб-девелоперов до разработчиков на Assembler). То есть здесь будут ссылки на сайты, сервисы, утилиты, которые помогают ускорить процесс разработки на каком-то языке и/или облегчают решение каких-то типовых или повседневных задач для нас, разработчиков. Для удобства контент будет структурирован по категориям. Тут также можно найти официальные страницы для разных языков/технологий, чтобы не искать их в поисковике.
По сути эту статью можно рассматривать как стартовую страницу для девелопера - для быстрой навигации к любимым сайтам, сервисам и инструментам (например, чтобы не хранить всё их многообразие у себя в закладках браузера).
Я также готов рассмотреть вариант рекомендованного вами сервиса, если он подходит под эту категорию - пишите свои пожелания/рекомендации в комментариях под этой статьей.
Итак, ниже категории и ссылки на сайты/сервисы с кратким описанием их функциональности, которые интересны для меня и, надеюсь, будут полезны и интересны для вас, дорогие друзья.
Ссылки для Web-разработчиков, дизайнеров, верстальщиков
Сервисы (подбор цветов, сжатие js, генерация CSS-стилей)
- 🔗https://unminify.com/ - сервис позволяет получить несжатый вид js-файла. Часто сталкиваетесь с задачей распаковки упакованного somefile.min.js файла? Например, чтобы что-то в нём подправить. Тогда вам сюда. Просто и быстро вставляете всё содержимое вашего сжатого скрипта, а на выходе сервис вам предоставит распакованную версию или позволит скачать результат преобразования.
- 🔗https://htmlcolorcodes.com/ - сервис по удобному выбору цвета в формате HEX-кода (удобно для правки CSS-файлов), а также в форматах значений RGB и HSL. Будет незаменим для Web-мастеров для подборки цветовых схем и цветов для сайта и дизайна.
- 🔗https://cssgradient.io/ - сервис по удобному и быстрому получению CSS-кода для градиентной заливки. В считанные секунды поможет получить сгенерированные CSS-стили для придания красивых градиентов вашим элементам.
- 🔗https://www.piskelapp.com/ - онлайн-сервис, позволяющий создавать анимированные GIF-изображения, анимированные спрайты и пиксельный арт. Удобный редактор прямо в браузере, онлайн-превью получившейся анимации. Есть возможность экспортировать проект во внутренний формат файла с расширением .piskel и продолжить работу потом. Также можно прямо из браузера экспортировать готовую работу в форматы GIF, PNG и другие.
Сайты по HTML/CSS/JS
- 🔗https://html5book.ru/ - прекрасный сайт по HTML и HTML5, CSS, Веб-типографике, JS и jQuery. Содержит большое количество примеров, документации, отлично подойдет для веб-мастеров, как начинающих, так и опытных.
Поиск и работа с изображениями
- 🔗https://www.iconfinder.com/ - отличный сайт для поиска изображений (как бесплатных, так и платных, есть разные лицензии, которые можно настраивать в параметрах поиска картинок). Если вам нужно подобрать красивые иконки и изображения для сайта, то попробуйте этот сервис.
Языки и фреймворки для разработки под Web
- 🔗https://www.typescriptlang.org/ - домашняя страница для языка программирования TypeScript. Здесь можно найти ответы на вопрос "что такое TypeScript?" документацию, примеры, песочницу для того, чтобы попробовать TypeScript в действии. Одним словом, всё самое необходимое для девелоперов на TypeScript или интересующихся изучением языка.
- 🔗https://angular.io/ - домашняя страница Angular - фреймворка и современной платформы для Web-разработчиков, избранной миллионами разработчиков по всему миру.
- 🔗https://nodejs.org/ru/ - домашняя страница Node.js - JavaScript-окружения, построенного на движке Chrome V8.
- 🔗https://vuejs.org/ - домашняя страница Vue.js - прогрессивного JavaScript-фреймворка. Это доступная, производительная и универсальная платформа для создания пользовательских Веб-интерфейсов.
- 🔗https://react.dev/ - домашняя страница React - библиотеки для построения Веб-интерфейсов и нативных пользовательских интерфейсов. React позволяет создавать пользовательские интерфейсы из отдельных частей, называемых компонентами.
- 🔗https://mui.com/ - библиотека UI компонентов для React, предоставляет набор бесплатных инструментов и компонентов пользовательского интерфейса для React.
- 🔗https://chakra-ui.com/ - библиотека UI компонентов для React. Chakra UI — это простая, модульная и доступная библиотека компонентов, которая предоставляет пользователям строительные блоки, необходимые для создания приложений React.
- 🔗https://react-bootstrap.netlify.app/ - Самый популярный интерфейсный фреймворк, переработанный для React.
На все случаи жизни
- 🔗https://ru.stackoverflow.com/ - ссылка на один из наиболее популярных в сети сервисов по ответу на самые различные вопросы в сфере IT. Наверное, уже не осталось программистов, кто не знает про этот ресурс. В 99% случаев сможете найти ответ на свой вопрос/проблему на этом сайте. Ссылка на русскоязычную версию сайта.
- 🔗https://regex101.com/ - ссылка на удобный онлайн-сервис для разработки, проверки и отладки ваших регулярных выражений
CMS-системы, управление контентом сайта
Joomla
- 🔗https://www.joomla.org/ - официальный сайт одной из самых популярных CMS-систем Joomla. Тут можно скачать дистрибутив Joomla, найти документацию и прочие полезные ресурсы и ссылки, связанные с CMS-системой.
- 🔗https://extensions.joomla.org/ - дочерний домен для предыдущего сайта, где вы найдете огромное количество всевозможных расширений для Joomla по самым различным категориям - модули, плагины и компоненты для Joomla, как бесплатные, так и платные. Есть описание и рейтинг для всех расширений, а также отзывы пользователей, что даёт возможность понять, подходит ли конкретное расширение конкретно для вашего сайта или нет.
WordPress
- 🔗https://ru.wordpress.org/ - официальный сайт (страница на русском) одной из самых популярных CMS-систем WordPress. Здесь вы сможете скачать WordPress, прочитать последние новости о развитии системы, найти всю необходимую документацию, темы, плагины и ссылки на комьюнити этой популярнейшей в мире системы.
IDE, среды разработки
- 🔗Быстрая страница для скачивания одной из популярных сред разработки, IntelliJ IDEA от компании JetBrains. Нужно быстро установить эту среду разработки? Тогда вам сюда, скачивайте и устанавливайте.
- 🔗Быстрая страница для скачивания среды разработки Visual Studio от компании Microsoft. Одна из лучших сред разработки, поддерживает большое количество языков программирования.
- 🔗Домашняя страница для среды разработки Visual Studio Code от компании Microsoft. Это ещё одна из известнейших сред разработки, используемая по всему миру. Тут можно скачать дистрибутив и найти сопутствующие необходимые материалы для быстрого старта.
- 🔗Домашняя страница для среды разработки NetBeans от компании Apache Software Foundation. Здесь можно скачать эту IDE и найти документацию и другие материалы и ресурсы для начала работы с NetBeans.
- 🔗Домашняя страница для среды разработки CodeLite IDE. Это Open Source, свободная, кроссплатформенная IDE, специализирующаяся на языках программирования C, C++, Rust, Python, PHP и JavaScript (в основном для backend-разработчиков, использующих Node.js). Отлично подходит для всех основных платформ (OSX, Windows, Linux).
- 🔗Домашняя страница для среды разработки Eclipse - также одной из популярнейших сред разработки, используемой по всему миру различными разработчиками. Здесь можно быстро скачать Eclipse и найти сопутствующие материалы.
Совместная/командная разработка и хранение исходного кода в системе контроля версий
- 🔗https://github.com/ - ссылка на домашнюю страницу GitHub. Это, пожалуй, самый популярный и известный на сегодняшний день сервис для управления вашими репозиториями кода и ведения ваших проектов. Делитесь своим кодом с другими девелоперами, организовывайте совместную работу с вашей командой разработчиков, изучайте исходный код бесчисленного множества популярных проектов.
Design Patterns, шаблоны проектирования, рефакторинг
- 🔗https://sourcemaking.com/ - англоязычный сайт, посвящённый шаблонам проектирования (Design Patterns). Сайт расскажет вам о том, что такое хорошая архитектура программного обеспечения и объяснит, как её достичь посредством использования шаблонов проектирования. Также сайт содержит описание антипаттернов (т.е. "как делать не надо") основных ловушек и ошибок, которые люди допускают при планировании, создании и управлении проектами, связанными с программным обеспечением. Также сайт научит вас выявлять code smells ("запахи плохого кода") и улучшать ваш код с помощью рефакторинга.
- 🔗https://www.tutorialspoint.com/design_pattern/design_pattern_quick_guide.htm - ещё один хороший ресурс и гайд по дизайн паттернам от сайта tutorialspoint.com. Содержит описание основных типов паттернов, UML-диаграммами для паттернов, а также примеры кода с реализацией паттернов на Java.
Сайты с примерами кода, статьями, гайдами и туториалами по разработке
- 🔗https://www.baeldung.com/ - один из лучших, на мой взгляд, англоязычных ресурсов для Java-разработчиков, где в простой и доступной форме объясняются примеры реализации типовых задач и содержатся ссылки на GitHub-проекты с примерами. Сайт позволяет лучше изучить экосистему Java, сосредоточен на публикации статей с сильным фокусом на следующие темы: разработка Web-приложений, Spring, Spring Security и RESTful API.
Языки программирования
C++
- 🔗https://cplusplus.com/doc/tutorial/ - отличный туториал по всемирно известному языку программирования C++, множество статей, референсов, документации
C#
- 🔗https://dotnet.microsoft.com/en-us/languages/csharp - ссылка на стартовую страницу языка C#, здесь можно попробовать язык онлайн в "песочнице" и запустить прямо на сайте, найти необходимые референсы и документацию, а также начать своё погружение в удивительный мир C#
Python
- 🔗https://www.python.org/ - ссылка на официальную страницу языка Python
- 🔗https://wiki.python.org/moin/SimplePrograms - подборка небольших и простых примеров с использованием Python
- 🔗https://python.land - англоязычный портал с описанием различных нюансов разработки на Python
Go
- 🔗https://go.dev/ - ссылка на официальную страницу языка Go