Front end

Цель этой страницы - рассказать о значимости front end - разработки, показать задачи и возможности клиентской части web-приложений.

В этом мне надеюсь, помогут типовые примеры, взятые из моих работ (скрины показаны ниже), а так же следующие ссылки:

оригинал статьи: «Why Your Company Needs A Front End Developer» от Mike Wilcox,
перевод статьи: «Зачем вашей компании нужен front end разработчик?»

Корзины заказов
Панели администратора
Онлайн калькуляторы
Web - сервисы
Системы учёта и ИС

Современные браузеры и устройства, где они работают, эффективно справляются с серьезными бизнес - приложениями.

Современные браузеры используют одинаковые веб - стандарты. Реальность такова, что на любом компьютере, независимо от его типа, достаточно лишь открыть браузер, и уже возможна работа переносимых и довольно «навороченных» клиентов, с немалыми объёмами локальных настроек и данных. По возможностям интерактивного интерфейса и переносимости, у технологии html5 и Javascript практически нет конкурентов.

Наиболее важным качеством современных веб-ресурсов является следование стандартам W3C - это гарантирует правильное отображение и работу на любых новых устройствах и браузерах, от стационарных компьютеров до приставок и телевизоров.

Корзины заказов

Для составления и расчёта заказов,
нет необходимости предварительной
регистрации на сайте.

Современный стандарт local Storage позволяет
хранить большой объём информации локально,
на компьютере пользователя.

Сервер может не знать о заказе до тех пор,
пока покупатель не «созреет»
и не решит оформить покупку.

Такая организация работы упрощает логику работы сервера и может снизить нагрузку.

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

Панель управления ресурсом может быть максимально
простой и выполнять только необходимые для задачи действия.

Иногда удобнее иметь набор простых, лёгких и удобных
специализированных админок - AJAX-страниц, с требуемым
функционалом, чем одну сложную для всех задач.

Современные браузеры позволяют отправлять информацию
и любые файлы на сервер без форм и перезагрузок страницы.

Загружается страница авторизации. После успешной авторизации,
загружаются необходимые для сеанса работы CSS и JS файлы.

Соединение с сервером происходит через сложный хеш авторизации,
привязанный в том числе и к IP-адресу

Онлайн калькуляторы

Это необходимый элемент для информирования
и привлечения целевых посетителей.

Персональные настройки и расчитанные данные
могут храниться на компьютере посетителя
и добавляться в заказ / корзину.

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

Web - сервисы

Могут быть самыми разнообразными, как открытыми
для всех посетителей, так и предназначенными
только для узкого круга сотрудников.

Опыт показывает, что сервисы прекрасно работают
в виде одной браузерной AJAX-страницы
с интерактивным содержимым.

Стартовая страница админки пуста,
содержимое появляется лишь после успешной
авторизации и подгрузки необходимых для сеанса работы CSS и JS файлов.

Сервер проверяет права доступа и выдаёт информацию при каждом запросе со страницы.

Информационные системы и Системы учёта

Онлайн системы обладают преимуществами многопользовательской
работы и высокой доступности с любого места и устройства.

При участии в выставках и семинарах, информационные системы
могут оперативно предоставлять актуальную информацию.

Помимо показа отчётов, современные браузеры вполне комфортно
использовать для работы с небольшими справочниками
и приходных/расходных операций.

Опыт показывает, что интерактивный пользовательский интерфейс
в виде AJAX-страниц, может быть очень эффективен и удобен
для многих информационных и учётных систем.

RIA - интерфейс, кросс-платформменность (вплоть до Smart-TV),
100% W3C-валидация всех моих разработок.