что такое веб технологии это

Введение в web-технологии — понятия Интернет и всемирная паутина

Вступление

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

Хорошим примером комплексного применения логических элементов интернет технологий являются всем хорошо знакомые онлайн географические карты.

Такие элементы интернет технологий, как web API и языки программирования JS и HTML, дают возможность создания и использования онлайн конструкторов карт, динамических карт с привязкой местоположения пользователя, карт для постройки маршрута и т.д.

Веб-инструменты под названием «конструкторы карт», позволяют создать схемы проезда и указатели местоположения конкретных географических объектов. Например, показать на карте местоположение магазина.

Сервисы API Карт позволяют использовать картографические данные в веб-проектах, через геодекодеры JS API и HTTP API. Например, построить маршрут от точки А до точки Б или показать пользователю магазины по его местоположению.

Введение в web-технологии

Еще раз замечу. Не стоит путать понятия Интернет и всемирная паутина (WWW).

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

Веб–технологии это логическая составляющая Интернет–технологий, которые включают в себя:

1) Интернет-сервисы

2) Работа в Интернет

3) Информационные ресурсы Интернет

Основные понятия веб-технологий

Основные понятия веб-технологий: веб-страница и веб-сайт. Их не стоит путать.

Веб-страница – это минимальная единица сервиса WWW. По-сути это документ, который уникализирован в WWW своим URL адресом.

Веб-сайт – это набор веб-страниц связанных общей тематикой. Веб-сайт находится на одном сервере (хостинге) и принадлежит одному владельцу. Как вариант, веб-сайт может состоять из одной веб-страницы (сайт – визитка).

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

Как строятся веб-страницы

Динамический HTML

Чтобы браузеры отображали созданные веб-страницы, а браузеры видят веб-страницу, как набор объектов, был создан стандарт DOM (Document Object Model). Согласно ему, веб-страница должна представляться в виде набора объектов, а сам стандарт DOM называется объектная модель документа.

Язык разметки XML

Язык разметки XML или XML – ExtensibleMarkupLanguage это описание синтаксиса современного языка HTML. Читать: Основы HTML…

Выводы

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

Источник

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

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

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

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

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

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 и т.д.). В качестве обобщения приведу следующую схему:

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

Источник

Лекции Технопарка. 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–технологии позволяют разработчикам веб–сайтов и веб–приложений реализовывать свои идеи, практически неограниченно, от создания Интернет магазинов до автоматизации бизнеса с помощью 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.

Заключение

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

Источник

Интернет технологии это что такое?

Вступление

Интернет технологии это всё, связанное с Интернет — технологии и сервисы, позволяющие осуществлять все работы в компьютерной сети Интернет.

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

Обзор истории Интернет технологии, да и рассуждение о глобальном вхождении Интернет технологии в нашу жизнь оставлю за рамками этой статьи. Далее, поговорим, где практически Интернет технологии находят свое применение и главное развитие.

Для чего нужны Интернет технологии

Для начала отмечу, современные технологии сети позволяют создавать:

Могли бы мы жить без Интернет технологий?

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

Простое подключение к Интернет, глобально расширили количество пользователей Интернет информации, от любопытствующих фрилансеров, до расширения Интернет ресурсов правительственных, общественных и социальных органов. Включая «компьютеризацию» и «интернетизацию» офисов, включает в обработку и передачу информации основную часть населения стран, беспокоящихся о своем развитии. И здесь не обойтись без новых Интернет технологий, автоматизирующих информационные ресурсы общества, делающих их интуитивно доступными и понятными.

Беспроводная связь WiFi и WiMAX, также, увеличивают число пользователей Интернет. Теперь уже не нужно быть “привязаным” к технологии проводной связи для выхода в net.

Интернет технологии вывели социальное общение людей на новый уровень. Правда, не знаю хорошо это или плохо, но уровень и способы общения меняются с внедрением новых Интернет технологий.

Огромно влияние технологий интернет и на экономику стран. Говоря про нашу страну, за последние годы, технологии Интернет торговли, в буквальном смысле ломают традиционную торговлю, поворачивая ее в сторону технологий сети.

Нельзя не упомянуть, о влиянии Интернет–технологий на процессы обучения и переобучения, причем для всех слоев населения от школьников, до среднего класса. Внедрение Интернет технологий в школах, институтах, onlineобучение на дому, семинары, вебинары, веб – конференции это уже стало общедоступно и становится обязательным в любом обучающем процессе.

Интернет технологии безопасности

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

Последними тенденциями развития Интернет технологий, стало сделать доступным Интернет и его технологий, доступными для совершенных «чайников», не имеющих представление и желания изучать, что куда подключается и какую и где программу нужно установить.

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

Однако если Интернет и сети становятся более доступными, то Internet технологии это сложнейшие системы объединяющие, как физические, так и логические компоненты.

Интернет технологии это физические элементы

Физические составляющие имеют материальную ценность, что позволяет развивать бизнес технологий. Физические элементы технологий включают в себя:

В более подробном списке физическая составляющая Интернет технологий включает:

Сеть Интернет

Программное обеспечение в Интернете

Компьютеры в Интернет

Цифровые линии связи

Доступ в Интернет

Удалённый доступ к глобальным сетям

Логические составляющие Интернет технологии

Логические составляющие позволяют создать практически любой Интернет ресурс в сети: веб – сайт, веб – приложение, веб-портал, а именно:

Интернет-сервисы

Работа в Интернете

Информационные ресурсы в Интернете

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

Разделение на физическую и логическую составляющие, несколько условны, потому-то они могут существовать только во взаимосвязи и не имеют особого назначения друг без друга.

Заключение

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

Источник