Интернет-приложения

1.

п
р
и
л
о
ж
е
н
и
й

2.

Что такое интернет-приложение?
Примеры:
Социальные сети (VK, WhatsApp)
Онлайн-банкинг
Карты (Google Maps, Yandex Карты)
Почтовые сервисы (Gmail)
Онлайн-редакторы (Figma)
Ключевое отличие от
сайта: Интерактивность
и сложная логика (как у
программы на
компьютере).
Интернет-приложение (Web Application) — это программа,
которая работает в браузере пользователя и
взаимодействует с сервером через сеть Интернет.

3.

Как
это
раб
ота
ет?
Кли
ентсер
вер
ная
арх
ите
кту
ра
Сервер - это мощный
компьютер, который
всегда подключен к
Отвечает за отображение и интернету.
взаимодействие с
Обрабатывает запросы
пользователем.
от клиента.
Работает с базой данных.
Получает код (HTML, CSS, JS)
с сервера и выполняет его. Отправляет данные
обратно клиенту.
Клиент - это ваш браузер.
База данных Хранилище всей
информации
(логины, пароли,
посты, сообщения).

4.

то,
что
ви
дит
по
льз
ова
тел
ь
✔Каркас страницы. Определяет структуру:
заголовки, абзацы, кнопки, списки.
✔Внешний вид и оформление. Задает цвета,
шрифты, расположение элементов.
✔Поведение и интерактивность. Оживляет
страницу: анимации, реакция на клики,
отправка.

5.

то,
что
скр
ыт
о
на
сер
ве
ре
Задачи разработчика:
❯Принять запрос (например, «логин: 1, пароль: 2»)
❯Проверить данные (в Базе Данных)
❯Принять решение (например, «пароль верный»)
❯Отправить ответ клиенту (например, «вход выполнен»)

6.

Эта
пы
соз
да
ни
я
инт
ер
нет
пр
ил
ож
ен
ия
★Идея и проектирование (Что будем делать?)
★Прототип интерфейса (Рисуем макеты)
★Frontend-разработка (добавление логики)
★Backend-разработка (Настройка сервера)
★Тестирование (Поиск и исправление ошибок)
★Размещение (На реальном сервере в интернете)
★Поддержка и обновления

7.

Выво
ды:
Интернет-приложение — сложная система,
✦ состоящая клиентской и серверной части.
Разработка требует знаний разных технологий: HTML,
✦ CSS, JS, языки серверного программирования, базы
данных.