Download to read offline
More Related Content
Web лекция 1
- 1.
- 2. Коротко о лекторах АлександрГорный 2 CIO Mail.Ru Group, Выпускник кафедры СП ’2000 начальник отдела внутренней разработки в Mail.Ru Group, выпускник кафедры АЯ’2013 Сергей Лихобабин
- 3. Организационные вопросы 9 лекций 6семинаров Сдача зачета Сдача практической работы Спецкурс ставится за три курса 3
- 4.
- 5. 5 • Веб, егороль в современном мире • Базовые основы веба: HTML, HTTP • Уровнем ниже веба: TCP, DNS Программа: введение
- 6. 6 • Unix: демоны,инсталляторы, пакеты • Веб-сервера: разница между ними и их устройство • ЯП для веба и их экосистемы Программа: инструменты разработчика
- 7. 7 • Основные возможностиконфигурации • Интерфейсы взаимодействия с прикладным кодом • Расширенные возможности конфигурации Программа: web-сервера
- 8. 8 Программа: Client-side • HTML,CSS, DOM • JavaScript, AJAX, Comet • JQuery
- 9. 9 • Механизмы взаимодействияс клиентом • Безопасность этих взаимодействий • Интеграция веб-приложений между собой Программа: Server-side
- 10. 10 • Django ORM •Django Views • Шаблонизатор Django Программа: Django
- 11. 11 • Скрипт управления •Авторизация • Стандартные приложения Программа: Django
- 12. 12 • Работаем сLinux, Apache и nginx • Программируем на Python и Javascript • Используем Django, Bootstrap, FireBug. Результат практики – написание и защита собственного приложения. Практика
- 13.
- 14.
- 15.
- 16. 16 Особенности Web-приложений • Архитектуравсегда клиент-серверная • Клиент всегда далеко от сервера • Клиентов очень много
- 17. 17 • Что такоеhttp://www.domain.ru:81/page.php ? • Что такое браузер? • Что умеет HTML? Кратко об очевидном
- 18.
- 19. DNS ― domainvs zone 19
- 20. A иAAAA CNAME PTR TXT NS MX DNS: виды записей 20
- 21. Адресация приложенияв пределах хоста Последовательное двустороннее соединение Надежная доставка Управление потоком Задачи протокола TCP 21
- 22. Порты Well-known Привилегированные Остальные Сокеты (sockets) Серверные Клиентские TCP 22
- 23. import socket s =socket.socket(socket.AF_INET,socket.SOCK_STREAM) s.bind(('127.0.0.1', 8080)) s.listen(10) while True: conn, addr = s.accept() data = conn.recv(1024) conn.send(data) conn.close() TCP сервер 23
- 24. import socket s =socket.socket(socket.AF_INET,socket.SOCK_STREAM) s.connect(('127.0.0.1', 8080)) s.send('Hello world') print s.recv(1024) s.close() TCP клиент 24
- 25.
- 26. GET /wiki/страница HTTP/1.1 Host:ru.wikipedia.org Accept: text/html Connection: close (пустая строка) HTTP/1.1 200 OK Server: Apache Content-Language: ru Content-Type: text/html; charset=utf-8 Content-Length: 1234 Connection: close (пустая строка) (HTML) HTTP ― передача гипертекста 26
- 27. OPTIONS ― запросметодов сервера (Allow) GET ― запрос документа (Условный GET) HEAD ― аналог GET, но без тела запроса POST ― передача данных клиент PUT ― размещение файла по URI DELETE ― удаление файла по URI TRACE, LINK, UNLINK, CONNECT ― редко Методы HTTP 27
- 28. 1xx ― Информационные 2xx― Успешное выполнение 200 ― OK 204 ― NoContent (только заголовки) 206 ― PartitialContent (часть ответа) 3xx ― Перенаправления 301 ― Moved Pemanently (SEO, кеширование) 302 ― Found (логика работы сайта) 304 ― Not Modified (при условном GET) Коды состояния HTTP 28
- 29. 4xx ― Ошибкаклиента 400 ― Bad Request 401 ― Unauthorized 403 ― Forbidden (allow, deny) 404 ― Not Found 408 ― Request Timeout 418 ― I'm teapot 499 ― Client Closed Request (Nginx) Коды состояния HTTP 29
- 30. 5xx ― Ошибкасервера 500 ― Internal Server Error 502 ― Bad Gateway (проксирование) 503 ― Service Unavailable 504 ― Gateway Timeout 505 ― HTTP version not supported 507 ― Insufficient Storage Коды состояния HTTP 30
- 31. Host ― указаниедомена User-Agent ― описание клиента Accept-* ― поддержка MIME типов, кодировок, языков и т.п. Cookie ― куки для данной страницы Referer ― текущая страница If-Modified-Since ― условный GET Connection ― управление соединением Заголовки HTTP запросов 31
- 32. Время жизни Сессионность Домены иих наследование 2nd и 3rd party HTTP-Only Ограничения Cookies 32
- 33. Content-Type ― MIMEтип документа Content-Length ― размер документа Content-Encoding ― кодирование документа Date ― текущее время сервера Expires ― время актуальности документа Last-Modified ― время изменения файла Set-Cookie ― установка кук для данного URI Connection ― управление соединением Заголовки HTTP ответов 33
- 34. HTTP: multipart 34 POST /send-message.htmlHTTP/1.1 Host: webmail.example.com Content-Type: multipart/form-data; boundary=Asrf456BGe4h Content-Length: (суммарный объём, включая дочерние заголовки) (пустая строка) (отсутствующая преамбула) --Asrf456BGe4h Content-Disposition: form-data; name="MessageTitle" (пустая строка) Я негодую --Asrf456BGe4h Content-Disposition: form-data; name="AttachedFile1"; filename="horror-photo-1.jpg" Content-Type: image/jpeg (пустая строка) (двоичное содержимое первой фотографии) --Asrf456BGe4h Content-Disposition: form-data; name="AttachedFile2"; filename="horror-photo-2.jpg" Content-Type: image/jpeg (пустая строка) (двоичное содержимое второй фотографии) --Asrf456BGe4h-- (отсутствующий эпилог - пустая строка)
- 35.
- 36. HTTP: воображаемые альтернативы •UDP • Бинарный протокол • XML-протокол 36
- 37. HTTP: реальные проблемы •Безопасность (HTTPS) • Скорость (SPDY) • Централизованность (bitTorrent) • Клиент-серверность • Legacy 37
- 38. <ul id="tab_main"> <li> <a href="/content"> <imgsrc="/img/content.png" alt="Статьи"> Статьи </a> </li> <li> <a href="/blog"> <img src="/img/blog.png" alt="Блог"> <b>Блог</b> </a> </li> </ul> HTML 38
- 39. HTML тэги HTML аттрибуты Парные:<b></b>(bold), <i></i>(italic), <a></a> (anchor), <quote></quote> Одиночные: <img>, <link> Структурые: <body>, <ul>, <div>,<span> Стандартные: id, style, class, title, .. Специфичные: href, src, rowspan, Пользовательские: data-myattr HTML 39
- 40. <a href=”/search/?q=bob&site=mail.ru”>Найти</a> <a name=”chapter1”></a> <ahref=”#chapter1”>Глава 1</a> <form method=”GET” action=”/search/”> <input type=”text” name=”q” value=””/> <input type=”text” name=”site” value=””/> <input type=”submit”/> </form> Формы и ссылки 40
- 41.
- 42. Мы ждем обратнойсвязи Александр Горный, gornyi@corp.mail.ru Сергей Лихобабин, s.lihobabin@corp.mail.ru