Useful resources: web development

I have prepared for you a list of resources that I think every web developer should know about.

GitHub - this is one of the most popular sites used by programmers all over the world. This resource provides features for storing code in repositories, as well as its version history, collaborative development tools, and tools for providing documentation, releasing releases, and providing feedback. You can also create sites for free directly from the repository. Github is based on Git.

Git is a version control system developed by Linus Torvalds (the man who created Linux). The version control system helps you track changes made to the code base. Moreover, it records who made the changes and can restore the erased or changed code.

I advise you to learn how to use Git and Github as soon as possible. And by the way here's my github account.

Stackoverflow - online reference for each programmer. This is where you can find answers to all your questions related to development. And if you didn't find it, you can ask a question, and programmers from all over the world will help you.

JSFiddle, Codesandbox, Codepen - online editors allow you to write code directly in the browser.

Google Fonts - service for remote connectivity font, it is able to generate code to connect the font to the project in accordance with your settings.

Caniuse - an online reference guide where you can find out which browsers support a particular feature.

Icomoon, Fontello - services that allow you to select the necessary icons and generate an icon font based on them

WebDevChecklist, FrontendChecklist - checklists for checking the project before launching contain a lot of useful resources for each item.

Bundlephobia - a resource that displays the weight and loading speed of third-party modules, depending on the versions. If the library is very heavy, the service will offer alternatives. This is a great tool to help the programmer make the right decisions regarding the selection of third-party packages that they may need.

RegEx101 - an online resource that tests regular expressions.

SassMeister - an online compiler for Sass to CSS.

Diffchecker - a resource that compares 2 files and shows how they differ

JSON-Generator, JSONEditorOnline - generator and editor of data in JSON format

Codebeautify - a collection of useful tools for developers

Photopedea - an online analog of Photoshop. The functionality of this service, of course, is inferior, but if you need to do something quickly, it is quite suitable

Snazzymaps - a collection of themes for Google maps. You can copy a ready-made file and use it, or you can change it and make it your own way.

Bounce.js - not only a service, but also a plugin for creating animations. It contains a ready-made collection of animations and allows you to create custom animation. In the end, you just need to copy the resulting code.

HTML Symbols - an online guide to encoding various symbols in HTML.

Have you found something new from the list? What other resources do you think every web developer needs to know about?

 

Я подготовила для вас список ресурсов, о которых, по моему мнению, должен знать каждый веб разработчик. 

GitHub - это один из самых популярных сайтов, которым пользуются программисты во всем мире. Этот ресурс предоставляет возможности для хранения кода в репозиториях, а также историю его версий, инструменты совместной разработки, средства для предоставления документации, выпуска релизов и обратной связи. А еще вы можете создавать сайты бесплатно напрямую из репозитория. Github работает на основе Git.

Git — это система контроля версий, разработанная Линусом Торвальдсом (человеком, создавшим Linux). Система контроля версий помогает отслеживать изменения, внесённые в базу кода. Более того, он записывает, кто внёс изменения и может восстановить стёртый или изменённый код.

Советую научиться пользоваться Git и Github как можно раньше. И кстати вот мой аккаунт на Github.

Stackoverflow - онлайн-справочник для каждого программиста. Именно здесь вы можете найти ответы на все ваши вопросы, связанные с разработкой. А если не нашли, то можете задать вопрос, и программисты со всего мира помогут вам. 

JSFiddle, Codesandbox, Codepen - онлайн редакторы, позволяют писать код прямо в браузере.

Google Fonts - сервис для удаленного подключения шрифтов, умеет генерировать код для подключения шрифтов к проекту в соответствии с вашими настройками.

Caniuse - онлайн-справочник, где можно узнать, в каких браузерах поддерживается какая-либо фича.

Icomoon, Fontello - сервисы, которые позволяют выбрать необходимые иконки и сгенерировать по ним иконочный шрифт.

WebDevChecklist, FrontendChecklist - чек-листы для проверки проекта перед запуском, содержат множество полезных ресурсов по каждому пункту.

Bundlephobia - ресурс, который отображает вес и скорость загрузки сторонних модулей в зависимости от версий. Если библиотека очень тяжелая, то сервис предложит альтернативы. Это — отличный инструмент, помогающий программисту принимать правильные решения, касающиеся выбора пакетов сторонних разработчиков, которые могут ему понадобиться.

RegEx101 - онлайн-ресурс, который тестирует регулярные выражения. 

SassMeister - онлайн-компилятор Sass в CSS.

Diffchecker - ресурс, который сравнивает 2 файла и показывает, чем они отличаются 

JSON-Generator, JSONEditorOnline - генератор и редактор данных в формате JSON

Codebeautify - коллекция полезных инструментов для разработчиков

Photopedea - онлайн-аналог Photoshop. Функционал этого сервиса, конечно, уступает, но если вам нужно сделать что-то быстро, то вполне годится 

Snazzymaps - коллекция тем для Google карт. Можно скопировать готовый файл и использовать, а можно изменить его и сделать по-своему.

Bounce.js - не только сервис, но и плагин для создания анимации. Он содержит уже готовую коллекцию анимаций и позволяет создать кастомную анимацию. В итоге нужно всего лишь скопировать получившийся код.

HTML Symbols - онлайн-справочник по кодированию различных символов в HTML.

Нашли ли вы для себя что-то новое из списка? Про какие еще ресурсы, по вашему мнению, необходимо знать каждому веб-разработчику?