Как на самом деле работает веб-разработка

Вы прошли теоретический курс PHP — пора практиковаться!

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

В этом курсе мы перейдём от песочницы к реальной разработке. Вы создадите настоящий блог, который можно будет выложить в интернет!

Что происходит, когда вы открываете сайт?

Допустим, вы набираете в браузере google.com. Что происходит за доли секунды:

1. Браузер отправляет запрос
   "Эй, сервер google.com, дай мне главную страницу!"
2. Запрос летит через интернет
   Проходит через провода, роутеры, пока не дойдёт до сервера Google
3. Сервер получает запрос
   Сервер — это мощный компьютер, который работает 24/7. На нём установлена специальная программа (веб-сервер), которая умеет отвечать на запросы
4. Сервер выполняет PHP-код
   Если на сервере есть PHP-файлы, они выполняются. PHP может достать данные из базы, сформировать страницу
5. Сервер отправляет ответ
   Готовый HTML-код (не PHP!) летит обратно к вам
6. Браузер показывает страницу
   Браузер получает HTML и рисует красивую страницу

Что такое "локальная разработка"?

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

Это называется локальная разработка (local development):

• Ваш компьютер становится и клиентом, и сервером одновременно
• Вместо google.com вы открываете localhost — это "адрес" вашего компьютера
• Изменили файл — обновили страницу — сразу видите результат

Что такое localhost?

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

У localhost есть числовой адрес: 127.0.0.1. Это одно и то же:

• http://localhost
• http://127.0.0.1

Что такое порт?

На одном компьютере может работать много разных программ-серверов. Как браузеру понять, к какой обращаться? Для этого есть порты.

Представьте многоквартирный дом:

• IP-адрес (127.0.0.1) — это адрес дома
• Порт — это номер квартиры

Стандартные порты:

• 80 — обычные сайты (HTTP)
• 443 — защищённые сайты (HTTPS)
• 3306 — база данных MySQL
• 8080 — часто используется для разработки

Когда вы введёте localhost:8080, браузер обратится к серверу на вашем компьютере, на порт 8080.

Что мы будем устанавливать?

Для работы нашего блога нужно три вещи:

Раньше всё это устанавливали по отдельности и долго настраивали. Сейчас есть Docker — программа, которая запустит всё это одной командой. Но сначала...

Что дальше?

В следующих уроках мы:

1. Научимся работать с терминалом (командной строкой)
2. Установим редактор кода VS Code
3. Разберёмся с файлами и папками
4. И только потом установим Docker

Не торопитесь — каждый шаг важен для понимания!