В чем разница между клиентской и серверной разработкой? Пример с PHP

Клиент vs Сервер: главное отличие — где выполняется код

Вы абсолютно правы: и PHP, и JavaScript могут показать одинаковый результат в браузере. Но ключевое различие — место выполнения и момент времени.

Серверная часть (PHP) — "кухня ресторана"

Представьте, что вы заказываете пиццу. PHP — это повар на кухне. Вы (браузер) отправляете запрос ("хочу пиццу с суммой 5+10"), повар (сервер) готовит блюдо (вычисляет сумму) и отдаёт готовый результат (HTML-страницу). Вы видите только готовую пиццу, но не процесс. Код PHP вы никогда не увидите — только результат его работы.

Пример серверного кода на PHP:

<?php
// Это выполняется на сервере
$secret_number = 42; // Пользователь это не увидит
$user_input = $_POST['number'];
$result = $secret_number + $user_input;
echo "Результат: $result"; // Только это уйдёт в браузер
?>

Клиентская часть (JavaScript) — "сервировка стола"

JavaScript — это официант, который уже стоит у вашего стола. Он может прямо при вас досыпать соль, переставить тарелки, показать фокус. Всё происходит прямо в вашем браузере, без связи с сервером. Код JS виден любому, кто нажмёт "Посмотреть код страницы".

Пример клиентского кода:

<script>
// Это выполняется в браузере пользователя
let secret = 42; // Любой может это увидеть в инспекторе
let userNum = prompt("Введите число:");
alert("Результат: " + (secret + userNum));
</script>

Когда что использовать?

• Сервер (PHP) — когда нужна безопасность и работа с данными:
  • Авторизация (нельзя проверять пароль на клиенте)
  • Работа с базой данных
  • Обработка платежей
  • Любая логика, которую нельзя показывать пользователю
• Клиент (JS) — когда нужна скорость и интерактивность:
  • Анимации и визуальные эффекты
  • Валидация форм (проверка email до отправки)
  • Динамическое обновление части страницы
  • Работа с интерфейсом пользователя

Практический пример на PHP: форма обратной связи

Представьте, что пользователь отправляет сообщение. Вот как это работает:

<?php
// Серверная часть (PHP) - НИКОГДА не показывается пользователю
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = htmlspecialchars($_POST['name']); // Защита от XSS
    $message = htmlspecialchars($_POST['message']);
    
    // Сохраняем в базу данных (никто не должен видеть этот код)
    $pdo = new PDO('mysql:host=localhost;dbname=test', 'user', 'pass');
    $stmt = $pdo->prepare("INSERT INTO messages (name, text) VALUES (?, ?)");
    $stmt->execute([$name, $message]);
    
    // Отправляем email администратору
    mail('admin@site.com', 'Новое сообщение', $message);
    
    echo "Спасибо, $name! Ваше сообщение отправлено.";
}
?>

<!-- Клиентская часть (HTML + JS) - пользователь видит это -->
<form method="POST">
    <input type="text" name="name" id="name">
    <textarea name="message" id="message"></textarea>
    <button type="submit">Отправить</button>
</form>

<script>
// Клиентская валидация - быстрая проверка до отправки на сервер
document.querySelector('form').addEventListener('submit', function(e) {
    let name = document.getElementById('name').value;
    if (name.length < 2) {
        alert('Имя должно быть длиннее 2 символов');
        e.preventDefault(); // Останавливаем отправку
    }
});
</script>

Итог: PHP готовит данные на сервере и отправляет готовую HTML-страницу. JavaScript "оживляет" эту страницу уже в браузере. Без PHP сайт не сможет сохранять данные. Без JavaScript сайт будет статичным и медленным для пользователя.