Step 3 (S-44678)

From Stepik Wiki
Revision as of 23:20, 5 August 2017 by Admin (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Step on Stepik: https://stepik.org/lesson/12527/step/3

Step 3 (S-44678) 1.png

[00:00 - 00:19] давайте подробно остановимся на том какие бывают документы что он из себя представляет а поскольку это слово сети вот в а в 1 очередь нужно сказать что документы бывают разных типов для


Step 3 (S-44678) 2.png

[00:19 - 00:36] того чтобы указать тип документа используется так называемый mime типа а изначально были придуманы для передачи различной информации через а электронную почту


[00:36 - 00:52] электронная почта текстовый протокол а для того чтобы передать скажем изображение его нужно как то кодировать и указать что эти данные являются изображения была введена система типов которая потом перешла


[00:52 - 01:08] также в марте эта строчка обычно состоящая из 2 слов разделенных слышал а вот например для документов типа text слэш


[01:08 - 01:24] а документ указывает получателю то есть клиенту а способ которым можно интерпретировать данные документы например мы документ можно отобразить так вот страничку либо


[01:24 - 01:39] а открыть в текстовом редакторе видео mp 4 возможно можно проиграть с помощью видеоплеера если он поддерживает а данный формат открывать текстовый редактор его смысла нету


[01:39 - 01:54] а какие наиболее распространенные типы существует вейдер а вообще огромное количество но наиболее популярные следующий текст html это типа


[01:54 - 02:12] основной основной титле а гипертекстовых документов шмель файл а остальные файлы загружает себя различного рода ресурсы самые важные из них это все с стиле у них типа текст все с с а


[02:12 - 02:28] стиле содержит которое применяется к документам а это скрипты для автоматизации для оживления анимации


[02:28 - 02:45] тип текста javascript вообще есть альтернативная мальтипу например аппликейшен javascript но чаще всего используется текст всех картинок разные типы например картинок с расширением pdf формате пнг


[02:45 - 03:03] tip in bank соответственно в других форматах споре с другим есть видео есть а различные форматы видео и 2 типа которые хотелось бы выделить особо это в смысле


[03:03 - 03:19] и джейсон этих форматов данных они широко используются имена современных в приложениях поэтому отметим что xml документа передаются с моим типом text слэш xml а джейсон


[03:19 - 03:38] продается с моим типом аппликейшен jason полный список документов можно найти в специальном реестре вот пройдя по гиперссылке что важно понимать когда мы говорим про документы а


[03:38 - 03:57] документы могут быть представлены файлами которые лежат на сервере то есть обычный файл с именем и расширением а могут генерироваться на лету то есть документ не обязана хранится на диске а даже если он хранится на диске расширение этого документа но не играет значения


[03:57 - 04:16] то есть а пользователя особенно windows привыкли к тому что именно расширение файла определяет то с помощью какой программы будет открываться а в это не так расширение может быть произвольно то каким образом обрабатываются файлы определяется именно его моим типом


[04:16 - 04:32] а другой вопрос каким образом определяется тип тип может и в большинстве случаев а действительно определяется по ширине но не обязательно если расширение файла нету веб сервер который


[04:32 - 04:49] отдает этот файл может определить тип автоматически то есть а просмотрев начало этого файла а может устанавливаться программистам которые разрабатывают в поле аппликейшен сервер в ручном режиме то есть


[04:49 - 05:06] произвольно то есть файлы на диске можно существовать может не иметь расширение у него есть у этого документа поэтому браузер будет знать как этот документ обрабатывать повторюсь играет второстепенную роль в этом


[05:06 - 05:25] итак текст это самые важные файлы для передачи для хранения таких файлов и был разработан в а что мы это гипертекстовая разметка


Step 3 (S-44678) 3.png

[05:25 - 05:42] по сути себя она представляет текст перемежающиеся с тэгами здесь приведен пример документа мы видим что есть теги это такие конструкции угловой скобочках мы видим например


[05:42 - 06:01] тег html а у тегов есть атрибуты будто состоят из имени и значение вот например атрибут read а есть просто текст вот например какой то кусочек текста


[06:01 - 06:16] изначально проектировался именно как текстовый документ документ они чем то похожа на верстку книг соответственно есть разделение на параграфа можно вывести с помощью


[06:16 - 06:31] формата что мы в заголовке разных видов а сейчас используется для проектирования интерфейсов то есть это скорее не текстовая разметка разметка пользовательского интерфейса


[06:31 - 06:47] но тем не менее принцип остается с э э то есть вас есть теги у тегов есть атрибуты а и в принципе а между точками может содержаться какой то текст это формат что мы


[06:47 - 07:04] к нему мы вернемся чуть более подробно в 1 из следующих уроков сейчас дальше а как выглядят все слова то есть документ а с типом в тексте с а


[07:04 - 07:22] и что он себя содержат все файлы содержат в себе стиля а стили определяют внешний вид оформление а что мои документы то есть они позволяют сделать а крупнее шрифт изменить текст христо либо фона


[07:22 - 07:40] либо а определить отступы по краям картинки и тому подобное а тексте сс как следует из его моим типа слово тех здесь на случайность это текстовый формат


[07:40 - 07:55] то есть все составила можно открывать и править в обычном редакторе а сейчас файла состоят селекторов от мы видим здесь перечислены 3 селектора 1 2 3


[07:55 - 08:11] и селекторами фигурных скобочках идет о группа так называемых стилей грубо говоря селектора указывают а какие элементы мы выбираем о стиле указывают как они должны выглядеть


[08:11 - 08:26] например а мы выбираем некоторые элементы указываем что у них а цвет черный и а шрифт обычный то есть нежирные обычно 6


[08:26 - 08:42] как выглядят xml документ xml а это отдельный формат который предназначен для разметки и на для разметки


[08:42 - 08:56] с 1 вида а с 1 взгляда он очень похож на что л документ но есть существенная разница а xml это более строгий формат а


[08:56 - 09:12] в частности а он не допускает ошибок внутри себя например а в документах вы можете перепутать местами теги либо забыть закрыть тег это все равно останется моим документам и браузер


[09:12 - 09:28] худо бедно его отобразит а если вы в xml документ забудете закрыть тег либо допустите какую нибудь опечатку например здесь вместо буквы е она пишется буква о


[09:28 - 09:44] вас не совпадут и открывающиеся закрывающиеся теги и это будет не валидный xml документ то есть разметка xml она намного более строго а могу сказать какие правила


[09:44 - 09:59] применяются во 1 он состоится xml разве это составить из текста и тегов отель где обязательно должны быть парными то есть если так открывается должен быть парные ему закрывающийся тег


[09:59 - 10:19] от например а франс и а закрывающаяся так франс а если внутри тэга нет дочерних так он может закрываться сразу тогда в конце ставится слэш внутри тэга могут быть атрибуты атрибутами состоят


[10:19 - 10:35] имени и значения значение обязательно обязательно в двойных кавычках просто просто имени либо просто значение быть не может а для чего используется xml зачем вообще нужно xml документ


[10:35 - 10:49] применяется для передачи отображения а документов для пользователя чтобы он мог прочитать то xml в основном применяется для а как формат передачи данных между 2 программами


[10:49 - 11:07] чтобы программа могла срезать данные а другая могла их здесь раздавать поэтому этот формат такой строгий чтобы было проще организовать парсер на каком то конкретном языке а формат xml


[11:07 - 11:25] применяется в качестве протокола обмена между различными приложениями а xml описывают просто язык поверх о поверх xml а существуют разные подмножества этого языка которые описывают


[11:25 - 11:40] а конкретный тедди а например мы видим что здесь есть теги response friends евфрат а сам xml никак не накладывает никаких ограничений на название в то есть название так может произвольно


[11:40 - 11:55] когда мы фиксируем назвали этих тегов мы получаем какое то подмножество языка xml который обладает некоторой семантики тем не менее а в современном в вместо xml


[11:55 - 12:12] часто используется другой формат аппликейшен уже писал а как мы видим это тоже текстовый формат хотя начинается он естественно сопляки еще и в принципе он предназначен также для передачи данных


[12:12 - 12:27] между 2 программами то есть человек в принципе джисон глазами редко читаю я столько не разработчик в чем принципиальное отличие между дженсоном и xml json намного проще


[12:27 - 12:47] а вообще как javascript обжиг новейшим то есть а это формат который а произошел из языка javascript фактически языке javascript с помощью подобных конструкций описываются массиву и объекта


[12:47 - 13:05] то есть мы видим а здесь есть 2 вида конструкции это фигурные скобочки с помощью фигурных скобочек описывается массив то есть э отображение имен значение и есть квадратные скобочки


[13:05 - 13:19] я извиняюсь а с помощью фигурных скобочка описывается объект отображение ключ значения квадратных скобочек описывается массив соответственно джисон эта структура из вложенных объектов и массивов а


[13:19 - 13:37] в чем принципиальное отличие и преимущество джисон между передом к 1 во 1 проще а во 2 а парсер из за простоты простоты формат работает намного быстрее то есть


[13:37 - 13:54] а формат json он быстрее разбираются быстрее реализуются и в 3 а формат же сон позволяет вам однозначно закодировать некоторое дерево а


[13:54 - 14:11] и однозначного декодировать чтоб было понятно я приведу пример а допустим у вас а вы хотите передать а информацию о пользователях пользователя есть имя и есть а какой то идентификатор


[14:11 - 14:30] случае а с форматом решение простое однозначно пользователя то объекту объекта есть поля поэтому мы представляем его в виде объекта джисон вот например здесь а 3 строчка как раз объект пользователя есть а есть имя


[14:30 - 14:45] есть а айдишник формате xml существуют 2 разных варианта представления мы можем его представить а либо как пользователя


[14:45 - 15:01] виде также 1 только вот здесь представлен пользователю у него есть атрибут id у него есть атрибут похожа на ту же сумму либо мы его можем представить как тэк с 2 вложенными файлами а


[15:01 - 15:18] соответственно нас будет разная структура дерева хотя одни и те же дам а поэтому программного обеспечения нужно будет поддерживать либо оба варианта либо каким то образом договариваться какой из них


[15:18 - 15:33] меняется в каждом случае а еще 1 преимущество формата джисон заключается в том что он поддерживается всеми браузерами а фактически с коробки потому что это основной


[15:33 - 15:49] это основной язык а основной формат данных для языка javascript а поэтому браузеров осуществлять автоматический парсинг при получении чосона сети на данный момент формат json часто используется


[15:49 - 16:06] для обмена чистыми данными между сервером и клиентом и а для обмена данными между приложениями это также очень удобный формат окей мы рассмотрели основные форматы документов


Step 3 (S-44678) 4.png

[16:06 - 16:24] а теперь важное замечание документы это не тоже самое что и файлы документы могут быть статическими и динамическими а статически документ это действительно файлы которые лежат на


[16:24 - 16:42] диске а веб сервер а то есть 1 и тот же документ он может быть 1 файлом либо 1 файлом который лежит а на разных серверах файлов может быть несколько они могут быть просто одинаковые это будет 1 и тот же документ


[16:42 - 16:57] это статический документов а как правило у статических документов 1 и тот же адрес по адресам чуть позже и документы могут быть динамическими что значит что документы динамически


[16:57 - 17:12] эти документы не существует в виде какого то файла они генерируются налету по каждому запросу когда пользователь загружает веб страничку он получает не файл жесткого диска он получает ответа плетешь


[17:12 - 17:29] то есть страничка веб страничка например поисковая выдача она создается генерируются специально для пользователей тем не менее это документ я у него есть соответствующий тип а динамически документ я уже сказал


[17:29 - 17:47] как правило они меняются со временем запрос запрос и уникально для каждого поезда не то что они различаются от пользователя к пользователю то есть они учитывают то кто запрашивает данные документы и а


[17:47 - 18:06] адрес число документов может в принципе меняться у статических документов как правило 1 и тот же адрес а позже мы рассмотрим какие часть веб сайта делают виде динамической документов какие виде статических