Как изменился интерфейс за последние 20 лет
Эволюция интерфейсов сайтов, порталов и интернет-магазинов была быстрой и стремительной. Веб-ресурсы стали адаптивными, удобными, отзывчивыми. У них появились новые функции, упрощающие жизнь людей. Как же происходили эти изменения?
Современные сайты интуитивно понятны, они помогают нам обмениваться необходимой информацией, делать покупки, заказывать понравившиеся товары с доставкой на дом. При этом, не многие задумываются, через что пришлось им пройти, чтобы приобрести всем известный образ.
В 2000-х сайты представляли собой простые html-страницы, наполненные перекрестными ссылками. Как пример, всем известная «Wiki», пронизанная всевозможными терминами и ссылками на источники. В большинстве случаев, на сайтах 20-летней давности не встречалось картинок, а «интерактив» состоял из форм обратной связи и кнопок-ссылок. При переходе на следующую страницу происходила полная перезагрузка сайта – связано это было с малыми мощностями интернет-сети того времени, а всеми известные безлимитные тарифы были доступны ограниченному кругу лиц.
Такие сайты разрабатывались по-разному, можно сказать - и легко, и просто. Технология разработки веб-ресурса была значительно проще. Для его создания требовался лишь обычный текстовый редактор (представьте себе Notepad++ без возможности выделения синтаксиса) и сервер.
Тем не менее, владеть навыками базовой верстки и знанием языка текстовой разметки было все равно просто необходимо.
JavaScript родился в 1995 году. Он был создан для того, чтобы создавать удобные интерактивные веб-ресурсы, однако, широкую популярность приобрел только в двухтысячных. Связано это было с тем, что большинство разработчиков не считало нужным развивать «отклик» сайта на взаимодействие с клиентом (нажатие на кнопки, наведение курсора на активные элементы и прочее).
Позднее началось зарождение анимации и «живых» сайтов – разработчики поняли, сколько возможностей открывает язык для усовершенствования сайтов: выделение активных объектов, всплывающие окна, всевозможные эффекты при наведении мыши, и все это с удобной вставкой скрипта в HTML-код.
После 2006 стал активно применяться AJAX – синтез или набор технологий, применяемых в разработке, а именно – синхронное получение данных с сервера. С помощью AJAX перезагружается не вся страница, а лишь ее необходимые части. Что в результате? Работа веб-ресурсов стала значительно быстрее, и все это за счет экономии трафика.
Двухтысячные также явили миру социальные сети. Различные доски объявлений, площадки для контента, тематические блоги – все это привело к тому, что сегодня у нас есть Facebook, VK, LiveJournal, Tumblr и даже Instagram. В 2007 году, например, была представлена собственная платформа для блогов от Яндекса – Я.ру.
Также стали появляться новые браузеры взамен стандартному Internet Explorer – он был предустановлен в системе Windows, и в начале 2000-х являлся фактически монополистом. Так, в 2004 году на рынке появился Firefox, который сразу же завоевал популярность, благодаря бесплатным расширениями и возможностям для разработчиков (Internet Explorer уже тогда работал непредсказуемо и медленно).
Развитие технологий в разработке и веб-браузеров напрямую повлияло на то, что писать код стало легче и быстрее. Появилась библиотека jQuery – инструменты JavaScript, позволяющие быстро настроить работу между ним и HTML. Сайты стали адаптивными, красивыми и функциональными – если вы хотите заказать что-то на дом, то достаточно сделать несколько щелчков мышью или нажатий на экран смартфона.
Однако, современным специалистам необходимо постоянно учиться – мир веб-разработки не стоит на месте, и, возможно, совсем скоро сайты будут еще лучше и быстрее.