1.Введение вэб приложения

1. Web-сайт

Web-приложение
Web-сайт

2. Web-сайт

Web-приложение
o Динамичность
o Статичность
o Цель:
o Цель:
Основная цель веб-приложения - предоставление
пользовательских функциональных возможностей и
обработка данных. Они часто предоставляют
возможность пользователям взаимодействовать
между собой и с приложением.
Основная цель веб-сайта - предоставить
информацию. Это может быть информация
о компании, услугах, контактах и так далее.
o Большой объем взаимодействия
o Ограниченное взаимодействие
o Сложная бизнес-логика
o Отсутствие сложной логики
o Использование технологий

3. Web-приложения

Webприложения
– это программы, которые пользователи
могут использовать через веб-браузер. Они
могут выполняться на удаленных серверах
и предоставлять различные функции, от
социальных сетей до онлайн-магазинов.
Web-приложения предоставляют
пользователям интерактивные интерфейсы и
функциональность, доступную из любого
устройства, подключенного к интернету.
"Вэб" (web) – это сокращение от "всемирная
паутина" (World Wide Web). Термин "вэб"
используется для обозначения глобальной
системы взаимосвязанных документов, которые
доступны через интернет и связаны
гипертекстовыми ссылками.

4. Основные термины

Веб-приложение (Web Application):
Интерактивное программное обеспечение,
предоставляемое через веб-браузер, которое позволяет
пользователям взаимодействовать с данными и
выполнять различные задачи.
Фронтенд (Frontend):
Основные
термины
Клиентская часть веб-приложения, с которой
пользователь взаимодействует. Включает в себя HTML,
CSS и JavaScript.
Бэкенд (Backend):
Серверная часть веб-приложения, отвечающая за
обработку данных, взаимодействие с базой данных, и
обработку бизнес-логики.
HTML (HyperText Markup Language):
Язык разметки для создания структуры веб-страниц.
CSS (Cascading Style Sheets):
Язык стилей для определения внешнего вида и
форматирования веб-страниц.
JavaScript:
Сценарный язык программирования, который позволяет
создавать интерактивные элементы на веб-страницах.

5. Web-приложения

Webприложения
– это программы, которые пользователи
могут использовать через веб-браузер. Они
могут выполняться на удаленных серверах
и предоставлять различные функции, от
социальных сетей до онлайн-магазинов.
Web-приложения предоставляют
пользователям интерактивные интерфейсы и
функциональность, доступную из любого
устройства, подключенного к интернету.
"Вэб" (web) – это сокращение от "всемирная
паутина" (World Wide Web). Термин "вэб"
используется для обозначения глобальной
системы взаимосвязанных документов, которые
доступны через интернет и связаны
гипертекстовыми ссылками.

6. Основные термины

API (Application Programming Interface):
Набор протоколов и инструментов, позволяющих
разным программам взаимодействовать друг с другом. В
веб-разработке API часто используется для
взаимодействия между фронтендом и бэкендом.
Framework:
Основные
термины
Структура, предоставляющая готовые компоненты и
инструменты для разработки программного
обеспечения. В веб-разработке популярны фреймворки,
такие как Django, Flask (для Python), Ruby on Rails (для
Ruby), React и Angular (для JavaScript).
CMS (Content Management System):
Система управления контентом, которая облегчает
создание, редактирование и управление содержимым
веб-сайта без необходимости глубокого понимания
программирования.
Database (База данных):
Система для хранения и организации данных. В вебразработке часто используются реляционные базы
данных, такие как MySQL, PostgreSQL
AJAX (Asynchronous JavaScript and XML):
Технология, которая позволяет обмениваться данными
между браузером и сервером без перезагрузки всей вебстраницы.

7. История веб-приложения ключевые события

1990-е годы:
История
вебприложения
Появление веба и статических сайтов
1995 год:
JavaScript и Dynamic HTML (DHTML)
2000-е годы:
Развитие серверных технологий
2004 год:
Возникновение термина "Web 2.0"
2005 год:
AJAX (Asynchronous JavaScript and XML)
ключевые события
2010-е годы:
Развитие фронтенд-фреймворков
2015 год:
Веб-компоненты
2020-е годы:
Продвинутые технологии и PWA

8. История веб-приложения ключевые события

История
вебприложения
ключевые события
1990-е годы:
Появление веба и статических сайтов
Первый веб-браузер,
который когда-либо был создан,
это браузер под названием
"WorldWideWeb"
(также известный как "Nexus"),
который был разработан Тимом
Бернерсом-Ли в 1990 году. Этот
браузер был создан на базе
исходного кода и сервера в одном
лице и представлял собой первую
попытку создания гипертекстовой
системы, которая стала основой для
World Wide Web (WWW).

