Введение в современные 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