Всем привет, друзья.
В этой статье я планирую собирать полезные сервисы/сайты/утилиты для разработчиков самых различных категорий и профилей (от веб-девелоперов до разработчиков на 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 - также одной из популярнейших сред разработки, используемой по всему миру различными разработчиками. Здесь можно быстро скачать 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.geeksforgeeks.org/software-design-patterns/ - сборник паттернов проектирования от geeksforgeeks.org. По шаблонам проектирования есть представленные примеры кода на Java, UML-диаграммы классов по каждому паттерну проектирования
Сайты с примерами кода, статьями, гайдами и туториалами по разработке
- 🔗https://www.baeldung.com/ - один из лучших, на мой взгляд, англоязычных ресурсов для Java-разработчиков, где в простой и доступной форме объясняются примеры реализации типовых задач и содержатся ссылки на GitHub-проекты с примерами. Сайт позволяет лучше изучить экосистему Java, сосредоточен на публикации статей с сильным фокусом на следующие темы: разработка Web-приложений, Spring, Spring Security и RESTful API.
Языки / Языки разметки / Форматы обмена данными
YAML
- 🔗 https://yaml.org/ - главная страница по языку YAML. YAML - это удобный для человека язык сериализации данных для всех языков программирования.
- 🔗 https://www.yamllint.com/ - линтер для YAML. Позволит провалидировать YAML документ, понять, содержит ли он ошибки и получить хорошую чистую версию в UTF-8
JSON
- 🔗 https://www.json.org/json-ru.html - главная страница по JSON - формату данными для чтения и написания как человеком, так и компьютером
- 🔗 https://jsonformatter.curiousconcept.com/# - онлайн форматтер и валидатор для JSON
- 🔗 https://codebeautify.org/jsonminifier - минификатор JSON. Позволяет удалить лишние пробелы/отступы в JSON и минимизировать его.
XML
- 🔗 https://www.w3.org/TR/xml/ - рекомендации от W3C по XML
- 🔗 https://developer.mozilla.org/ru/docs/Web/XML/XML_introduction - введение в XML, переведённое с английского на русский сообществом сайта developer.mozilla.org
Языки программирования
Java
- 🔗 https://docs.oracle.com/javase/tutorial/ - руководства по языку Java от компании Oracle
- 🔗 https://dev.java/learn/ - руководства по языку Java от компании Oracle
- 🔗 https://www.w3schools.com/java/ - руководства по языку Java от w3schools.com
- 🔗 https://www.javatpoint.com/java-tutorial - руководства по языку Java от javatpoint.com
- 🔗 https://www.tutorialspoint.com/java/index.htm - руководства по языку Java от tutorialspoint.com
- 🔗 https://spring.io/ - стартовая страница для Spring - одного из популярнейших и современных фреймворков для разработки на Java. Spring Framework предоставляет комплексную модель программирования и настройки для современных корпоративных приложений на основе Java - для любого типа развертывания.
- 🔗 https://spring.io/projects/spring-boot - стартовая страница для Spring Boot. Spring Boot - это инструмент с открытым исходным кодом, который упрощает использование платформ на основе Java для создания микросервисов и веб-приложений. Spring Boot позволяет легко создавать автономные приложения на базе Spring промышленного уровня, которые можно "просто запустить".
- 🔗 https://quarkus.io/ - Стек Kubernetes Native Java, специально разработанный для OpenJDK HotSpot и GraalVM, созданный на основе лучших в своем классе библиотек и стандартов Java.
C++
- 🔗 https://cplusplus.com/doc/tutorial/ - отличный туториал по всемирно известному языку программирования C++, множество статей, референсов, документации
- 🔗 https://en.cppreference.com/w/ - справочник по языку программирования C++, один из популярнейших ресурсов для разработчиков C++
- 🔗 https://isocpp.org/ - домашняя страница стандарта C++ в Интернете. Здесь вы узнаете последние новости, статус и обсуждение стандарта C++ на всех компиляторах и платформах.
- 🔗 https://github.com/cpp-best-practices/cppbestpractices - сборник лучших практик по разработке на C++. Этот онлайн-ресурс является частью коллекции Джейсона Тернера, посвященной передовым практикам C++
- 🔗 https://github.com/isocpp/CppCoreGuidelines - C++ Core Guidelines - это набор проверенных рекомендаций, правил и лучших практик по программированию на C++
- 🔗 https://isocpp.github.io/CppCoreGuidelines/CppCoreGuidelines#S-source - C++ Core Guidelines. Это документ, представляющий собой набор рекомендаций по правильному использованию C++. Цель документа - помочь людям эффективно использовать современный C++
- 🔗 https://www.learncpp.com/ - LearnCpp.com - это бесплатный веб-сайт, посвященный обучению программированию на современном C++. Уроки на этом сайте проведут вас через все шаги, необходимые для написания, компиляции и отладки программ на C++. Никакого предварительного опыта программирования не требуется, но программисты всех уровней получат пользу от лучших практик, советов и идей, представленных на этом сайте
- 🔗 https://www.w3schools.com/cpp/ - руководства по языку C++ от w3schools.com
- 🔗 https://www.tutorialspoint.com/cplusplus/index.htm - руководства по языку C++ от tutorialspoint.com
- 🔗 https://www.geeksforgeeks.org/cpp-tutorial/ - руководства по языку C++ от geeksforgeeks.org
- 🔗 https://www.learn-cpp.org/ - руководства по языку C++ от learn-cpp.org
- 🔗 https://en.wikibooks.org/wiki/More_C%2B%2B_Idioms - сборник идиом для языка 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
- 🔗 https://gobyexample.com/ - сайт представляет собой практическое введение в язык Go с использованием аннотированных примеров программ. Открывайте и изучайте предоставленные на сайте примеры и изучайте шаг за шагом язык Go.