веб приложение и веб сайт в чем разница
Website и Web Application: в чем разница
Владельцы онлайн бизнеса могут столкнуться с проблемой: выбрать ли им веб приложение или вебсайт для дальнейшей деятельности. В то же время, сфера онлайн торговли стремительно растет. Как сообщает портал Statista, в 2022 году общий объём онлайн продаж достигнет 638 051 миллионов долларов США.
Для большинства людей нет разницы между вебсайтом и веб приложением. Но для тех, кто хочет создать свой онлайн бизнес, так же, как и для команды разработчиков, разница есть, и она непосредственно влияет на то, какими знаниями должен обладать разработчик.
В этой статье мы расскажем вам о:
Есть идеи по поводу вашего проекта?
Веб приложение или вебсайт
На самом деле, конечный потребитель даже не задумывается, что он использует, вебсайт или веб приложение. Пользователь просто вводит URL в поисковой строке. Но смысл в том, что «сайт» должен делать то, что предполагает пользователь.
В то же время для команды e-commerce разработчиков между созданием сайта и веб приложения есть существенная разница. Помните это, когда у вас возникнет вопрос, что лучше создавать для онлайн бизнеса. Но, чтобы сделать правильный выбор для вашей компании, стоит учесть ту информацию, о которой мы расскажем далее в статье.
Основные функции вебсайта
В основном сайты характеризуются информативностью. Как пример можно привести блоги или новостные сайты. Основная цель – дать посетителям необходимую информацию.
Выше вы можете видеть один из сайтов, разработанный командой Dinarys.
В большинстве случаев пользователи не имеют или имеют ограниченное взаимодействие с сайтом. Под «ограниченным» мы имеем в виду форму подписки и поиск по сайту. Поэтому, стоит ли вам ограничиться созданием сайта для вашей бизнес модели онлайн торговли?
Если вы хотите разместить немного информации о вашей компании, включая описание, ближайшие мероприятия и контактную информацию, вы можете выбрать вебсайт.
Основные функции веб приложения
В отличие от вебсайтов, веб приложения созданы для взаимодействия с пользователями. Веб приложения тоже могут быть информативными, но они могут также и обрабатывать информацию, полученную от пользователей.
Как пример веб приложения, мы можем привести системы онлайн банкинга. Вы можете видеть информацию и даже совершать действия, основанные на введенных данных.
Полезные веб приложения улучшают нашу жизнь. Как пример, мы можем рассмотреть Adobe Color CC.
Веб приложение vs вебсайт: основные различия
Чтобы быть более точными, мы решили рассказать вам об основных различиях вебсайтов и веб приложений.
Интерактивность
Первое отличие – это разные степени взаимодействия со страницей. В то время, как вебсайты содержат тексты и визуальный контент, с которым пользователь не может взаимодействовать, веб приложения дают пользователю возможность не только читать, но и манипулировать информацией на странице. Это можно рассмотреть в виде диалога. Пользователь взаимодействует с интерфейсом сайта и получает ответ. Под «ответом» мы подразумеваем электронную оплату, онлайн чат, загрузку документов и др.
Онлайн магазин, который позволяет пользователям покупать товары, совершать поиск через каталог, может быть веб приложением. Еще один интересный пример – это социальные сети. Они также включают в себя функции блога, чаты, контент на выбор пользователя и возможности делиться этим контентом.
Сегодня большинство вебсайтов обладают интерактивностью. Потому что пользователям это нравится. Для этого, владельцы сайтов добавляют небольшие веб приложения на свой сайт.
Еще, на сайтах некоторых ресторанов есть виджет Google Maps, который помогает пользователям найти дорогу к ресторану. В то же время, большинство сайтов скорее информативные, чем интерактивные. Таким образом, посетители сайтов больше увлечены просмотром, чтением информации или прослушивание аудиофайлов. А посетители веб приложений направлены на взаимодействие с пользователем.
Интеграция
Интеграция – это процесс объединения простых компонентов в один сложный. Разработчики могут интегрировать веб приложения и сайты с программами, включая ERP, CRM. Однако в большинстве случаев интеграция происходит именно с веб приложениями. Почему? Потому что их сложным функциям зачастую требуется дополнительная информация от сторонних систем. Самый популярный вид интеграции в e-commerce – это интеграция веб приложения с системой управления взаимоотношениями с клиентами (СRM). Это помогает хранить данные о покупателях, информацию о заказах и улучшает работу команды продаж. Благодаря интеграции, информация о пользователях веб приложений автоматически собирается и сохраняется в CRM системе. Подобная интеграция позволяет команде отдела продаж узнавать больше о поведении клиентов, их предпочтениях при покупке товаров и эффективнее работать с негативными отзывами. Это очень выгодно для владельцев онлайн бизнеса, поскольку все изменения в информации о клиенте автоматически отображаются в CRM. Подобный способ взаимодействия с информацией о клиентах может принести увеличение в продажах и улучшение процессов работы онлайн магазина.
Авторизация
Этот процесс включает в себя ввод пользовательских данных для получения доступа к вебсайту или системе. Эта функция важна для систем, которым требуется любая личная информация о клиенте. Более того, на этом этапе, уделите особое внимание безопасности. Важно минимизировать возможность доступа к личным данным пользователей посторонним лицам.
А отличие от сайтов, веб приложениям чаше требуется авторизация. Почему? Потому что они предоставляют пользователям больше возможностей, чем вебсайты. Например, при использовании социальных сетей, системы предупреждают вас о слабых паролях. А игнорирование подобных сообщений может привести к тому, что хакеры могут взломать ваш аккаунт.
Большинство информационных сайтов используют авторизацию. В некоторых случаях это используется для того, чтобы дать больше возможностей, которые недоступны неавторизированным пользователям. Если незарегистрированные пользователи могут только просматривать статьи, зарегистрированные пользователи могут оставлять комментарии, делиться статьями в социальных сетях и т.д. Это также отличное решение для блокирования спама. Таким образом, авторизация необходима как для вебсайтов, так и для веб приложений. В то же время, это нужно веб приложениям в целях безопасности.
Успешная комбинация
При создании информационных порталов или разработки онлайн магазинов, вы можете использовать преимущества как вебсайтов, так и веб приложений. Давайте объясним. Изначально сайты на праформе WordPress должны отображать информацию посетителям. Поэтому мы можем сказать, что это – сайт. В то же время, back-end такого сайта оснащен CRM системой, которая достаточно гибкая. Поэтому у подобного сайта есть и функции веб приложения.
Мы можем сказать, что большинство вебсайтов сочетают в себе функции веб приложения и веб сайта.
Пример сайта, разработанного командой Dinarys, который сочетает функции сайта и веб приложения.
Команда разработчиков
При выборе между веб приложением и веб сайтом стоит в первую очередь отталкиваться от потребностей вашего бизнеса. Если вашей копании нужен вебсайт, то вы можете нанять небольшую аутсорсинговую компанию, специализирующая на e-commerce. Такие команды без проблем могут справиться с разработкой вебсайта и индивидуальным дизайном, где вы сможете разместить информацию о вашей компании. Но если вам необходимо добавить кастомный модуль на сайт или разработать его с нуля, вам нужно поискать команду, специализирующуюся на разработке веб приложений. Более того, при поиске такой команды, обратите внимание на готовые веб приложения, которые должны быть у команды в портфолио.
Выводы
Если вам нужно сделать выбор между веб приложением и сайтом для e-commerce бизнеса, то сделать выбор, на первый взгляд, достаточно сложно. Поскольку вебсайты и веб приложения работают в браузерах, им необходимо подключение к интернету, у них есть back-end и front-end. Более того, они могут быть написаны на одном языке программирования. Им присуща интеграция, интерактивность и авторизация пользователей.
Однако команда Dinarys спешит обратить внимание, что разница между ними все же есть. Более того, если вы ищите решение для вашего онлайн бизнеса, вам важно понимать эту разницу. Также стоит помнить, что в большинстве случаев владельцы онлайн бизнеса нанимают команду Dinarys для создания онлайн магазинов на специальных платформах, поэтому вам также стоит рассмотреть и этот вариант. Мы надеемся, что эта статья была вам полезна и расставила все точки над «I» какие решение выбрать и какую команду нанять для процесса разработки.
Чем Dinarys может помочь вашему E-commerce бизнесу?
Команда предоставляет такие услуги, как:
Если вы заинтересованы в этих услугах или вам нужна консультация для вашего e-commerce решения, заполните форму по ссылке и команда вскоре свяжется с вами!
Вы можете поделиться этой статьей
Доверьте поиск решения профессионалам
Наши сертифицированные специалисты знают, как воплотить вашу идею в реальность.
Чем отличаются сайт и веб-приложение?
Перевод статьи «What is the Difference Between a Website and a Web Application?».
Конечному пользователю бывает сложно понять разницу между сайтом и веб-приложением. Он просто вводит URL в адресной строке браузера (переходит по ссылке) — и — бум! — вот он результат.
А для пользователя важно как раз получить то, что хотелось. Если это удалось сделать, больше пользователя ничто не волнует.
Но если вы разработчик, именно вы создаете эти продукты для пользователей. Так что вы-то должны хорошо разбираться, чем они отличаются друг от друга. Но улавливаете ли вы разницу между сайтами и веб-приложениями?
Вообще среди разработчиков есть разные мнения на этот счет, но я постараюсь осветить ключевые отличия, которые помогают мне самому ориентироваться.
Что такое сайт?
Сайт — это набор связанных друг с другом веб-страниц, содержащих изображения, текст, аудио, видео и прочий контент. Сайт может быть одно- или многостраничным, а его содержимое может быть простым текстом, а может содержать разные медиа.
Сайты бывают самые разные:
Примеры сайтов: Википедия, Google, Amazon, Craigslist.
Отличительные черты сайтов
Зачем вам может понадобиться сайт
Что такое веб-приложение?
Веб-приложение — это программа, к которой вы можете получить доступ при помощи браузера. Также можно сказать, что веб-приложения — это сайты с богатым функционалом и интерактивными элементами.
Веб-приложения отличаются высокой настраиваемостью. Они могут решать целый ряд задач и обладают обширным функционалом. В целом создать приложение сложнее, чем сайт, для этого требуется опытная команда разработчиков.
Примеры популярных веб-приложений: Twitter, Facebook, Gmail, Adobe CC, YouTube.
Отличительные черты веб-приложений
Зачем вам может понадобиться веб-приложение
Для организации доступа к данным и с мобильных устройств, и с компьютеров, с любой платформы и через любой современный браузер.
Ключевые отличия сайтов и веб-приложений
1. Взаимодействие с пользователем
На сайтах размещается контент, который пользователь может читать, смотреть и слушать, причем это никак не влияет на работу сайта. В веб-приложении пользователь не только потребляет контент, но и манипулирует данными. Для взаимодействия с приложением пользователь может, например, заполнять какие-то формы или предоставлять какие-нибудь данные.
2. Аутентификация
На обычных сайтах аутентификация не обязательна. Правда, пользователя могут попросить зарегистрироваться, чтобы получить доступ к дополнительному функционалу или чтобы подписаться на обновления. В веб-приложениях аутентификация необходима. Они предлагают куда более широкий набор функционала и возможностей для интерактивных взаимодействий с пользователем, чем простой сайт. Чтобы всем этим пользоваться, нужно входить в свой аккаунт при помощи логина и пароля.
3. Решаемые задачи и сложность
Сайт только отображает данные, содержащиеся на определенной странице и запрошенные пользователем. Веб-приложение выполняет более сложные функции.
4. Для кого создается
Сайты содержат главным образом статический контент. Информация на них, как правило, открыта для всех посетителей. Веб-приложения создаются для взаимодействия с конечным пользователем. Без ввода логина и пароля вы не получите доступа к данным.
5. Деплоймент
Если речь идет о сайте, для внесения простых изменений никогда не потребуется полная повторная компиляция и деплоймент. Вам нужно будет лишь обновить HTML-код. В случае веб-приложения при внесении изменений вам потребуется заново скомпилировать и развернуть программу.
Заключение
Разработка сайта — относительно простой процесс. Для создания веб-приложения требуются более глубокие знания, опыт и планирование.
Надеюсь, после прочтения этой статьи вы лучше понимаете разницу между сайтами и приложениями и сможете сориентироваться, что именно вам требуется в том или ином случае.
Существует ли разница между веб сайтом и веб приложением? [закрыт]
Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы на него можно было дать ответ, основанный на фактах и цитатах.
Так вот. Из ответов я понял, что Java EE отлично подходит для веб-приложений и слишком сложен для сайтов. Загуглив слова «веб-приложение», я узнал, что:
Веб-приложение — клиент-серверное приложение, в котором клиентом выступает браузер, а сервером — веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети.
3 ответа 3
Это очень тонкий момент и рассматривать его надо скорее с точки зрения «понятий». Сейчас конечно начнется холивар, но все же приведу свое имхо.
Веб приложение наоборот, предполагает плотное взаимодействие с пользователем, получение от него «бизнес данных», их сложную обработку и хранение, возможно даже без предоставления результата пользователю. Веб приложения зачастую работают в Intranet.
Веб приложение для работы, сайт для развлечения/поиска информации.
Англоязычная статья на вики дает нам такое пояснение:
The general distinction between an interactive web site of any kind and a «web application» is unclear. Web sites most likely to be referred to as «web applications» are those which have similar functionality to a desktop software application, or to a mobile app. HTML5 introduced explicit language support for making applications that are loaded as web pages, but can store data locally and continue to function while offline.
UPD С точки зрения шарообразного коня в вакууме любой веб-сайт можно назвать веб-приложением и наоборот. Но в реальной жизни под эти определения обычно разделяют по субъективным признакам, описанным выше.
Java EE отлично подходит для веб-приложений и слишком сложен для сайтов.
Пойдём по определению:
Веб-приложение — клиент-серверное приложение, в котором клиентом выступает браузер, а сервером — веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети.
Логика веб-приложения распределена между сервером и клиентом
У приложения мы можем наблюдать активное манипулирование данными, которое может и не сказываться на виде самой страницы (вспомним всевозможные метрики, мониторы пользовательской активности и т.д.), а может и существенно менять внешний вид отображаемой страницы (вспомним игры, сервисы заказа билетов и т.д.). Данные перемещаются между клиентской и серверной стороной.
С приходом веб 2.0+ «смешались в кучу кони, люди», но границы между «сайтом» и «веб-приложением» всё ещё лежат в области «добавочной логики».
Ну с сетевым обменом данными, думаю, дополнительных пояснений не требуется.
Веб-приложения: виды, архитектура и принципы работы
Редакция Highload разобралась, что такое веб-приложение, каких видов оно может быть и каковы его преимущества перед статическими сайтами.
Что такое веб-приложение?
Веб-приложение — это приложение, одна часть которого загружается в браузер и взаимодействует с пользователем (визуально-интерфейсная часть), а другая находится на веб-сервере и выполняет запросы, поступающие от первой, а затем возвращает ответ. Часть, которая загружается в браузер и с которой взаимодействует пользователь, называется клиентской частью (фронтенд). На веб-сервере находится серверная часть веб-приложения (бэкенд).
Чем веб-приложения отличаются от веб-сайтов?
Несмотря на то, что и веб-сайтом, и веб-приложением пользуются с помощью браузера, между ними есть существенные различия.
Веб-сайт — это совокупность веб-страниц, чаще всего информационного характера. Он может содержать контент в виде текста, изображений, аудио или видео и так далее. Веб-сайты выдают пользователю готовые HTML-страницы, доступные для просмотра. Взаимодействие с ними ограничено. Чаще всего вы можете лишь воспользоваться поиском или подписаться на новости. Аутентификация не обязательна. Сайт компании — характерный пример веб-сайта. Также такие сайты часто называют статическими.
Веб-приложение носит интерактивный характер и позволяет вводить данные, динамически обрабатывать их и получать некие результаты. Кроме того, веб-приложения можно настраивать в соответствии со своими требованиями. Различные фрагменты страницы веб-приложения обновляются «на лету» после взаимодействия с пользователями, как, например, лента новостей в социальной сети.
Чтобы пользоваться возможностями веб-приложения, требуется пройти авторизацию, иначе кто угодно сможет получить доступ к вашим данным и настройкам. В качестве примера веб-приложения можно привести социальную сеть.
Подытожим основные различия между веб-приложением и веб-сайтом:
Веб-сайт | Веб-приложение |
Позволяет просматривать данные | Позволяет манипулировать данными |
Можно пользоваться без аутентификации | Требуется аутентификация |
Выдает заранее подготовленные HTML-страницы, в основном, со статическими файлами | Фрагменты HTML-страницы генерируются и обновляются «на лету» |
Проще в разработке; меньше настроек для посетителя | Требует разработки; дает больше настроек для пользователя. Это порождает сложность, обратная сторона чего — потенциальные ошибки |
Несмотря на все различия, в некоторых случаях границы между веб-сайтами и веб-приложениями стираются — веб-сайты могут включать в себя веб-приложения или обладать некоторыми их характеристиками. Например, WordPress хранит информацию в реляционной базе данных MySQL и предоставляет множество интерактивных функций для администрирования.
Примеры веб-приложений
Примерами веб-приложений служат:
Преимущества веб-приложений
Веб-приложение обладает многими преимуществами, в том числе перечисленными ниже.
Применение веб-приложений
Веб-приложения могут разрабатываться и использоваться с различными целями. Они позволяют обмениваться информацией и проводить транзакции, продавать и покупать товары и услуги онлайн, совместно работать над проектами, создавать текстовые файлы, электронные таблицы и презентации, открывать доступ к ним другим пользователям.
С помощью веб-приложений можно работать с заметками, списками задач, управлять файлами в облаке, преобразовывать величины из одних единиц измерения в другие, переводить тексты, создавать парсеры и так далее — они применяются во многих различных сферах.
Архитектура веб-приложения
В зависимости от распределения нагрузки между клиентской и серверной частью, можно выделить несколько типов архитектуры: от преимущественно серверных до преимущественно клиентских. Особняком стоят прогрессивные веб-приложения, которым доступны некоторые возможности десктопных приложений. Рассмотрим эти типы архитектуры подробнее.
Серверные веб-приложения
Вся нагрузка возложена на серверную сторону. Приложение принимает запрос, определяет какую страницу нужно вывести, и возвращает соответствующую HTML-страницу. Она может быть как статической, так и динамической.
Для формирования ответа бэкенд может обращаться к базе данных за нужной информацией для наполнения шаблона страницы.
Веб-приложения с использованием AJAX
При первом запросе к странице передается HTML-код каркаса. Код JavaScript асинхронно подгружает остальные фрагменты страницы и может «на лету» отправлять запросы на сервер и обрабатывать его ответы в формате XML (eXtended Markup Language) или JSON (JavaScript Object Notation). Эта технология называется «асинхронный JavaScript и XML» (Asynchronous JavaScript And XML, AJAX).
Клиентские приложения
Вся нагрузка возложена на клиентскую сторону. Сервер только доставляет HTML-код со ссылками на стили и сценарии JavaScript, а эти сценарии обеспечивают логику, отображение и подгружают нужный контент.
Все взаимодействие с пользователем происходит на одной странице, поэтому такие приложения называют одностраничными (single page applications, SPA). Пользователь выполняет некоторые действия, отправляет запрос и получает ответ без перезагрузки страницы.
Для создания одностраничных веб-приложений используются такие фреймворки, как, например, Ember.js, Angular, React, Backbone.js и Vue.js.
Прогрессивные веб-приложения
Прогрессивные веб-приложения (англ. progressive web application, PWA) — это веб-приложения, разработанные с помощью определенных специальных технологий и стандартных шаблонов, что позволяет им пользоваться преимуществами десктопных и веб-приложений.
Прогрессивные веб-приложения могут хранить данные на стороне клиента, поэтому ими можно пользоваться без подключения к интернету и работа с данными ведется быстрее.
Они обладают следующими характеристиками:
Принципы работы веб-приложений
В ответе может содержаться как готовая HTML-страница, так и шаблон страницы или данные, например в формате XML или JSON. Это зависит от выбранного типа рендеринга (формирования) страницы. То есть, страница может отправляться вообще без изменений (статическая страница) или же бэкенд вносит в нее изменения, после чего отправляет ее браузеру (динамическая страница). Рендеринг может производиться либо полностью на сервере, либо в разных соотношениях распределяться между сервером и клиентом, либо выполняться только клиентом.
Статические и динамические страницы
Страницы первых веб-сайтов содержали только текст в формате HTML. Со временем добавились изображения и таблицы, но веб-страницы оставались статическими в прямом смысле слова. Со временем появились технологии, которые позволили придать им динамику. Эту эволюцию мы рассмотрим подробнее в следующих подразделах.
Обработка статических веб-страниц
Клиент отправляет серверу навигационный запрос. В ответ на этот запрос сервер передает клиенту статическую веб-страницу без изменений. Весь ее контент (текст, изображения и т.д.) каждый раз выводится одинаково. Этот контент «жестко» закодирован в самой странице.
Вот пример статической веб-страницы:
Она будет выглядеть примерно так:
Здесь есть заголовок, меню и абзац. Меню содержит ссылки на страницы сайта, кроме текущей. Текущая страница выделена полужирным.
Чтобы реализовать несколько разделов, нужно было использовать несколько страниц с одинаковым кодом и разным наполнением.
Например, страница «О сайте» будет содержать такой код:
В браузере она будет выведена примерно так:
Как видим, большая часть кода не изменилась. Изменился текст и оформление меню: жирным выделена страница «О сайте», а «Домашняя» теперь — ссылка. Эти изменения вносились вручную.
Представим теперь страницу «Продукты», на которой приведен перечень продуктов со ссылками на страницы отдельных продуктов. При изменениях необходимо было менять список, информацию о наличии продукта, цену и т. п. Очень много работы приходилось делать вручную.
Обработка динамических страниц
Бэкенд
Эти сценарии позволяли использовать один и тот же шаблон, чтобы наполнять его разным контентом. Таким образом, страницы стали динамически генерироваться на сервере в тексте сценария. В то же время, с точки зрения отклика на действия пользователя в режиме реального времени страницы оставались статическими.
В 1995 году с возникновением JavaScript появилась возможность реагировать на действия пользователя мгновенно и открывать всплывающие окна. Веб-страницы оживились. В этом же году был создан язык PHP. Он позволял объединять HTML-код с логикой.
Для простоты на PHP наши страницы можно было бы представить так:
При предварительной обработке в этот код подставляются значения переменных, перебираются элементы меню и выводятся либо ссылки, либо название текущей страницы полужирным.
Для домашней страницы он дает такой выходной код HTML:
И получаем нужный результат:
Выгода — не приходится создавать каждую страницу отдельно. Один и тот же код выполняет рендеринг любой страницы. Такой рендеринг называется серверным рендерингом (server-side rendering, SSR). Сервер обрабатывает запрос, формирует страницу из шаблона, а клиент получает готовую полнофункциональную HTML-страницу.
Доступ к базе данных
Список продуктов с информацией о них может храниться в базе данных (БД). С ней взаимодействует серверный код. Он может читать данные из базы, добавлять, изменять или удалять их. В качестве системы управления базой данных используются MySQL, PostgreSQL, Memcached, MongoDB, Redis и другие. Для работы с БД существует множество библиотек, ориентированных на различные серверные языки программирования.
В рассмотренном выше случае на странице «Продукты» были бы показаны продукты, список которых получен из БД. Возможно, этот список был бы отсортирован или отфильтрован по каким-либо критериям, заданным пользователем. Такой отбор можно совершать при отправке запроса к базе данных. В системе администрирования такого веб-ресурса можно добавлять продукты, изменять информацию о них и удалять их из БД.
Фронтенд
Окончательный вид приложение приобретает после загрузки всего контента и задействования всех стилей. Но и после этого некоторые меню и списки формируются динамически при нажатии соответствующих кнопок, а некоторые обновляются в режиме реального времени. Например, комментарий к публикации можно отправить не покидая страницу, и он отобразится, как только будет установлено, что он успешно добавлен в хранилище.
Фронтенд может содержать информационные блоки и элементы управления. Например, в Facebook информационные блоки — это публикации в ленте, истории, рекомендации, а элементы управления — кнопки вкладок, меню, ссылки, поля поиска и ввода контента для публикации, комментариев и т. д.
Если же взять, к примеру, Google Docs, то видим, в основном, следующие элементы управления: меню, панель инструментов, панель структуры, документ. Информационный блок здесь — это справка. В целом же это интерактивный интерфейс.
Благодаря использованию этих библиотек можно использовать клиентский рендеринг (client-side rendering, CSR). В одностраничном приложении рендеринг, логика и загрузка возлагаются на клиентскую сторону.
Например, с использованием Vue.js рендеринг осуществляется следующим образом. В файле index.html указываем переменную hello :
В файле index.js указываем, что подставлять вместо переменной hello :
Предварительная обработка HTML-файла не производится. Клиент подставляет контент вместо переменных во время выполнения сценария.
Резюме
Веб-приложения уверенно занимают свое место в интернете и продолжают эволюционировать. Это обусловлено удобством их применения, а также готовностью к использованию на мобильных устройствах. В свою очередь, развиваются фреймворки для их разработки (и появляются новые). Учитывая множество удобных фреймворков как для бэкенда, так и для фронтенда, вам не придется изобретать велосипед при разработке веб-приложения. Вы сможете сконцентрироваться на поставленных перед вами задачах.
Более подробно по теме устройства веб-приложений можно посмотреть в этом замечательном видео:
Простой метод измерения реальной скорости загрузки страниц у посетителей сайта
Как можно закэшировать данные и выиграть в производительности
Как работает Server-Sent API с примерами
Примеры применения Javascript в Nginx’e
Как просто сделать удобный дебаг и не лазить в код или как бородатые хакеры перехватывают ajax-запросы, нарушая вашу безопасность.
В своем блоге индийский разработчик Шашват Верма (Shashwat Verma) рассказал, как преобразовать веб-сайт или веб-страницу в прогрессивное веб-приложение (PWA).