Веб-технологии

В прошлой статье я писал про способы создания сайтов, стоит добавить, что выбор того или иного способа зависит от того, какими веб-технологиями владеет или планирует овладеть разработчик. Что же такое веб-технологии, какие они бывают и что изучать начинающему веб-разработчику?

Веб-технологии

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

Основные веб-технологии:

1) HTML – Hyper Text Markup Language (язык гипертекстовой разметки). Этот язык, используемый для определения структуры и описания содержания веб-страницы в структурированной форме. Если сравнить процесс создания сайта с постройкой дома, то HTML – это каркас дома: крыша (header), стены, перегородки и окна (body, div), подвал (footer).

2) CSS – Cascading Style Sheets (каскадные таблицы стилей). Это язык, содержащий набор свойств для определения внешнего вида документа (страницы). Если вернуться к строительству дома, то здесь CSS – это штукатурка, краска, обои, линолеум и т.д., то есть внутренняя отделка, «косметика».

3) PHP – Personal Home Page (личная домашняя страница), но в настоящее время более подходящим словосочетанием является Hypertext Preprocessor (гипертекстовый препроцессор). PHP – это скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. Т.е. при помощи PHP можно генерировать html-страницу непосредственно в процессе обработки действий пользователя.

При помощи PHP выполняются основные операции, которые необходимы для функционирования сайта: обработка данных, поиск информации, работа с БД, обработка веб-форм, обработка действий пользователя.

Здесь мне сложнее привести пример сравнения с постройкой дома, но я попробую. Возможно, примером PHP будет бригада строителей, которая работает на объекте, заказчик говорит что нужно сделать и бригада в кротчайшие сроки выполняет работу, как бы изменяя объект в соответствие  с запросами заказчика.

4) JavaScript – это язык управления сценариями просмотра веб-страниц на стороне клиента (т.е. на компьютере пользователя).

Основная идея JavaScript состоит в возможности изменения свойств объектов HTML-структуры, их стилей, и возможности управления элементами страницы при взаимодействии с пользователем. При этом обновление страницы не происходит.

Примеры:

— при нажатии на кнопку, изменяется цвет фона страницы;

— при наведении курсора мыши на гиперссылку, открывается новое окно или изменяется текст в параграфе.

Возможности JavaScript огромны. При помощи JavaScript можно создать очень удобный, красивый и динамичный сайт.

Если вернуться к примеру с домом, тут JavaScript – это выключатель, вытяжка, жалюзи или система «умный дом» (управление отоплением, сигнализация, управление освещением, датчики движения и т.д.).

Что изучать начинающему веб-разработчику?

Те, кто планирует заниматься созданием сайтов любым из способов должны изучить такие «буквари» веб-разработчика как HTML и CSS. Это основы и с ними полезно познакомиться всем кто работает с сайтами, даже веб-дизайнеру полезно это знать, чтобы найти общий язык с верстальщиком.

Обобщение

Это далеко не все веб-технологии, но они являются одними из самых основных. Позже планирую добавить информацию о других не мене важных веб-технологиях (Ajax, MySQL и т.д.). В качестве обобщения приведу следующую схему:

Надеюсь информация была полезна, и у вас сформировалось представление о том какие существуют веб-технологии и для чего они используются. Если есть какие-то идеи, возражения по поводу примеров и схемы — жду комментариев. Спасибо за внимание!)