Для успешной разработки веб-сайтов важно не только знать основы программирования и дизайна, но и уметь использовать подходящее программное обеспечение. В этом разделе мы познакомимся с основными инструментами, которые помогут вам на каждом этапе веб-разработки: от написания кода до тестирования и деплоя.

Мы рассмотрим следующие категории программ:

Редакторы кода — программы для написания и редактирования HTML, CSS, JavaScript и других языков. Эти инструменты упрощают процесс работы благодаря подсветке синтаксиса, авто дополнению и другим полезным функциям.

Системы контроля версий — позволяют отслеживать изменения в коде, работать в команде и управлять проектами. Вы узнаете, как установить и использовать Git, а также как работать с популярными платформами вроде GitHub.

Локальные серверы — инструменты для тестирования веб-приложений на вашем компьютере. Мы разберем, как настроить XAMPP и Docker для работы с серверной частью проектов.

Базы данных — программы для хранения и управления данными. Мы изучим основы работы с MySQL и PostgreSQL, включая настройку и подключение к проекту.

Инструменты браузеров — встроенные средства для тестирования и отладки веб-страниц. Вы узнаете, как пользоваться DevTools в популярных браузерах.

Каждую программу мы рассмотрим пошагово, начиная с процесса установки и заканчивая базовым использованием. Это позволит вам с легкостью освоить новый инструмент и применить его на практике. Давайте начнем с первого и самого важного шага — выбора редактора кода.

Редакторы кода: Visual Studio Code, Sublime Text, Atom, PhpStorm, WebStorm.

Краткую информацию об продуктах, можно рассмотреть в таблице 1.1.

Таблица 1.1 Сведения об программном обеспечении

Если имеются вопросы, то можете отсканировать и написать нам: