SlideShare ist ein Scribd-Unternehmen logo
1 von 23
<?php echo “Hello, world!”; ?>
Skype: bogdan_solomykin
Email:
bogdansolomykin@gmail.com
Name: Богдан Соломыкин
Company: Ciklum
Position: PHP developer
ЗАПРОС - ОТВЕТ
А подробнее?
- как формируются запросы?
- что внутри запросов и
ответов?
- что внутри веб-сервера?
КАК ФОРМИРУЮТСЯ ЗАПРОСЫ. URL.
http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#head
КАК ФОРМИРУЮТСЯ ЗАПРОСЫ. DNS
КАК ФОРМИРУЮТСЯ ЗАПРОСЫ. DNS
ПРОТОКОЛ HTTP
А что там с заголовками?
Client
User-
agent
Я –
телефон/компьютер
Accept Что хочу видеть (xml,
html, json, картинку)
Accept-
encoding
Какую кодировку
хотел бы
Accept-
language
На каком языке хочу
видеть ответ
Referer Кстати, я пришёл со
страницы ...
Cookie Смотри, у меня есть
печеньки, которые ты
мне дал раньше. Это
чтобы ты меня узнал :)
Server
Server А я – сервер
Apache/nginx
Content-
type
Вот тебе html в
кодировке UTF-8
Content-
Length
Учти, что длина
ответа такая-то
Content-
Language
Ответ мой на таком-
то языке
X-Powered-
By
Кстати, я написан на
РНР
Set-Cookie Чтобы я узнал, что
это ты, держи
печеньку. Покажи
мне её потом и я
тебя узнаю
COOKIES?
Http – это «запрос-
ответ», а не
постоянное
соединение.
Сервер не «узнаёт»
клиента.
Как же серверу
понять, кто
отправил запрос?
ПЕЧЕНЬКИ!
А КАК ПЕРЕДАЁТСЯ ВВЕДЕННАЯ
ИНФОРМАЦИЯ?
HTML
HTML + CSS
HTML + CSS +PHP
HTML + CSS + PHP + MySQL
Javascript
AJAX. Зачем он нужен?
«Asynchronous Javascript And Xml») — технология обращения к
серверу без перезагрузки страницы.
XML and JSON?
ЕЩЁ РАЗ И НА РУССКОМ
ЗАГРУЗКА КАРТИНОК, CSS, JAVASCRIPT
НА ЧЁМ ПИШУТ BACKEND
НА ЧЁМ ПИШУТ FRONT-END
ЧТО МЫ УЗНАЛИ?
1. Как работает веб:
• Как формируются запросы (URL, DNS)
• Что внутри сообщений (протокол http)
• Что происходит внутри сервера
• Как работает браузер
• Cookies
2. Что такое html, css, javascript, ajax, php, mySQL
3. На чём ещё пишут frontend и backend
Q & A

Weitere ähnliche Inhalte

Ähnlich wie Presentation 1

Ян Жабин "Преимущества использования протокола HTTP/2"
Ян Жабин "Преимущества использования протокола HTTP/2"Ян Жабин "Преимущества использования протокола HTTP/2"
Ян Жабин "Преимущества использования протокола HTTP/2"
Provectus
 
2013 09 14 http-протокол
2013 09 14 http-протокол2013 09 14 http-протокол
2013 09 14 http-протокол
Yandex
 
Web весна 2013 лекция 11
Web весна 2013 лекция 11Web весна 2013 лекция 11
Web весна 2013 лекция 11
Technopark
 
Web осень 2012 лекция 11
Web осень 2012 лекция 11Web осень 2012 лекция 11
Web осень 2012 лекция 11
Technopark
 
современная практика статического анализа безопасности кода веб приложений
современная практика статического анализа безопасности кода веб приложенийсовременная практика статического анализа безопасности кода веб приложений
современная практика статического анализа безопасности кода веб приложений
Sergey Belov
 
Виды QA: Всё что вы не знали и боялись спростить
Виды QA: Всё что вы не знали и боялись спроститьВиды QA: Всё что вы не знали и боялись спростить
Виды QA: Всё что вы не знали и боялись спростить
GoIT
 
еще один недостаток современных клиент серверных приложений
еще один недостаток современных клиент серверных приложенийеще один недостаток современных клиент серверных приложений
еще один недостаток современных клиент серверных приложений
snowytoxa
 
Антон Сапожников. Еще один недостаток современных клиент-серверных приложений
Антон Сапожников. Еще один недостаток современных клиент-серверных приложенийАнтон Сапожников. Еще один недостаток современных клиент-серверных приложений
Антон Сапожников. Еще один недостаток современных клиент-серверных приложений
Positive Hack Days
 

Ähnlich wie Presentation 1 (20)

Ян Жабин "Преимущества использования протокола HTTP/2"
Ян Жабин "Преимущества использования протокола HTTP/2"Ян Жабин "Преимущества использования протокола HTTP/2"
Ян Жабин "Преимущества использования протокола HTTP/2"
 
2013 09 14 http-протокол
2013 09 14 http-протокол2013 09 14 http-протокол
2013 09 14 http-протокол
 
Web весна 2013 лекция 11
Web весна 2013 лекция 11Web весна 2013 лекция 11
Web весна 2013 лекция 11
 