9. История веб-приложения ключевые события

История
вебприложения
ключевые события
Веб-компоненты (Web Components)
- это набор веб-технологий,
предназначенных для создания
многократно используемых и
переиспользуемых компонентов
интерфейса пользователя в вебприложениях. Они позволяют
разработчикам создавать
собственные пользовательские
элементы с заданным поведением
и стилями, которые можно
использовать в различных проектах
и интегрировать с легкостью.

10. История веб-приложения ключевые события

История
вебприложения
ключевые события
PWA (Progressive Web App)
- это веб-приложение, которое
объединяет лучшие характеристики
веб-сайтов и нативных мобильных
приложений. Основная идея PWA
заключается в том, чтобы
предоставить пользователям более
быстрый и надежный опыт
использования веб-приложения,
аналогичный опыту использования
нативных приложений, независимо от
платформы (как на компьютерах, так и
на мобильных устройствах).

11. Web-приложение Основные понятия и характеристики

Архитектура веб-приложений:
Webприложение
Основные понятия и
характеристики
Веб-приложения часто основаны на клиент-серверной
архитектуре, где клиент (браузер) взаимодействует с
сервером для получения данных и выполнения операций.
Это позволяет легко масштабировать и обеспечивать
отзывчивость.
Технологии веб-разработки:
Фронтенд (клиентская часть):
HTML, CSS, JavaScript, фреймворки (например, React,
Angular, Vue) для создания интерфейса в браузере.
Бэкенд (серверная часть):
Языки программирования (например, Node.js, Python,
Ruby), базы данных (MySQL, PostgreSQL, MongoDB) для
обработки запросов и хранения данных.
Клиентская и серверная части:
Клиентская часть отвечает за пользовательский интерфейс
и взаимодействие с пользователем.
Серверная часть обрабатывает запросы от клиента,
взаимодействует с базой данных и управляет бизнеслогикой приложения.

12. Web-приложение Основные понятия и характеристики

Webприложение
Основные понятия и
характеристики
Развитие веб-технологий: Тенденции и будущее веб-разработки
Новые технологии и фреймворки. Изучение и применение новых
инструментов и технологий для улучшения процесса разработки.
Искусственный интеллект и веб-приложения. Как искусственный
интеллект влияет на разработку веб-приложений: умные
алгоритмы, персонализированный опыт пользователя.
Среды разработки и инструменты:
Интегрированные среды разработки (IDE), системы контроля
версий (например, Git), инструменты для тестирования и
отладки.
Безопасность веб-приложений:
Защита от атак, обеспечение безопасности данных, правильное
управление доступом. Важно обеспечить безопасность вебприложений: защиту от SQL-инъекций, кросс-сайтового
скриптинга и других атак.
Корректное управление доступом к функциональности
приложения, защита данных пользователя.
Мобильная адаптация:
Учитывайте требования мобильных устройств при
проектировании и разработке веб-приложений. Важно
учитывать мобильную адаптацию веб-приложений, так как
многие пользователи предпочитают использовать их на
смартфонах и планшетах.

13. Web-приложение Процесс разработки

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

14. Примеры

Социальные сети:
ВКонтакте (vk.com):
Крупнейшая социальная сеть в России и странах СНГ,
предоставляющая возможности для общения, обмена медиа и
создания групп.
Онлайн-магазины:
Wildberries (wildberries.ru):
Один из крупнейших онлайн-магазинов в России,
специализирующийся на продаже одежды, обуви, товаров для
дома и других категорий.
Примеры
Управление задачами и проектами:
YouGile,
Битрикс24: Инструмент для управления задачами и проектами с
использованием карточек и досок.
Образование и онлайн-курсы:
Скилбокс
Финансовые приложения:
Сбербанк Онлайн (online.sberbank.ru):
Онлайн-банк, предоставляющий клиентам доступ к банковским
услугам, таким как переводы, оплата счетов и управление счетами.
Tinkoff (tinkoff.ru):
Банк, предоставляющий широкий спектр финансовых услуг
онлайн, включая кредитные карты, страхование и инвестиции.

15. Примеры

Коллаборация и коммуникация:
Microsoft Teams: Инструмент для общения и
совместной работы внутри организации.
Блогинг и контент-менеджмент:
WordPress: Популярная платформа для создания и
управления веб-сайтами и блогами.
Примеры
Яндекс (yandex.ru):
Интернет-компания, предоставляющая широкий
спектр услуг, включая поисковую систему, карты,
музыку, видео и многое другое.
Mail.ru (mail.ru):
Одна из крупнейших интернет-компаний в России,
предлагающая электронную почту, социальные
сети, игры и другие онлайн-сервисы.