Введение в современные Web-технологии 9 сентября 2014 Алексеев А.А.

Введение в современные Web-технологии
9 сентября 2014
Алексеев А.А.
Простые вопросы для затравки
 Что такое компьютер? Из чего он состоит?
 Что такое компьютерные сети? Зачем они нужны?
 Что такое узел сети?
 Что такое Интернет? Когда он появился?
 Что такое сайт? Где хранится информация,
вводимая пользователями на сайтах?
 Что такое браузер? Можно ли знакомится с
содержимым сайтов без браузера?
 Можно ли сделать сайт на домашнем компьютере?
2
Цель лекции
 Описать особенности современной глобальной
сети
 Дать краткий обзор web-технологий
3
Содержание лекции
 Немного истории (Зарождение интернета)
 Современные глобальные сети
Принципы передачи данных в глобальных сетях. Internet. www. http.
 Стек протоколов TCP/IP. Принципы хранение информации.
 Популярные сетевые службы : DNS, DHCP, NTP, SSH, HTTP, FTP, POP, SMTP, BitTorrent
 Web-служба (протокол HTTP).

 Web-технологии

Уровень клиента


Уровень сервера



DOM

HTML

CSS

JavaScript + Ajax
CGI, FastCGI (языки C, Java, Perl, Python, NodeJS)
PHP (модуль для Apache)
Пример: современные сайты – поисковики, социальные сети.
4
Карта интернета
США
Россия + exUSSR
Индия
Япония
Китай
http://internet-map.net/
http://habrahabr.ru/post/148351/
5
Немного истории…
6
История компьютерных сетей
 Системы пакетной обработки(мейнфреймы+
пользователи с перфокартами перфокарты).
7
История компьютерных сетей
 Глобальные сети (Wide Area Networks, WAN)
 ARPANET(США, 1969)
 Пакетная передача.
 Низкие скорости по телефонному каналу. Модемы.
Сложные протоколы для контроля и восстановления
данных.
8
История компьютерных сетей
 Локальные сети (Local Area Networks, LAN)
 Многотерминальные системы разделения
времени(Мейнфрейм+терминалы)
9
История компьютерных сетей
 Важнейшие события на пути появления первых
компьютерных сетей
Этап
Время
Первые глобальные связи компьютеров, первые эксперименты с пакетными
сетями
Конец 60-х
Начало передач по телефонным сетям голоса в цифровой форме
Конец 60-х
Появление БИС, первые мини-компьютеры, первые нестандартные локальные
сети
Начало 70-х
Создание сетевой архитектуры IBM SNa
1974
Стандартизация технологии X.25
1974
Появление персональных компьютеров, создание Интернета в современном
виде, установка на всех узлах стека TCP/IP
Начало 80-х
Появление стандартных технологий локальных сетей (Ethernet – 1980 г., Token
Ring, FDDI – 1985 г.)
Середина 80-х
Начало коммерческого использования Интернета
Конец 80-х
Изобретение Web
1991
10
История компьютерных сетей
Сближение локальных и глобальных сетей
в течение 90-х гг.
 Стирание отличий, имевших место в конце 80-х:
 Сложность методов передачи данных в глобальных сетях
(из-за низкой надёжности каналов)
 Скорость обмена данных глобальных сетей (2.4-2048
Кбит/с) существенно ниже, чем в локальных сетях (10-100
Мбит/с)
 В локальных сетях большее разнообразие услуг
(совместное использование файлов, устройств печати,
доступ к единой БД, электронная почта), чем в
глобальных (электронная почта, передача файлов)
11
Принципы передачи данных в сетях
 Локальные и глобальные сети
 Протокол TCP/IP. Стек протокола TCP/IP
 IP-адреса
 Маршрутизация
 Управление траффиком
 DNS
 Клиент-серверная модель
12
Вопросы хранение информации и организации
доступа к ней







Сетевые операционные системы
Файловые системы
Доступ к файлам. HTML, FTP
Web-сервер (служба)
Базы данных. Язык SQL
Ограничение доступа к информации
Шифрование данных. Создание шифрованных
каналов передачи информации.
 Удалённое управление серверами. Telnet. SSH.
 Системы управления контентом (CMS)
13
Популярные сетевые службы
 DNS
 DHCP
 NTP
 SSH (TCP 22)
 HTTP (TCP 80,8000)
 FTP (TCP 20,21)
 POP
 SMTP
 NFS
14
HTTPклиент
(браузер)
#1
Web-технологии
HTTPклиент
(браузер)
#2
HTTP-сервер
HTTPклиент
(браузер)
#2
СУБД
Файловая
система
15
Web-технологии: уровень клиента
 HTML – Hyper text markup language
 DHTML – Dynamic HTML. DOM - Document Object
Model (HTML ->DOM)
 CSS (Cascading Style Sheets)
 JavaScript + Ajax (Asynchronous Javascript and XML)
16
Web-технологии: уровень сервера
 Уровень сервера
 CGI, FastCGI (языки C, Java, Perl, Python, NodeJS)
 PHP (модуль для web-сервера Apache)
 Компиляторы PHP: HipHop (FaceBook), KPHP
(Вконтакте)
17
Современные сайты – поисковики, социальные сети
 Яндекс
 Вконтакте
 Facebook
18
Конец презенатции
19