Паша Мурзаков: Как 200 строк на Go помогли нам освободить 15 серверов»
Паша Мурзаков: Как 200 строк на Go помогли нам освободить 15 серверов»  Паша Мурзаков: Как 200 строк на Go помогли нам освободить 15 серверов»
Паша Мурзаков: Как 200 строк на Go помогли нам освободить 15 серверов»
 
«Как 200 строк на Go помогли нам освободить 15 серверов» – Паша Мурзаков (Badoo)
«Как 200 строк на Go помогли нам освободить 15 серверов» – Паша Мурзаков (Badoo)«Как 200 строк на Go помогли нам освободить 15 серверов» – Паша Мурзаков (Badoo)
«Как 200 строк на Go помогли нам освободить 15 серверов» – Паша Мурзаков (Badoo)
 
Web осень 2012 лекция 11
Web осень 2012 лекция 11Web осень 2012 лекция 11
Web осень 2012 лекция 11
 
Неочевидные возможности ускорения работы сайта
Неочевидные возможности ускорения работы сайтаНеочевидные возможности ускорения работы сайта
Неочевидные возможности ускорения работы сайта
 
Codeception - WTF?
Codeception - WTF?Codeception - WTF?
Codeception - WTF?
 
176023
176023176023
176023
 
Html5 css3 занятие 1
Html5 css3 занятие 1Html5 css3 занятие 1
Html5 css3 занятие 1
 
современная практика статического анализа безопасности кода веб приложений
современная практика статического анализа безопасности кода веб приложенийсовременная практика статического анализа безопасности кода веб приложений
современная практика статического анализа безопасности кода веб приложений
 
Виды QA: Всё что вы не знали и боялись спростить
Виды QA: Всё что вы не знали и боялись спроститьВиды QA: Всё что вы не знали и боялись спростить
Виды QA: Всё что вы не знали и боялись спростить
 
Хорошо поддерживаемое приложение
Хорошо поддерживаемое приложениеХорошо поддерживаемое приложение
Хорошо поддерживаемое приложение
 
Отдаем страницы быстрее или как вписаться в требования Google
Отдаем страницы быстрее или как вписаться в требования GoogleОтдаем страницы быстрее или как вписаться в требования Google
Отдаем страницы быстрее или как вписаться в требования Google
 
REST
RESTREST
REST
 
Урок 20: Протокол HTTP - Евгений Концевой
Урок 20: Протокол HTTP - Евгений КонцевойУрок 20: Протокол HTTP - Евгений Концевой
Урок 20: Протокол HTTP - Евгений Концевой
 
php frameworks
php frameworksphp frameworks
php frameworks
 
еще один недостаток современных клиент серверных приложений
еще один недостаток современных клиент серверных приложенийеще один недостаток современных клиент серверных приложений
еще один недостаток современных клиент серверных приложений
 
Как сделать сайт с минимальным бюджетом
Как сделать сайт с минимальным бюджетомКак сделать сайт с минимальным бюджетом
Как сделать сайт с минимальным бюджетом
 
Антон Сапожников. Еще один недостаток современных клиент-серверных приложений
Антон Сапожников. Еще один недостаток современных клиент-серверных приложенийАнтон Сапожников. Еще один недостаток современных клиент-серверных приложений
Антон Сапожников. Еще один недостаток современных клиент-серверных приложений
 

Presentation 1

  • 1. <?php echo “Hello, world!”; ?> Skype: bogdan_solomykin Email: bogdansolomykin@gmail.com Name: Богдан Соломыкин Company: Ciklum Position: PHP developer
  • 2. ЗАПРОС - ОТВЕТ А подробнее? - как формируются запросы? - что внутри запросов и ответов? - что внутри веб-сервера?
  • 3. КАК ФОРМИРУЮТСЯ ЗАПРОСЫ. URL. http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#head
  • 7. А что там с заголовками? Client User- agent Я – телефон/компьютер Accept Что хочу видеть (xml, html, json, картинку) Accept- encoding Какую кодировку хотел бы Accept- language На каком языке хочу видеть ответ Referer Кстати, я пришёл со страницы ... Cookie Смотри, у меня есть печеньки, которые ты мне дал раньше. Это чтобы ты меня узнал :) Server Server А я – сервер Apache/nginx Content- type Вот тебе html в кодировке UTF-8 Content- Length Учти, что длина ответа такая-то Content- Language Ответ мой на таком- то языке X-Powered- By Кстати, я написан на РНР Set-Cookie Чтобы я узнал, что это ты, держи печеньку. Покажи мне её потом и я тебя узнаю
  • 8. COOKIES? Http – это «запрос- ответ», а не постоянное соединение. Сервер не «узнаёт» клиента. Как же серверу понять, кто отправил запрос?
  • 10. А КАК ПЕРЕДАЁТСЯ ВВЕДЕННАЯ ИНФОРМАЦИЯ?
  • 11. HTML
  • 13. HTML + CSS +PHP
  • 14. HTML + CSS + PHP + MySQL
  • 16. AJAX. Зачем он нужен? «Asynchronous Javascript And Xml») — технология обращения к серверу без перезагрузки страницы.
  • 18. ЕЩЁ РАЗ И НА РУССКОМ
  • 22. ЧТО МЫ УЗНАЛИ? 1. Как работает веб: • Как формируются запросы (URL, DNS) • Что внутри сообщений (протокол http) • Что происходит внутри сервера • Как работает браузер • Cookies 2. Что такое html, css, javascript, ajax, php, mySQL 3. На чём ещё пишут frontend и backend
  • 23. Q & A