веб технологии что это такое
Лекции Технопарка. 1 семестр. Web-технологии
Сегодня этим постом мы открываем цикл еженедельных публикаций учебных материалов Технопарка. Если кто-то ещё не знает, Технопарк — это совместный образовательный проект Mail.Ru Group и МГТУ им. Н. Э. Баумана. На данный момент здесь проходит обучение по 20 IT-дисциплинам 91 наиболее талантливый студент. Технопарк существует с 18 ноября 2011 года, а первые счастливчики приступили к занятиям в декабре 2011 года.
Обучение в Технопарке совершенно бесплатное, оно проходит после занятий в университете. Стать участниками проекта могут студенты 3-5 курсов. Хотя для 2 и 6 курсов можем сделать исключение. Обучение длится 2 года, оно разбито на 4 семестра, в каждом из которых проходят по 3-4 предмета. Первый блок первого семестра посвящён всему, что связано с web-технологиями, от истории возникновения до программирования и безопасности web-приложений.
Лекция 1. Введение
На вводном занятии вы познакомитесь с краткой историей развития интернета, основными трендами в развитии web-приложений, облачных сервисов и мобильных приложений. Также на лекции разобрано устройство и работа несложного web-приложения, обсуждены такие фундаментальные понятия, как система адресации в интернете, домены, HTML-страницы и протокол HTTP. Напоследок кратко рассказано о CGI-скриптах, их назначении и особенностях работы.
Лекция 2. Сетевые протоколы
Вторая лекция посвящена сетевым протоколам. Сначала даны теоретические основы о модели OSI и вложенности протоколов, рассмотрено назначение и устройство протоколов TCP и IP, подробно рассказано о доменах, доменных зонах и делегировании. Затем лектор рассказывает о том, что собой представляет протокол HTTP, о назначении HTTP-заголовков, кодах ответа сервера и прочих нюансах передачи данных в сети. В оставшуюся часть лекции затрагиваются все вопросы, касающиеся электронных писем: какова структура e-mail, как составляются заголовок и тело письма, устройство и работа протоколов SMTP, POP3 и IMAP. В конце обсуждаются сугубо практические темы: составление списков рассылок, методы борьбы со спамом, назначение и работа расширения SPF, использование обратной зоны DNS.
Лекция 3. Web-серверы
На этой лекции рассмотрена общая схема работы web-сервера: что такое сокеты, конструкция запросов, файловая структура и ведение логов. Рассказано о различиях между frontend- и backend-серверами, а также об использовании серверов для получения статического контента и проксирования запросов. Далее затрагиваются азы конфигурирования сервера, рассказывается о таких понятиях, как MIME и Content-Type. После рассмотрения роли web-сервера в качестве сервера приложений, лектор переходит к информационному блоку об интерфейсах взаимодействия с языком программирования. А в конце лекции рассказывается о модели обработки запросов и способах сравнения производительности разных web-серверов.
Лекция 4. Серверная разработка
Вначале проведён небольшой обзор языков, используемых для разработки серверов. Затем подробно изучен протокол CGI, устройство CGI-скриптов и библиотеки для работы с ними. Лектор рассказывает о том, как обрабатывать входные данные и работать с БД. Рассматривается работа с объектами и их списками, а также с формами. Затем вы узнаете, как использовать перенаправления, где и в каком виде хранятся данные на клиенте, как использовать cookie и сессии. Напоследок будет рассмотрена работа с шаблонами: использование шаблонизаторов, для чего нужны подшаблоны и особенности наследования шаблонов.
Лекция 5. Реляционные базы данных
Из этой лекции вы узнаете о том, что такое реляционные БД, для чего они используются и как развивались. Затем рассмотрены основные понятия, связанные с работой в реляционных БД, типы данных в SQL и работа с ними (нормализация, управление данными, выборки). Также лектор рассказывает о способах проверки целостности базы, использовании внешних ключей, а в конце лекции — о преимуществах и недостатках наиболее распространённых СУБД.
Лекция 6. MVC-фреймворки
MVC — это схема использования нескольких шаблонов проектирования. На лекции рассказывается о том, что это вообще такое и как эту схему применять на практике. Далее подняты вопросы маршрутизации URL и обработки HTTP-запросов. Затем рассказывается о визуализации данных с помощью представления и использовании шаблонов.
Лекция 7. Django (часть 2)
В конце предыдущей лекции была затронута тема реализации MVC во фреймворке Django. Здесь этот вопрос рассматривается уже подробно. В частности, вы узнаете о том, как написать скрипт управления django-приложением, что такое middleware и зачем оно нужно. Также вы познакомитесь с представлениями-классами (Class Based Views), расширениями фильтров и тэгов в шаблонизаторе и многим другим.
Лекция 8. HTML и CSS
После просмотра этой лекции вы многое узнаете о вёрстке web-страниц. Здесь рассказывается об истории развития и особенностях таких языков разметки, как HTML, XML и XHTML. В лекции преподаются основы вёрстки, рассматриваются основные тэги и атрибуты, без которых нельзя создать даже простейшую страницу. Вы узнаете, какие бывают типы элементов страницы, как создавать таблицы и списки. Затем рассказывается о каскадных таблицах стилей (CSS), их создании и использовании.
Лекция 9. Javascript
Здесь вы познакомитесь с основами языка программирования JavaScript: с его синтаксисом, способами подключения к web-странице и моделями обработки событий. Заодно вы узнаете, что такое AJAX и как подключать JS-библиотеки. Остаток лекции посвящён использованию библиотеки jQuery и её плагинов.
Лекция 10. Rich Internet Applications
На данной лекции рассказывается о том, что собой представляют Rich Internet Applications, web-приложения, доступные через интернет. Они появились благодаря недостаткам, присущим HTML, CSS и JavaScript. Вы узнаете о возможностях, преимуществах и недостатках RIA, их устройстве и наиболее популярных видах использования.
Лекция 11. Безопасность web-приложений
Последняя лекция этого блока в Технопарке. На ней рассказывается об основных аспектах безопасности, которые необходимо знать web-разработчику: как реализована авторизация в протоколе HTTP, как можно сделать систему авторизации с помощью web-приложения, базовые понятия криптографии, средства безопасности в браузерах и какие бывают виды атак на web-приложения.
Web-технологии
Вы будете перенаправлены на Автор24
Web-технологии — это технологии формирования и поддержки разных информационных ресурсов в сети интернет.
Введение
Когда появились Web-технологии, пользоваться компьютерной техникой начали абсолютно новые категории граждан. Список социальных категорий населения, подсоединяющихся к сети интернет с целью поиска информации во всемирной паутине, постоянно увеличивается за счёт людей, которые не считают себя специалистами в сфере информационных технологий. Web-технология в корне изменила понятия об информационной обработке, как и работе с компьютерной техникой тоже.
Оказывается стандартные характеристики, описывающие прогресс в сфере вычислительного оборудования, а именно, производительность, пропускная способность, объём памяти, практически не включали в свой состав главное системное «узкое место», именуемое пользовательским интерфейсом. Устаревшая техника взаимоотношений пользователя с информационной системой тормозила продвижение передовых технологий и нивелировала преимущества от их внедрения. И лишь когда интерфейс пользователя, обеспечивающий взаимодействие человека и компьютера, разработчики довели до простого и естественного понимания обычными людьми, произошёл невообразимый взрывной рост интереса к достоинствам и возможностям компьютерного оборудования.
Сущность Web-технологий
Web-технологиями является весь набор средств, позволяющих организовать WWW (World Wide Web), то есть всемирную паутину. Так как каждый сеанс является взаимодействием двух сторон, а именно, сервера и клиента, то и Web-технологии делятся на следующие группы:
Технологии клиентской стороны включают в свой состав весь набор технологий по созданию веб-страниц (HTML, JavaScript, DHTML и другие), а технологии серверной стороны состоят из технологий доступа к информационным базам данных в сети интернет (CGI, PHP).
Готовые работы на аналогичную тему
Для случая WWW в качестве клиентов используются программы веб-обозревателей, то есть веб-браузеры, являющиеся программами для просмотра веб-страниц. В качестве серверов выступают так называемые веб –серверы, которые обрабатывают запросы веб –обозревателей и отправляют им необходимые файлы.
Все ресурсы в сети, такие как, документы в формате HTML, графические изображения, видео файлы, программы и так далее, обладают своим адресом, который можно закодировать при посредстве универсального ресурсного идентификатора URI (Universal Resource Identifier).
Чтобы люди могли понимать друг друга, они должны говорить на одном и том же языке. То же самое касается и компьютерного оборудования, но в этом варианте языком общения является протокол, то есть совокупность правил, определяющих процедуры информационного обмена. Веб –сервер и веб –обозреватель применяют для информационного обмена протокол HTTP (HyperText Transfer Protocol), то есть протокол обмена гипертекстом. Это протокол высокого уровня, работающий «сверху» стандартного протокола низкого уровня TCP/IP (Transfer Control Protocol/Internet Protocol), то есть протокол управления обменом/протокол Интернета. Протокол трансляции гипертекстовых данных HTTP служит для пересылки гипертекстовой документации от севера до клиента. Протокол HTTP считается протоколом прикладного уровня.
При информационном обмене среди пользователей интернет протокол ТСР выполняет разбиение информации в сообщении на отдельные участки, именуемые пакетами, добавляет во все пакеты служебную информацию, позволяющую в дальнейшем восстановить исходные данные.
Протокол IP формирует для каждого пакета заголовок, содержащий адрес назначения, и пересылает их. Пакеты пересылаются между специализированными компьютерами, именуемые маршрутизаторами. Маршрутизатор определяет оптимальный маршрут пересылки пакета, исходя из минимизации трафика. Это означает, что пакеты, являющиеся частями одного сообщения, могут доставляться к получателю разными маршрутами.
Когда весь набор пакетов доставлен адресату, его компьютер отделяет от пакетов заголовки IP и осуществляет проверку целостности и общее количество пакетов, используя служебную информацию ТСР. И уже затем реализуется восстановление пересылаемого сообщения. В случае повреждения одного или нескольких пакетов, или они не достигли приёмника сообщения, компьютер отправляет запрос на повтор пересылки нужных пакетов.
Следует отметить, что можно не набирать адрес необходимого ресурса в полноформатном виде. Обычно для попадания на начальную страницу узла может быть достаточным лишь указание протокола и имени сервера. А далее нужная страница определяется по гиперссылкам.
Чтобы соединить локальную сеть компании с интернетом, применяется специальный сетевой шлюз. Шлюз является отдельным компьютером локальной сети, который часто выполняет функции маршрутизатора. Обязанностью шлюза являются пересылка протоколов локальной сети в сетевой интернет протокол ТСР/IP. Скорость трансляции информационных данных по сети интернет определяется скоростью модема (или скоростью обмена в локальной сети) и пропускной способностью канала с интернетом. Пропускная способность канала может быть определена как количество информационных данных, пересылаемых по линии в единицу времени.
Веб-технологии
В прошлой статье я писал про способы создания сайтов, стоит добавить, что выбор того или иного способа зависит от того, какими веб-технологиями владеет или планирует овладеть разработчик. Что же такое веб-технологии, какие они бывают и что изучать начинающему веб-разработчику?
Веб-технологии
Веб-технологиями (интернет-технологиями), обычно называют технологии создания и поддержки различных информационных ресурсов в сети Интернет: сайтов, блогов, форумов, чатов, электронных библиотек, энциклопедий и т.д.
Основные веб-технологии:
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 и т.д.). В качестве обобщения приведу следующую схему:
Надеюсь информация была полезна, и у вас сформировалось представление о том какие существуют веб-технологии и для чего они используются. Если есть какие-то идеи, возражения по поводу примеров и схемы — жду комментариев. Спасибо за внимание!)
Веб–технологии для разработчиков
Вступление
Веб–технологии являются частью логической составляющей интернет технологий в группе информационных ресурсов Интернет. Современные web–технологии позволяют разработчикам веб–сайтов и веб–приложений реализовывать свои идеи, практически неограниченно, от создания Интернет магазинов до автоматизации бизнеса с помощью CRM. Отличный опыт внедрения CRM в различных отраслях вы найдете на сайте https://dizlab.com/.
Далее я перечислю, базовые составные части веб технологий, которые разработчик должен знать или в них ориентироваться для работы.
Фото: Racool_studio
Веб–технологии
Основы веб разработки
Язык гипертекстовой разметки — это язык, используемый для определения структуры и описания содержания веб-страницы в структурированной форме. Читать: Основы HTML, язык разметки гипертекста
Каскадные таблицы стилей используются для описания внешнего вида веб-контента.
HyperText Transfer Protocol (HTTP) — это протокол, по которому доставляются HTML и прочие медиа-документы. Читать: Протокол HTTP — что такое
Написание сценариев
JavaScript
JavaScript — язык программирования, широко используемый для реализации взаимодействия пользователя с веб-сайтами и приложениями.
Веб API
Справочные материалы по каждому из отдельно взятых API, содержащих огромные возможности для создания веб-сценариев, включая DOM и все связанные с ним API, которые вы можете использовать для построения веб-контента и приложений.
WebAPI — перечень API для взаимодействия с устройствами и другие API не менее полезные для приложений.
Список событий, которые возникают на веб-странице или в веб-приложении.
Веб Компоненты
Веб Компоненты – это набор различных технологий, позволяющих создавать собственные переиспользуемые элементы – со своей функциональностью, инкапсулированной от остального кода – и использовать их в ваших веб-приложениях.
фото: zlatko_plamenov
Графика и веб–технологии
Canvas
элемент предоставляет API для рисования 2D-графики, с использованием JavaScript.
SVG (Scalable Vector Graphics – масштабируемая векторная графика) – позволяет вам описать изображение в виде линий, кривых и других геометрических фигур. Благодаря этому можно машстабировать рисунок без потери качества.
WebGL
Аудио, видео и мультимедиа в веб–технологии
Web медиа-технологии
Список связанного с медиа API, со ссылками на документацию для каждого из них.
Media capture and streams API
API, используемого для потоковой передачи, записи и управления данным как локально, так и по сети. Также включает в себя инструменты для использования локальных камер и микрофонов для захвата видео, аудио и статичных изображений.
Использование HTML аудио и видео
Включение видео и\или аудио в веб-страницу и управление их воспроизведением.
WebRTC
RTC в WebRTC означает Real-Time Communications (связь в реальном времени) – технологию, обеспечивающую поток аудио или видео и обмен данным между одноранговыми клиентами браузера.
Прочее
MathML
Математический язык разметки предоставляет возможность показа комплексных математических уравнений и синтаксиса.
Extensible Stylesheet Language Transformations (XSLT) позволяет преобразовать XML-документ в человекочитаемый HTML.
EXSLT
Фукнциональное расширение, которое предоставляет дополнительные возможности для XSLT.
XPath
XPath позволяет вам выбрать DOM-узел в документе, используя более мощный синтаксис, чем предоставляется обычными CSS selectors.
Заключение
Как видите список веб–технологии необходимых для разработчика не мал. Дел предстоит много, удачи вам в желании создавать сайты и веб–приложения.
Введение в веб-технологии: структура и принципы Веб
Предмет курса
Предметом данного курса являются технологии глобальной сети World Wide Web (сокращенно WWW или просто Web ). На русском языке распространенным вариантом является название «Веб».
В частности, в рамках курса будут рассмотрены такие вопросы как:
Что такое Интернет?
| Год | Событие |
|---|---|
| 1966 | Эксперимент с коммутацией пакетов управления ARPA |
| 1969 | Первые работоспособные узлы сети ARPANET |
| 1972 | Изобретение распределенной электронной почты |
| 1973 | Первые компьютеры, подключенные к сети ARPANET за пределами США |
| 1975 | Сеть ARPANET передана в ведение управления связи министерства обороны США |
| 1980 | Начинаются эксперименты с TCP/IP |
| 1981 | Каждые 20 дней к сети добавляется новый хост |
| 1983 | Завершен переход на TCP/IP |
| 1986 | Создана магистраль NSFnet |
| 1990 | Сеть ARPANET прекратила существование |
| 1991 | Появление Gopher |
| 1991 | Изобретение Всемирной паутины. Выпущена система PGP. Появление Mosaic |
| 1995 | Приватизация магистрали Интернета |
| 1996 | Построена магистраль ОС-3 (155 Мбит/с) |
| 1998 | Число зарегистрированных доменных имен превысило 2 млн. |
| 2000 | Количество индексируемых веб-страниц превысило 1 млрд. |
Возможно ли централизованное управление в такой глобальной сети? Ответ на данный вопрос будет отрицательным, поскольку, во-первых, данная сеть является транснациональной и, во-вторых, в силу исторических предпосылок ее формирования.
То есть Интернет является децентрализованной сетью, что имеет свои достоинства и недостатки.
Существуют различные типы поставщиков услуг Интернета:
О роли стандартизации в Интернет
Специфика многоуровневого представления сетевого взаимодействия состоит в том, что в процессе обмена сообщениями участвуют как минимум две стороны, для которых необходимо обеспечить согласованную работу двух иерархий аппаратно-программных средств. Каждый из уровней должен поддерживать интерфейс с выше- и нижележащими уровнями собственной иерархии средств и интерфейс со средствами взаимодействия другой стороны на том же уровне иерархии. Данный тип интерфейса называется протоколом (см. рисунок 1.2).
Иерархически организованный набор протоколов, достаточный для организации взаимодействия узлов в сети, называется стеком протоколов.
В начале 80-х годов международные организации по стандартизации ISO ( International Organization for Standardization ), ITU ( International Telecommunications Union ) и другие разработали стандартную модель взаимодействия открытых систем OSI ( Open System Interconnection ). Назначение данной модели состоит в обобщенном представлении средств сетевого взаимодействия. Ее также можно рассматривать в качестве универсального языка сетевых специалистов ( справочной модели ).
Спецификация представляет собой формализованное описание аппаратных (программных) компонентов, способов их функционирования, взаимодействия с другими компонентами, условий эксплуатации, особых характеристик. Под открытыми спецификациями понимаются опубликованные, общедоступные спецификации, соответствующие стандартам и принятые в результате достижения согласия после всестороннего обсуждения всеми заинтересованными сторонами. Использование открытых спецификаций при разработке систем позволяет третьим сторонам разрабатывать для этих систем аппаратно-программные средства расширения и модификации, а также создавать программно-аппаратные комплексы из продуктов разных производителей.
Если две сети построены с соблюдением принципов открытости, это дает следующие преимущества:
Сеть Интернет строилась в полном соответствии с принципами открытых систем. В разработке стандартов этой сети принимали участие тысячи специалистов-пользователей сети из вузов, научных организаций и компаний. Результат работы по стандартизации воплощается в документах RFC.
| Номер RFC | Тема |
|---|---|
| RFC 768 | UDP |
| RFC 791 | IP |
| RFC 793 | TCP |
| RFC 822 | Формат электронной почты, заменен RFC 2822 |
| RFC 959 | FTP |
| RFC 1034 | DNS — концепция |
| RFC 1035 | DNS — внедрение |
| RFC 1591 | Структура доменных имен |
| RFC 1738 | URL |
| RFC 1939 | Протокол POP версии 3 (POP3) |
| RFC 2026 | Процесс стандартизации в Интернете |
| RFC 2045 | MIME |
| RFC 2231 | Кодировка символов |
| RFC 2616 | HTTP |
| RFC 2822 | Формат электронной почты |
| RFC 3501 | IMAP версии 4 издание 1 (IMAP4rev1) |
Разработкой стандартов для сети Веб, начиная с 1994 года, занимается Консорциум W3C (World Wide Web Consortium), основанный и до сих пор возглавляемый Тимом Бернерсом-Ли.
W3C разрабатывает для WWW единые принципы и стандарты, называемые » Рекомендациями «, которые затем внедряются разработчиками программ и оборудования. Благодаря Рекомендациям достигается совместимость между программными продуктами и оборудованием различных компаний, что делает сеть WWW более совершенной, универсальной и удобной в использовании.
Все Рекомендации W3C открыты, то есть, не защищены патентами и могут внедряться любым человеком без каких-либо финансовых отчислений Консорциуму.