#8 Маркетолог ушел на фронт. Собеседование на Frontend Middle разработчика

Транскрипция видео:

• какие ты знаешь еще кроме линейны можем ли мы попросить браузер работать быстрее нечего скрывать прекрасный язык я очень люблю всем привет на восьмом выпуске от собеседования меня зовут владислав я из компании дели mobilni рядом со мной станислав из компании хабара сегодня у нас себе силы не у нас вася вася расскажи себе воздаст внизу то ванг на самом деле вася но это имя из гугла пацану то есть аккаунта я весь контент разработчикам программирую на женскую те использую в работе фреймворк уже с и

  00:00:00 - 00:01:23

• опыт коммерчески разработка меня почти два года расскажи как ты вообще изучал frontend с чего началось твое знакомство с этими ну началось в ровно давно я наткнулся в году в 15 и 16 курса ешьте моряками поизучал а потом прошел курс по женское кто вы и как то об этом всем за гол но потом на работе мне понадобились друг друга эти навыки чтобы простить интерфейс работы с сайтами где мне нужно размещать объявления по работе и свободное время нашего писать скрипты небольшие которые упрощают не работал то

  00:00:43 - 00:01:59

• есть у нас все исправление интерфейс типичный свечи целом момент я начал развивался же фронт-энд разработки и через это время нашего первого бота а вообще на кого учился учился на экономиста с экономикой не сложилось решил пойти в разработку не оснащена решил пойти в маркетинг а потом уже smarties такую разработку но как вообще фронт-энд травиться тебе да конечно все очень нравится несмотря на все еще там тем что там тебе кажется что в это может прекратиться почему так мы могиле другой аспект не знаем

  00:01:20 - 00:02:51

• как мне кажется не все так грустно как люди многие считают тебя времени нечего скрывать прекрасный язык я очень люблю согласен там основной вопрос только в том что они все понимают как он работает потому что там есть нюансики есть новые сам языка я сама разработка на достаточно динамично каждый год что-то новое и в этом тоже надо разбираться как то успевать все это изучать хорошо как ты оцениваешь свои навыки то есть хорошо ли ты знаешь frontend более менее явно и сказал что все-таки виду но уверенности не а то

  00:02:06 - 00:03:26

• мало ли какие вопросы и вами за водителя но его собственного капитала ну то есть ты уже можешь решать задачи самостоятельно и не требуется помощь и от коллег да все что касается фронтэнда я решаю самостоятельно может касаться именно сжал скрипта и же с и так далее хорошо как ты думаешь какой именно вот какая часть фронт м для тебя самое сложное в которой ты менее всего уверен в себе и она ее будете в прошлом именно ее мы будем спрашивать до самого темный час до меня это сборщики energies в этом

  00:02:47 - 00:04:23

• как бы я практически не работаю последнее время ее мало что знаю как успехи с сокетами фактом совсем немного работал но по работе они нам практически не нужны заправку или вообще не работу я так erygin не приходилось вот видишь я могу сразу накинуть кучу тем которых с которыми никто не сталкивался сразу станет страшным но не приезжай за этому спрашивать не будет и кстати сказал что ты свою работаешь а вот ты вообще как кровью пришел то есть сейчас новые типы не самый популярный все-таки сам популярность реакции и вот интересно

  00:03:35 - 00:05:07

• почему ты выбрал view место ректа да я как раз начинал факта но мне друг предложил работал там прервался разработчиков красный бюджет и я некоторыми его изучал выучу прошел собеседование свойства задания меня приняли и так я дальше извелся то есть это была против твоей воли ну не то чтобы против моей воли не то чтобы я питал особого какую-то страсть грядку я совсем не понравился предлагаю я решил остаться вами почему но хорошо о чем он тебе понравился стране срок там реальность не могу сравнить там нет как называется такой

  00:04:20 - 00:05:59

• язык как это нет есть можно как он более простыми показался более структурированный компоненты на тот момент на тот момент был 15 ряд не было никаких хуков было сложнее писать на реакция более таким или ганский показался простого изучения я думаю на самом деле тебе понравилось прекрасная документация по view она хороша своим никак что тоже с не были небольшие сложности тоже какие-то страны иногда писали встречались но она прошла нур octopus достаточно хорош а вот композиция ты видел который сейчас быть

  00:05:07 - 00:06:29

• новый досмотрел вашего погодной за по моему но мне он что не очень понравился вернули совершенно работать на втором бью 30 нет вобщем почему не понравился это же как раз очень похоже на то что вот в реакции с куками не знаю может быть не слишком много с немножко поработать если предусмотрительность начну использовать нокий хорошо расскажи какая самая интересная задача вот который тебе приходилось решать может быть она была сложная может это задача которая долгими потугами решалась и в итоге ты можешь сказать что ты

  00:05:54 - 00:07:20

• гордишься им что сделал это пол не сказать но не дали работу над интерактивной таблицей похоже на xxl с кучка логике случай с этих сумм фильтрами и так далее все это на ужас достаточно то есть эта каталог магазина нет ни каталог это таблица наподобие из того что интересно ну что можешь назвать было интересно как-то набивать balan pagespeed insights волосы уже ты слышал хорошо провели txaa слышал lighthouse ну не только на раньше раньше раньше он был как раз отдельном то есть pagespeed insights это был отдельный сервис потом

  00:06:36 - 00:08:20

• они поняли что нет смысла поддерживать 10 разных решений про одно и тоже и просто туда lighthouse интегрировали и теперь действительно это одно и то же я обратно называется по-разному я работал именно через консоль google а именно там смотрел но консоль гугла и то другое то есть pagespeed insights это сервис типа ты зашел в bell адрес и быстренько посмотрела там какие-то метрики по перфоманса все еще консоль это надо прямо интегрироваться то есть ты должен на сайте файлик положите он будет прям

  00:07:42 - 00:08:40

• твой сайт сканировать и отдавать уже аналитику там не только против у нас будет там вообще в принципе просел по моему я консоли затем доверяет да он с консоли те как раз может сказать немножко и pro performance и про ошибки допустим и еще всякое куче информации полезной именно для поисковика это pagespeed он чисто pro performance то есть там ничего не будет допустим что у тебя за ссылки слишком маленькие или у тебя разметка не валидная он скорее всего не ругнется но может ругнется сейчас конечно уже может быть они уже

  00:08:11 - 00:09:27

• прокачали вот в целом он супер фонд но мне кажется рано или поздно это будет вообще одно и то же только одно запускается на гугле 2 локально хорошо расскажи какие у тебя планы на будущее планирую дали развиваться в ближайшее время планирую окунуться в так step наконец я немного знаю нас небольшие проблемы соверши только недавно начал искать я бы поговорил да если просто может и не надо туда окунаться не знаю стоит все хотят все требуют какие-то проблемы в 3 шариков снова не знаю тестировать попробую

  00:08:50 - 00:10:21

• окунуться позже номер с принципе доли компании развиваться именно на бюджет может быть что то еще тестирование тоже тебя и не трогал еще 8 и 9 довольно давно ясненько хорошо наверное с общей частью мы закончили я думаю можно ходить к вопросам ps 1 блок у нас будет очень простой разогревочным предполагается что ты будешь легко и быстро отвечать так что ну что ж расскажи типы переменных какие ты знаешь или же раскрыть те типы переменных принять его и слышно нет именно типа переменных вот смотри у

  00:09:37 - 00:11:17

• нас есть war у нас еще есть в чем их различия и особенности в том что const redefine его лет icon set у них область видимости внутри блока только не за пределами отличие от вас такого как работает бар просто определяет переменную и она будет видно за пределами своего блока где была объявлена там как раз когда такая какая там область видимости таком случае то есть там видимо не блочная какая-то другая большая авар нет ну то есть внутри чего видно war то есть явор внутри чего могу написать гарантированно

  00:10:32 - 00:12:27

• что она не провалится куда-то еще внутри того блока где был объявлены внутри соотношениях ну то есть получается тоже блочную совсем по моему нет ну тогда уточнить то есть в чем тогда здесь отличие от и говорит что ну разная область видимости dota лет констана блочная a war тогда какая нужна она больше но по-моему ваш муж выпадает за пределы а в чем разница тогда то есть ну вот но давай давай сразу определимся что все-таки у нас варне блочная область видимости хочется понять вот как ты вообще осознаешь эту разницу то есть в

  00:11:28 - 00:13:10

• чем разница когда мы с тобой ворона пишем внутри не знаю блока и когда мы с тобой лет напишем внутри блока в чем будет разница ну допустим из мы хотим достучаться до переменной до того как она была объявлена важно вырасти файл лет скрыть свою слышит москва какому то есть вот только в том что они ну не знаю war у нас всплывает лет в он всплывает но они инициализируется то есть получается равенство код в такой штуки или может какая то еще там есть тут то есть еще новизна как объяснить ладно это на самом деле да мы ожидали что это

  00:12:20 - 00:13:44

• будет трастовый просто вопрос там разница на самом деле в чем ваши товары функционально область видимости то есть ему без разницы что то его объявишь внутри блока но он там нет вообще такого понятия что блока есть область видимости вот он появляется только свет икон ством ты можешь внутри лет внутри блокнот лет const и это переменной будет недоступна вне блока вот в этом основная фишка это как раз вот применяется обычно в циклах то есть раньше как писали написали в цикле var ay и этот счетчик был

  00:13:08 - 00:14:07

• глобальный доступен функции то есть следующий счетчик который будет идти после этого он будет тоже там же доступен то есть ты можешь случиться такая ситуация что ты будешь war переопределять в другом цикле такое может быть вот для этого как раз придумали лет account то есть когда ты пишешь лет ой внутри for он будет доступен только внутри вот этого blog for и все он никуда не провалиться ну вот такое отличие хорошо следующее нас вопросы типы данных расчеты начал какие ты знаешь типу тип данных строга число

  00:13:38 - 00:15:06

• объект гигант на он даст point символы по моему все а в чем у нас но принципиальная разница между ними то есть можно ли мы их можно ли как-то разбить на несколько категорий каких-то но как разговора ли можно разбить на срочно и 3 посылочной это вот что значит это значит что перемена будет доступна по ссылке то есть и знак объяснить этому относиться объект этому типу но объект вообще кто такой объект давай так начну то тип данных это мы выяснили гениальным нет это хорошо это это тип данных но в чем его смысл вообще вот

  00:14:23 - 00:16:21

• объекта у нас есть тобой объект записывать данные туда то есть ключ-значение если не газета да ну да вот это как раз типа хранилище ключ-значение и массив у нас то же самое хранилищу ключ-значение только с логикой поверх вот этого вот ну то есть ссылочный тип данных как раз тем отличаются что он сделан для хранения вот этих самых примитивов что древнего эти примитивы кладешь ее кладешь и держишь эту коллекцию из их примитивов либо коллекцию из объектов и так далее то есть ты не можешь примитив положить в

  00:15:25 - 00:16:45

• примитив это принципе невозможно вот у нас может вот еще интересно интересно узнать а вот у нас есть тобой ну лан define когда вообще что использовать фондов ай-дат когда переменная объявлена но я непрестанно значение on a lot когда призвали назначение пустой макей ну хорошо я думаю тут все правильно расскажи про операторы так что это которыми ты пользовался кстати да что что такое оператор тоже интересно я полагаю это плюс минус и так далее ну и или но оператор или оператор или уже логические операторы какие имеют

  00:16:10 - 00:18:14

• плюс-минус но вот хорошо расскажи первых ну какие ты знаешь типы оператора давай так логически с минус озарив печерский есть оператор побита вы больше ничего не вспомню но есть еще операторы сравнения да ну хорошо давай вот возьмем из на этом первые логические операторы какие туда можно отнести оператор или оператор или есть еще недавно оператор с двумя задними вопроса но кратенько по каждому надо сказать что не делаю так но оператор их возвращать true если обозначения правдивы и возвращает последние оператор или возвращает true

  00:17:18 - 00:19:13

• из одно из значений правдиво с двумя знаками просто возвращает true если возвращать второе если первый немного window and может быть ты помнишь как он называется то называете эпилятор два ? это как то не очень хорошо по-моему то ли 0 и школе алешин как то так ну вот 0 и что-то там хорошо какой у нее есть брат свара каком смысле брат наверно или ну брат наверное имеется ввиду когда их вводили в стандарт спецификацию не помню но ушел ченнинг это просто ? . это для удобства чтобы проверять если у нас такой метод или такое поле в объекте

  00:18:34 - 00:20:54

• она пусть и если есть то идти дальше и уронил что будет если вы не писать тогда может быть ошибка потому что если мы обратимся к кому в каком-то поле ну допустим вал объекта в объекте и если этого объекта нет в этом объекте тогда он выдаст ошибку что не надену такой-то свойства объекта хорошо еще что-нибудь вспомнишь из логических операторов наверное нет логическое отрицание да ! ну вот это тоже туда же как он работает он превращать true false false true то есть это не логическое а что будет если

  00:19:47 - 00:21:45

• мы там не знаю сделаем к строке его применим будет труп будет by the falls through почему если это не пустая строка я могу спасли страх ошибаться но потому что строка всегда работу по моему если ней что-то есть я как-то быстро вот точно то есть там получается что для каждой строки прописаны свой результат при применении логического не нет это механизм приведения титова же вас как-то то есть как он будут примерно хотя бы по шагам чтобы происходить что к чему приведет . мы применяем отрицание к строке

  00:20:52 - 00:22:43

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

  00:21:56 - 00:23:35

• этого как раз алгоритм что строка все таки сначала станет бульон значением и только после этого к ней примените логическое отрицание то есть нет такого что для каждой строки там не знаю если строка пустая у нас этот логический отрицание там будет возвращать true не знаю то есть там не для каждого типа описаны описано просто для совместимых типов они сначала совмещаются и после этого идет какое-то преобразование или сравнение nokia бы назвать или про типы сравнение поговорил еще ну из серии там например что будет если

  00:22:59 - 00:24:19

• мы будем не знает складывать число и строку что мы не в консоль . насколько понимаю хорошо если мы сделаем другому что мы увидим хорош вопрос возможность какой-то из приносит можно не все правильно хорошо давай по хардкору что будем консоль мне кажется true нет как мы можем что-то складывать и получать булево и значение дальше подумаем на на чем можно выполнять оператор сложения на стропах на числах ну то есть можно логически предположить какой может быть результата будет только этого вида извиниться

  00:23:36 - 00:26:05

• все правильно будет единиц хорошо я вижу что знаешь типизации я думаю spreading типом все хорошо хорошо операторы сравнения какие-то знаешь операторы сравнения и все в два знака равно и 3 закроют и строго-настрого да ладно по моему а больше куда делась не равна есть строго грань равно ну хорошо как же сравнение чисел одно больше другой меньше например куда больше и больше . смотри-ка уже не давая хорошо давай поговорим что такое строгая и нестрогая операция сравнения строк сравнения этапе раз приведение типов то

  00:25:04 - 00:27:05

• есть сравнивать ты сам назначения ему тип не строгая сравню с поведением типов и по какому принципу то работает как работает как им не устранить q5 и не число 5 с несколькими сравнениям они будут равны составим они не будут равны так такой прекрасный хорошо надеюсь что не добавить нету я думаю можно дальше на переходить уже давай поговорим с тобой про две такие интересные структуры данных как map eset вот как они работают и вот не знаю какие может быть знаешь и из кейса когда их надо применять доработал map это коллекция кассет

  00:26:08 - 00:27:59

• в мо переключая могут быть любые типов данных в том числе и функцию насколько помню как объект из коллекции при значении ссср тоже самое но по-моему там только уникальность значение окей но с этим я думаю понятно в принципе через есть применения здесь вопрос должно быть а вот с мамам приходилось лица с маком работать и для чего-то его применял маком я не помню я работал 0 1 и на применить дополнительное хранилище который не могу делать какие-то проверки на доступ или что такое но сложно сказать как просто хранились

  00:27:08 - 00:28:47

• допустим у нас есть список лидеров и нам нужно понять заходил юзер или не заходил на сайт мы записываем берем объект этого озера кладем коллекции записан в качестве значения строку или бульона в мир турин фолз так с этим работаем но это такое знаешь немножко забивание микроскопом гвоздей потому что обычно все таки да виде примитивов хранят чем такие ссылки на объекты ну да я там есть всякие разные из кейсы конечно можно посмотреть в целом муке если понимаешь хорошо то есть в любом случае если понадобится в

  00:27:56 - 00:29:22

• качестве ключей используется объекты ты знаешь взять думаю это достаточно вот наверное будем двигаться дальше к уже более интересным блоком вот и наверное поговорим с тобой про сеть и тут уже слова владу хорошо и наверняка работал с пачками можешь рассказать что такое из причем это принципиально отличается от типичных сайтов спрос как сингл больше придержим подразумевает то что у нас вся логика сайта в том числе rolsen расположенная не держит славная страница все взаимодействие с и потому что при

  00:28:41 - 00:30:05

• переключении между разной страницами происходит именно в одной странице когда так без обновления токио если обновляется страница это как это работает ну как правило мы используем ротик и помят ловлю на какой странице находится пользователь при обновлении и уже исходя из этого отправляем лишь потрясен другое но связи с этим красиво планет вопрос что-то может катя клиент-серверной архитектуре в чем ее смысл в символ . но в том числе то есть нас сингл поищешь это клиентская часть всей этой системы

  00:29:27 - 00:31:25

• ну а вот в общем и целом то есть само то есть зачем нам что-то разбивать на контент а что-то на b почему-то не может быть одним целым вроде как может могу по крайней мере но все-таки почитается чтобы всего разбито так как с этим удобнее работать и в целом как то проще но сбросе в каком плане то есть ли направлен запрос на сервер сервер посылает ответ конечно всегда больше предвечных может быть проблема потому что вся логика она нажала скоте крутится из-за этого страдает индексация и села ну вот интересно интересно узнать

  00:30:24 - 00:32:08

• а как быть но ты говоришь что вот эта удобная архитектура если не клиент-сервер то что какие еще есть архитектуры сетевые ну кроме крен серверный сервис от рендеринг ну облагается раскрыть что такое почему это отдельная архитектура не знаю может они провели говорю но но скажи как понимаешь это удалить содержимое страницы формируются на сервере уже сервера дается готовая разметка готовил логика чтобы сделать естественно для того чтобы повысить индексация сайта на каких сайтах чтобы скидки могли видеть контент страницы из

  00:31:17 - 00:33:00

• этого кушать в поиске не совсем я наверное понял разницу клиент-сервер серверная архитектура в таком случае то есть как вот такой подход не знаю несовместим с клиент-сервер тоже есть клиенты которые получают эту разметку сервера да то есть это то же самое это это и есть верная сестра сказала нужную деталь потому когда не знаю никаких альтернатив то есть у нас в интернете вообще в принципе существовать может только клиент-сервер его никак иначе вообще я полагаю что да а вот торренты как работают то есть у нас у нас на

  00:32:07 - 00:33:33

• торрентах но нету какого то сервера на котором хранятся все файлы правильно торрент это и stupid насколько я помню вот у других пользователь пишет upper это как раз тоже другая архитектура это когда у тебя нету одного сервера когда у тебя все участники между собой связываются это вот другая архитектура да окей но спирта передо знаешь это классно хорошо расскажи про шить и т.п. ты наверняка работал с ним как вообще он работает это протокол вводим адрес сайта и повышаем страницу и это протокол придает данный нам

  00:32:52 - 00:34:19

• давай поподробнее мы ввели адрес и попытались перейти что происходит по моему отправлять запрос на сервер который расшифровывать тот текст который мы написали переводит его айпи адрес далее нам запрос приходит на сервер обрабатывает это запрос и отправляет нам ответ так вкратце объяснить разве он весь текст преобразовывает твоего и печник нет не весь поле пара параметрами я тоже думал потому что если мы будем генерировать и печник на каждый там к вере параметры у нас они просто очень быстро закончится мне тогда только

  00:33:40 - 00:35:30

• название домами хорошо может быть структурой все типы запроса то есть мы наверное кроме адреса еще что то можем отправить так так мы можем отправить тело запрос тоже получить и заголовка можем тело не отправлять где обязательно нужно обязательно решено хотя используется тела вот это тело используется по запросов чтобы мы могли конкретизировать что нам нужно оценивать хорошо у нас есть метод дэвид предполагается ли там наличие тела или тело только для post запросы предлагаются да да а сразу мы можем не

  00:34:35 - 00:36:36

• писать там тела можно написать хорошо авгит можем ли мы отправить тело яд не можем почему кто нам запретит сама структуру запроса ну не знаю может быть сможем на провал я так это не использовал пакету я отправлялся в баре в ранних ну то есть понятно что есть рекомендации но кто нам запрещает нарушать если у нас особые там вкусы хорошо так она такой вопрос в чем принципиальная разница будет запросов get и того же пост ну я запрос мы можем поделиться ссылкой по запросам нет по запросу всего именно

  00:35:44 - 00:37:18

• в теле информация аналогично можно ли сделать post запрос без базе ты же вроде говорил только что война используется для семантики скорее но вот хочется понять бате то у нас все таки для чего-то нужно то есть получается что мы базе боже мы можем вообще с тобой не использовать все гонять через сквере параметры тогда зачем нам body зачем придумали усложнили протокол теперь нужно какое-то body использовать дизайн чтобы скрыть воде по пользователю ну ты мечту с адресной строке и в том числе но хорошо ну окей давай сделаем

  00:36:34 - 00:38:07

• вид что это ничего не скрывает и на самом деле там него важно что в баню что в каире у тебя все будет видно давай представим то есть если убрать вот этот пункт то получается что как бы body нам не нужен или все-таки есть какие-то особенности у body которые вынуждают нас во использовать вот подумай как ты делаешь запросы на сервер вообще то есть что ты кладешь обычно в боди и что ты можешь положить баден но не можешь положить допустим в те же самые параметры вот как вариант а еще что можно что-нибудь такое похитрее

  00:37:24 - 00:38:43

• бинарный файл ну вот тоже самое то есть мы не можем с тобой бинарный файл положить в адресную строку но просто потому что банально нам не хватит место когда это все дело вот это будет очень тяжело поэтому у нас body используется для комплексных каких-то данных джейсон как варианты и там не зная form data и еще что угодно еще хорошо почему нельзя через to get запрос какие-то динамические данные гонять что наши динамически главное но удаётся сенат формулировка не очень удачный имеется виду что например в отличие от

  00:38:06 - 00:39:55

• пост запросов get можно зафиксировать и чё они там прокси сервер и какого-нибудь или еще что-нибудь то есть никаких ну таких операций нам сделать не удастся или можно там попасть неудачную ситуацию когда там буду ближе например мы хотим свеженькую информацию у нас старенькая окей это кстати кстати хорошую тему поднял интересно вот у меня вопрос к тебе тогда по посту можем ли мы с тобой за кэшировать пост ну в теории мы конечно можем написать функцию которая будет жировать а к чему это может привести ну потому что данный

  00:39:01 - 00:40:51

• массив на сервере обновились она сами обновимся если правильно понял то есть мы пишем демонизация какую-то на клиенте мы повторно попробуем запросить данные с теми же ключами с теми же данными которые мы хотим у нас веры возможно же тут изменилась и получим устаревшую информацию но это ты говоришь кейс когда мы через пост пытаемся запросить данные то есть это мы из в пост как get начинаю использовать немножко какая с какой самый часто кейса все для поста то есть через пост мы что обычно делаем получаем какие-то данные для отображения

  00:39:59 - 00:41:29

• то есть наша цена если заявился на backend наша становится чтобы обработать этот ответ но все-таки основе цель через пост это отправить что-то то есть молнии через пост именно пытаемся отправить какой-то контент на сверлильном сохранить способа пытаются получить что-то мы как клиент пытаешься отправить через пост за сейчас со стороны клиента смотрим не со стороны бэкенда этом до новые то под банальный пример как они формочка да у нас есть формочкам и через пост отправили да они записали все то что будет случай если мы туда кэш

  00:40:50 - 00:42:14

• поставили но мы с тобой ошиблись там и нужен с неправильно сконфигурировали у нас теперь поставлю присаживались мы сможем понять сохранились до а смогут ли они ваще сохранится не знаю смотря как написать но по логике если это кэш то у тебя вообще нибудь кого сохранения ты один из сохранил все последующие запросы на пост ничего сохранить не будут тебе не джинкс просто вернет тот же самый ответ и все то есть ты запросто же проходить не будут поэтому естественно поставить кэшировать вообще нельзя там

  00:41:32 - 00:42:47

• даже спецификации написано что пост кэшировать не надо просто потому что это та штука которая не безопасно и но мы тут тут тут уже это обсуждали она меняет состояние сервера поэтому если ты за каширы что ты состояние сервера менять не можешь наука так вот на получение данных как раз вот то что мы чаще всего делаем через get состояние можно закодировать то есть да она может быть неактуальным но вместо того чтобы запрос проект на сервер джинкс будут отдавать его из кэша я понял это уже не так страшно добавить

  00:42:09 - 00:43:25

• роскоши роль мне много работал это как работать за решалась заголовками нового понятно чтобы к and so сам это решает окей меня такой вопрос ну вот мы поговорили про соединение вообще про http микро ты работал с https сам сейчас все требуется чтобы шел через ешьте без почему потому что с пресса шифрует пакета которые предаются что нам это дает почему мы можем даже есть маску это сайт не требующий там или там сервис который не работает там с чувствительными данными полу паролями логин или еще чем то почему все равно

  00:42:48 - 00:44:28

• нужно https а я знаю что как бы не могут перехватить иные лица насколько я понимаю а так в целом даже не знаю ну давно ли ты ходил на сайты которые без https то потом он тих уже практически нет ну наверное это не просто так если дело касалось только безопасности то я думаю что многие сайт например там знаю просто информационные статейные не стали бы пользоваться этим ну пользователь ничего не будет ничего не защищать не нужны они показывают всего лишь там статьи и каталоги зачем им какой-то https

  00:43:36 - 00:45:04

• возможно это как-то связано со скоростью работы главных скорость почти теперь хватило влияет на скорость но постараемся все теперь как то возможно будет немного подольше так как называется дополнительные какие-то действия по обработке пакетов примерно хотя бы что меняется в общих чертах скорость получения данных сервера я травкин окна на сервер с клиентом и я предлагаю ну то есть мы стоим вместе дпс у нас какой то не знаю харди лимит на скорость отдачи теперь сервера жесткий я меня просто не могу дольше может быть из

  00:44:26 - 00:45:54

• за того что все таки этот шифрование происходит но опять же не уверен но на самом деле есть такая штука как терехин шейк и он как раз будет увеличиваться то есть нас пред запросы которые идут перед собственно получением данных и станет больше нам сначала нужно с тобой верифицировать сертификат который есть уже после этого только получать данные по этому вопросу станет больше из-за этого за счет этого станица медленней не за счет того что у нас не знаю скорость порта пропускная способность понять

  00:45:12 - 00:46:19

• заняться то есть она останется ровно такой же я это буду нокии хорошо ножки псж там какие то что еще можно помимо вот шифрования то есть что нам дает вот это шифрование почему это нужно делать всем а не только избранным какие-то обновления шкатов то происходит насколько я помню но это да но только это никак не связано то есть то о чем приходится работать обновлять сертификат но есть там не знаю контора который выпускает сертификаты на 2 года мы можем не часто прибегайте к обновлению но вот смотри даже тут

  00:45:46 - 00:47:27

• недавно google сказал что они в там уже по моему даже в этом году будут помечать сайт http флагом что это сайт небезопасный но они уже дал это диод по-моему они нет но они часы и серым подсвечивают вот такие сайты пока что насколько я помню может быть конечно поменялось вот вопрос как раз вот в эту в эту степь почему всех заставляет переходить на https почему это так важно почему мы не можем оставаться на и все т.п. если у нас нету авторизации если у нас нету secu на каких-то данных по мембране

  00:46:38 - 00:48:02

• безопасности нечего сказать ну это логично она как раз про безопасность здесь все как бы правильно да то есть и теперь сам повышает безопасность но тут хотелось бы чтоб именно назвал какую именно безопасность дает чем чревато отсутствует и безопасности какие-то люди могут перехватить странная которую мы отправляем ну так вот я и говорю что плохого в том что мы допустим перехватим я смотрю статьи википедии и они авторизируйтесь ничего что плохого если кто-то перехватит что я смотрю эту статью ну кроме того что он узнает что я смотрю

  00:47:19 - 00:48:41

• эту статью ну мало ли они могут составить какой-то портрет пользователя ну вот мне кажется лад надо это подвести тут уже к правильному ответу есть такая штука как момент заметил атака то есть в чем суть атаки человек перехватывать трафик и начинает его модифицировать или читать то есть может читать статью на википедии там не знаю место два плюс два равно четыре будет написано 2 плюс 2 равно 5 хотя по факту на или колебания добавится ни за что угодно да и ты будешь видеть не то что задумал тот кто держит этот сервер который ты

  00:48:01 - 00:49:09

• обратился этим будет обработку управлять третья страна это может быть там провайдер или еще там любые трети лица вот по ходу всего пути как идет запрос то есть весь сетевой стек может где-то что-то поправить чуть-чуть и ты потом эти концы не найдешь кто кто-то трогает вот потому что все шьется как раз в открытом виде этой особенности чтить и п но там прям все в открытом виде аске гоняется виде чистого текста уточните person закодированный то есть его нужно начал раскодировать и этот ключ получить

  00:48:41 - 00:49:46

• который у тебя есть его нельзя так просто получить то есть не через мент заметил не получится достать никак чтобы ты не делал вот вот такая штука я стану ты наверное видел к там не знаю в каком метро в москве если был то там провайдеры любит очень добавлять рекламу баннерную внизу сайтов которые начали теперь вот это вот как раз из-за того что не все стоят и чтить и без значит без не получится эту рекламу добавить никак не у и провайдеры тоже любят этим заниматься его а некоторые могут сказать что заходишь на сайт оон те вставляет

  00:49:12 - 00:50:37

• county рекламу и ты такой смотришь я же вроде не писал ничего такого в коде а как я вижу и их у себя в браузере ну то есть вот такая примерной работы макей так ну почти теперь я так понимаю все да вот да ну а сегодня просто бы про безопасности самом деле много будет поэтому придется нам сегодня с тобой мешкова безопасников поиграть вот знакомо ли тебе такой термин cars вот страшное слово часто мы его слышим про что это вообще курс спроса режим ресурс ресурс если такой исполнительно сказать о последние последние шеринг последний

  00:49:55 - 00:51:54

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

  00:50:56 - 00:52:25

• не блокирует [музыка] где проходит эта грань что надо заблокировать кросс домены какой-то запрос а вот этот не надо блокировать она на то что мы определяем итоге скрыт она сработает то что мы делаем запросы разверни что за запрос и букет по запросу окей вот смотри мы ставили формочку в себе на сайт формочка смотрит на другой домен делает get post запрос не знаю что угодно мы эту формочку отправляем получается она у нас не отправиться с тобой поэт логике что мы с тобой делаем запрос на другой сервер но она направиться на

  00:51:44 - 00:53:12

• сервер не считают сколько я помню ну не расслышал тебя она отправиться куда надо а направиться на сферах но серверу никак не считает эту информацию насколько помню почему им потому что запрос другого дома ну то есть у нас в интернете в принципе запрещено делать курс domain'е запросы это прямо такое глобальное правило что ли получается нет запрещено вот а почему в случае с отправкой формочки он не засчитает потому что с погода - которой была отправлена phone for мышка не разрешено строить вопроса

  00:52:40 - 00:54:02

• насколько я понимаю не кто три шеи до интересно решают сервер но в любом случае решает сервер до решает любом случае сервер но почему ты считаешь что вот он скажет что если это с другого домена то надо запретить нам не работал ну давай представим абстрактно что у нас тобой backend может не знаю отвечать на любые запросы вообще какие хочешь и в этом случае все равно будешь в формочку не сможем отправить можно брать ну вот то есть это получается не универсальных это правило что кросс дома не запросы запрещены

  00:53:23 - 00:54:41

• вообще нет мир я значит есть такая политика курс но я не знаю как он работает капотом то есть что что нужно настраивать ты сейчас дал себя с потрохами мы это надеюсь что ты знаешь как оно работает давай попробуем давай попробуем просто логически предположить вот у нас есть то бы куча сайтов не знаю вконтакте у него есть куча картинок они хранятся вообще других доменах они хранятся на каких-то сиденьях вот эти картинки они же работают у нас то есть мы можем картинки грузить скрипты можем грузить знаю может быть

  00:54:06 - 00:55:17

• еще что угодно вот в каком случае у нас начинают с тобой проблемы то есть ты наверно уже сталкивался таким что не знаю request блок тбайт корпусе или что-то еще такое конечно в каком случае ты вот эта ошибка увидишь когда мы на одном сервере пытаемся получить а как мы пытаемся это сделать и пиаре то есть нам массу примерно сервер какая-то функция нам нужно получить данные с другого сайта таким образом ну давай давай осуждать проще что нам нужно сделать на клиентской части чтобы этот запрос совершить bizu

  00:54:41 - 00:56:15

• этот что там на серверы на сервере что то происходит а вот что мы делаем на клиенте с тобой своими руками чтобы произошел этот запрос собственно проблемы запрос восторге от но вот я тебе привел пример с формой форма это не работает очевидно я могу поставить форму на ней нажать кнопку отправить она отправится на сервер без каких-либо проблем там не будет никого corsa там есть даже такая уязвимость которая называется crf который собственно с этим связано что формочка ты отправляются спокойно вот поэтому где вопрос что если

  00:55:29 - 00:56:45

• не форма не пойму вот как мы с тобой можем отправить запрос не используя форму запросу багет и через actions но ты говоришь на уровне ищите peace т.к. я хочу понять на уровне вот нашего с тобой кода нам в шкоде с тобой не пишем метод этом : геты там весь ешьте теперь запрос от начала до конца мы берем jquery ajax ну то есть как можно можем отправить после запуск но хорошо как ты вот эти запросы отправляешь как что-то что ты предпринимаешь для этого но случай форма я могу указать там экшен с форме мы

  00:56:03 - 00:57:32

• разобрались а без формы форма отправить запрос с помощью фетч допустим вот вот чем мы хотим от тебя услышать что у нас с тобой есть вещь кроме фича но у fetch это новая штука она не везде работает на сто процентов на той же ноте fitch не работает что есть еще архаичные чем fetch ты можешь перекос вот собственно как раз таки курс он про вот эти запросы но не только продать но в частности и про вот это тоже что когда ты делаешь запросы на удаленный сервер он тебе будет блокировать если твой сервер их не

  00:56:55 - 00:58:14

• разрешает людям после get запрос стати я буду тошнило кто блокирует заброс ну то есть кто-то же должен говорить что нет то есть является ли блокиратором сервер или может это промежуточная между клиентами серым истории взрослых облета вопрос могу предположить что сокращение сервер скрылись во что-то между ними можно dns может на клиенте где-то на вентиляцию такого мы пытаемся защитить с помощью курс пытался защитить тот сервер которому трассе вопрос то есть мы у нас на сервере можно через но если курс

  00:57:34 - 00:59:10

• отключить раньше вот допустим курса не было мы могли с тобой с этих серверов угнать какие-то важные данные то есть на сервер настолько незащищенный что один запрос в другого домена и все все полетело в тартарары не полетела она как-то это работало не знаю как но на самом деле у нас собой с тобой самые важные данные они все-таки на клиенте хранятся авторизационные cookies какие-нибудь еще что-нибудь если ты получишь к этому доступ через там скрипт который загружен с треть страны и сможешь эти данные перекинуть на другой

  00:58:24 - 00:59:46

• домен то все твои cookies улетели к третьим лицам это позже ваши покупки курс вот коротко гроза защищает до корт как раз таки блокируют от того чтобы какой-то вредоносный код взял прочитал твое cookies и отправил но на другой домен то есть есть те же самые видимости xs s m xs заключается когда какой-то пользователь приходит вставляет туда скрипт выполняется скрипт в получать доступ к трюкам отправляет их на отправляет на свой домен вот это одна из уязвимости курсы и в том числе тоже можешь закрыть он может запретить тебе

  00:59:05 - 01:00:29

• вообще выполнять допустим онлайн скрипты если ты так укажешь вот и не смогут люди уже xss пробить вторая штука если не знаю тебя какой-то код код от третьих лиц допустим не знает даже аналитика возьмет и начнет слать сама запросы на какие-то тоже домами третьих лиц начнет читать твои cookies лично не знаю для сбора аналитики какой-то интересный вот и это тоже нарушит политику но причем хорошо давай без аналитики банальный еще пример вот у тебя есть какой-нибудь ский аккаунт до на другом домене ты заходишь на сайт вот этого хакера

  00:59:46 - 01:01:10

• какой-то фейковый он берёт и получает данные стоило банковского сайта используя твои cookies через вот этот запрос если твой банковский сайт у него не будет точнее будет политика cars разреши всем доступ там просто тебя достать и данные не даже не спрашивай ничего потому что cookies вместе запросом о идут вот и ты получишь вот это вот эти данные просто так вот а скоро сам это нельзя сделать то есть он будет пытаться стучаться его курс сразу отобьет соответственно можно здесь сделать вы что курс у нас на

  01:00:28 - 01:01:27

• уровне браузера то есть клиент заходит ему не есть какая-то гарантии что другие сайты не могут стучаться там к третьим сайтам на просто так ну не с того не всего раньше так можно было естественно это очень быстро все починили понял спасибо вот так ну да процесс п кстати вот ты не слышал я тут немножко начал рассказывать цсп не приходилось тебе устанавливать на сайте нет приходилось но вот это как раз политика которая определяет там не знаю что можно делать что нельзя то есть там можно описать что

  01:00:58 - 01:02:17

• картинки можно грузить только вот этих доменов или скрипты можно выполнять только так или еще что-то тем же самым выпсуке там там можно требование повысить и все такое всем этим можно управлять да да это самое главное так ну хорошо давайте тогда дальше еще одна тема на то же и с безопасностью и совсем на свете связано это у нас cookies вот мы с тобой и шлем cookies тоже вот интересно понять как это работает когда когда мы с тобой допустим картинки загружаем картинку можем загрузить два домена вообще вопрос первых тебе уйдут

  01:01:38 - 01:03:11

• ли у нас кофе с этим запросам без понятия сколько им никогда не работал но думаю что то есть kookie cookie вообще никогда не устанавливал не читал никогда не но это жаль потому что это сами даже не подвести авторизацию даже динамика как-то делал присутствую гранит по самом деле у меня слеза свода на простой либо она работала на каких-то сторонних сервисов меня никак обозвать а сторонние сервисы как позволяет вот эту авторизацию организовать защиту насколько я помню там отдельный дамы как там перенаправляет потом то есть

  01:02:25 - 01:03:58

• оборачивают ладно возможно но я не уверен но это такие понимаешь не очень точные какие-то формулировки то есть он все таки наверное что то должен на клиент добавить чтобы ты мог и на этот сервис каждый раз не стучатся она узнаем как раскопки но вот как это работает как нам cookies не знаю позволяют каждый раз не ходить на этот сервис за авторизации будет специальная крышка для работы с куками мы можем стать скуки в приложении на уровне у нашего дома на счету этих необходимость я полагаю что записывается

  01:03:20 - 01:04:48

• кукин данные для авторизации последствий при повторном заходе на сайт читаем данный скоков и определимся с китаем данные скуки это это как происходит этот год cookies предлагаю тут видно человека который скуки не работал там что руки у них очень архаичная а пешка и она была придумана очень давно поэтому с ним нужно работать как со строкой там очень больно все на самом деле вот но на самом деле мы с тобой кука можем и не трогать то есть ну твой сервис авторизации скорее всего не предполагаешь тебе нужно зайти в свой

  01:04:04 - 01:05:36

• клинский код написать метод get cookies взять какую-то конкретную куку потом ее отправить наверное там как-то проще организована вот за счет чего можно vocals porsche записать но и лука слушая другая тема вот сейчас мы только практикой говорим возможность заголовки это работает а как это примерно работает то есть что что куда устанавливается зубов устанавливаться значения каких-то police куков в какой момент вообще происходит вот тобой не авторизованы юзер мы зашли на страницу логина начинаем вот на этом

  01:04:50 - 01:06:14

• сервисы авторизации логиниться по моему сразу начинает работать nokia мы нажали на кнопку логин вот что будет происходить прямо по шагам cookies записываются данные о данные для авторизации отправляется на сервер запросы симками этот ответ что он может зайти люблю вязать если это условие ну наш с тобой cookies привязаны к домену мы с тобой на сервисе авторизации у него домен не знаю фу . com наш сервис лежит надо мини-бар . com как вот эти cookies перри текут собственно свою точка ком на бар . кому интересно понять то есть я

  01:05:34 - 01:07:26

• тут могу фантазировать и плавать но мы хотим так как раз услышать нет какое-то небольшое логическое рассуждение как это может работать как на уровне домой на все руки она может ну да не может если нам нужно править организаций авторизации каждый раз заголовки ну то есть мы с тобой зашли на сайт бар точка ком на котором вот есть уже это в 3 зации мы каждый раз обращаемся к фу точка ком то есть все вопросы про ксир если через фу точка ком и мы каждый раз шлем наш логин пароль чтобы пройдет авторизацию но мы сегодня

  01:06:29 - 01:07:49

• там ну на самом деле нет то и сервис авторизации он делает redirect на твой основной сайт а твой основной сайт через сетку he уже выставляет тебе кукла авторизации работает вот примерно так и это как у тебя записывается требуешь к с каждым запросом отправлять то есть фишка куб в том что это как раз состоянии клиентская который всегда есть и она будет ходить каждый раз между вашими запросами и сервер может вообще без участие джесса ее менять ты оставляешь запрос он тебе отличается от kuki такой то может и вообще сбросить ты нажимаешь

  01:07:08 - 01:08:20

• кнопку выход он берет ее тебе сбрасывает вот и тут же с даже не нужен никакой дано этого такие основы вообще авторизации в этот на самом деле такая важная тема жалко что не приходилось не работать но еще добавил что именно поэтому cookies не позволяют хранить большие объемы данных именно потому что они все время гоняются от сервера клиенту с каждым запросом именно там поэтому нас появились эти locals тораджи которые ты упоминал много давайте поговорим тогда правила о call сторож собственно вот есть на стопы

  01:07:46 - 01:09:06

• cookies есть у нас собой local storage у нас еще есть такая штука как session storage не знаешь слышал или нет вот у тебя стоит задача хранить данные на клиенте вот как ты будешь решать куда положить эти данные то есть мне нужно понять как долго мне нужно хранить если течение торговой сессии . если требуется хранить после выхода и между разными путями но румяна у дома на то тогда vocal сторож индекс гиде по моему что такое не просто же так но подожди про индекса тебе рано вот хочется ты сказал интересную штуку

  01:08:26 - 01:09:48

• если нужно на одном домене домой работает ну вот мы можем local storage тобой на несколько доменов как-то расшарить помню то есть дома здесь не причем получается ну просто при не сказал поэтому интересно стало да но хорошо между cookies local storage настолько место вы поняли в течение сессии oкей a cookie local storage что выбрать ну как уже вынули наверное если данный большие то на и молоко сложив свои от ранить фокус тоже между понять разные типы данных ну то есть тоже самое а как мы с тобой

  01:09:08 - 01:10:47

• флага сторожевым чосон хранить строке ключ кей ну то есть это все таки ключ-значение виде строки и стоишь и мы можем даже если вложить ну давай представим что у нас с тобой не знаю небольшое значение не знаю строка 50 символов ну давай 30 символов строка небольшая ее нужно сохранить на клиенте как ты будешь принимать решения вот куда я положить в qq или local storage потому что можно как бы и туда и сюда но опять же я знаю все куски со скуки и совсем понимаю кроме как авторизацией приватных данных где она используется но

  01:09:58 - 01:11:24

• возможно буду исходить из того ну давайте немножко подвиду к вопросу я чувствую м.н. мы на самом деле тем в прошлом вопросам тебя тебе уже принципе объяснить как как эта штука работает вот но представь ситуацию ты находишься на сайте у которой скит настройки ты берешь не знаю переключаешь эти настройки не знаю включаю эту тему хитро или не знаю переключаешь еще что то какие то очень хитрые настройки которые на сервер не выходят но при этом влияют на сервер тебе придется куку использовать чтобы эти настройки сработали то есть это

  01:10:48 - 01:12:11

• штуки который участвует запросе то есть если ты что-то у себя локально настроил и хочешь чтобы это влияло на твои общение сервером тебе придется это вкупе положить потому что local storage он никуда не уйдет то есть он просто лежит такая свалка данных ты не можешь из клиента обращаться может конечно ручками взять положить этот запрос каждый раз но это будет по сути имитация cook поэтому в таком случае лучше положить в qq вот такое простое решение для настроек пользователя так окей ну да мне кажется

  01:11:34 - 01:12:53

• практике мы все обсудили можем наверно дальше продвигаться да я тоже так думаю ну я на самом деле уточнила вот мы поговорили процессе ему старридж но не раскрыли понять и что такое сессия вообще это 30 до тех пор пока пользователь не закроет клиент браузера либесман вкладку данов к муке а если там у нас есть в йорке мы закроем все страницы сайта пдд подожди все-таки все страницы сайта или вкладку но на самом деле нет в на сессии на вкладку распространяться только у нас одна вкладка 1 сессия она так работает можно еще одну вкладку

  01:12:13 - 01:14:07

• же новая сессия но представь себе вот у нас раньше не было вкладок вспомним времена internet explorer 6 ужасные у нас вместо вкладок окна открывались представь что ты откроешь 10 ока на одно из них закроешь и у тебя сессии останется во всех девяти остальных но это будет очень странно поэтому она на вкладку ok наверно можем следующий вопрос кто здесь хорошо вот мы сейчас по игр или прогулки около 100 радж почему допустим мы не можем хранить зачем вообще нужны вот эти страшные названия которые не пользовался почему

  01:13:10 - 01:14:34

• бы нам все не храните винда например что мешает туда сложить все наши токины все наши нас 2 окей спокойно к не получает доступ там никаких ограничений нет на размер например но это как то странно смешивать названием как на кажется во первых во вторых мало ли что может разных браузерах там появится как эта коллизия это плечам во-вторых наверно все таки ну хорошо давай подумаем с другой стороны что то есть когда и что мы можем положить и window глава li примерно который используется в холле ну вот когда они им нужны вот попробуй

  01:13:51 - 01:15:53

• вспомнить свой опыт и что-нибудь планте wingle да было дело но они нам нужны как раз тату именно в момент исполнения впоследствии они нам не ну не было нужно после перезагрузки страницы lacoste рыжая хранятся после загрузки ну столько сторону мы уже разобрались имеется ввиду что мы можем на винду положить когда мы к этому прибегаем у любого можем положить и примитивные типы данных и же объекта когда нам нужно использовать глобальном у меня предложение может быть разобрать сначала что вместо window использовать чтобы

  01:15:00 - 01:16:11

• было яснее потом собственно что нужно к насте виндового что не нужно global dance есть еще я не знал есть уже нет а global здесь чем от window отличается [музыка] тем что там нет тех параметрах отвлечь минут честно использовал нож контексте браузера это и будет windows самом деле но для этого придуман как раз таки будет ссылаться на одно и то же но хорошо 2 поговорим бы в контексте наших спам и вот конкретно proview собственно у нас же не принято ничего хранить на windows пишем спа я по крайне мере широко и я по примеру

  01:15:40 - 01:17:19

• не помню что то что то что там хранимый спала а что у нас для этого используется ну куда мы хотим глобальной что-то сохранить не к этому состоянии использую конфиг витальности . инструмента совершено там как это работает но сейчас музыка как как и статичные данные которые хочу считать якобы dog and a как мы с тобой можем из нашего джесса прочитать файл в браузере смысла но мы же ты гад катку это откуда мы хотим получить это на где можем хотим все сессии прочитать ее в файл вряд ли на такой хоть куклами хотим получить

  01:16:37 - 01:18:22

• если хотим получить пост о как страница была заложена другой мы хотим мы сейчас garrett at pro on time то есть мы вообще не обсуждаем с тобой вот то что до runtime от сборку не обсуждаем вот мы уже с тобой в ран тайме вот интересно понять что использовать вместо window ну то есть винду мы с тобой разобрали что можно положить ты назвал коллизию мент классно но windows все понимают что плохо глобальное хранилище на всех даже не был там можно тогда скрытом каком хорошо вот мы к этому пришли до есть топ-менеджеры

  01:17:34 - 01:18:57

• обе стороны мужа то есть мы не можем без цвет менеджера но если мы были у не используем были разные решение глобальный объект будет что такое на где лежал где вот оно будет лежать у нас может быть и видон и а если не windows у где будет лежать или только обязательно видно то есть если шина то обязательно window это несложно вопрос ты сто процентов с этим работам глобальном контексте блока кода как мы с тобой можем вообще пошарить какой-то код между двумя не знаю участками кода без window мудры ну вот собственно модули и то есть

  01:18:15 - 01:19:52

• ответ на вот этого просто можешь любой код положить в модуль и он у тебя будет доступен через импорта те же самые импорт и экспорт а вот это собственно как раз основной механизм для того чтобы шарить функции данные так далее вот windows использует в крайних случаях вода вот это может быть подумаем когда нам надо использовать window вот и нам модуль и не подходят приходите в голову что-нибудь тут можно дабагян поговорить и понимаешь но ты можешь из консоли браузер и получить доступ к своим модулем помнят кстати

  01:19:08 - 01:20:47

• почему потому что они компилируются сразу в какой код они такой компилируется который нас из консоли не доступен сразу же он скрыт там уже упомянули все модули насколько помню но хорошо вот у нас есть тобой в бандл есть тобой модули но этот код вызывается на страниц соответственно он работает но почему же мы тогда из консоли не можем достучаться до него хорошо ну давай любой способ достучаться до своего кода который был собран сборщиком из консоли какой-нибудь один способ хотя бы уже собранный сборщика мусора нет нет не сборщик

  01:20:10 - 01:22:01

• мусора сборщик просто кода то есть банда у тебя код собрался ты его запустил у себя на сайте хочешь теперь и звену из консоли браузера прочитать что-нибудь не знаю у тебя есть какой-нибудь там модуль utils же с в котором функция не знаю суммировать ты хочешь в консоли написать что-то чтобы вы вызвать эту функцию как ты будешь поступать в к таким украине не знаю ну то есть ты представишь примерно хотя бы вообще как это работает что вот мы не сильно не можем достучаться то есть за счет чего мы получаем это

  01:21:06 - 01:22:14

• скрытие но вот смотри у нас есть какая мать аналитика да мы добавляем на сайт аналитику у нас можно достучаться в аналитику через винду . джей там google analytics за можем можем прямо на windows учатся почему с модулями так не работает вот почему до них не получается заключаться вообще никак не обернуто в метель кен блок fashion express ну вот так есть то есть у тебя все модули замыкание лежат не замкнута так что ты до них уже не достучишься из своей глобальной области видимости вообще никак поэтому собственно самый

  01:21:47 - 01:22:58

• простой вариант если ты хочешь эту функцию вызвать из консоли положить на винду банальный вообще пример то есть если не хочется выяснять как это сделать просто кладешь на windows работает из коробки это вот простой пример для когда ты разрабатываешь вот но proven дал мне кажется мы хотели услышать немножко про то что у нас может быть такая ситуация что кот не собирается сборщиком то есть тебя нисколько не знаю каких нибудь модулей которые может быть разных сборщиках лежат может быть они вообще без сборщика собрано просто лежат по

  01:22:28 - 01:23:43

• отдельности и тебе придется использовать винду в таком случае чтобы им было понятно куда стучаться то есть со сборщиком понятно есть импорт-экспорт и а если сборщика нет или код который будет собран без сборщика именно до какую-то точку удар стучать и ты здесь будешь вынужден использовать window а что у тебя больше принципе ничего ты нет вот ну как то так ну да про windows все говорили да про винда у нас все давайте дальше посмотрим так отлично мы как раз тут затронули немножечко эту тему не полностью давай поговорим про

  01:23:05 - 01:24:41

• оптимизацию вот мы с тобой уже сказали что have когда мы добавляем вычтите пьес на сайт у нас немножечко все начинает тормозить да то есть у нас добавляются дополнительные запросы но не запросы а вот это дополнительных н шейк для сертификатов хочется понять вот как мы с тобой можем вообще оптимизировать нашу загрузку ресурсов то есть какие вообще подходы можно применить чтобы у нас сайт с тобой начал грузиться быстрее вот это могу давай прям вообще любые будем разбирать что знаешь цент на скриптах можно

  01:23:52 - 01:25:15

• применить оценка зефир а если мы с тобой не используем массив de fer в чем проблем будет тогда любая загрузка будет блокировать поток ну и загрузка ядер и интерпретации скрипта и выполнению окей не знаю есть какие-нибудь кейсы когда мы не можем с тобой сильно диффер использовать мы можем куда угодно его поставить новую шапку на нет как бы поэтому они можем использовать там где есть всех да ну то есть если мы с тобой написали скрипт в нем просто текст скрипта то собственно синко де фер там никакого влияния не сделать ok

  01:24:35 - 01:26:10

• но вот хорошо скрипты да давай подумаем про не знаем про другие ресурсы как можно другие ресурсы оптимизировать в плане загрузки построить каширования но это не про fanta и тоже уходит на клиент значит это frontend выдавили иногда можно так а как мог стать к шером то есть что-то будешь кэшировать буду кэшировать статику которая не должна четко изменяться я предполагаю что она нибудь раз поменяться то есть это могут быть стиле могут быть какие-то жался к файлы html к широт не буду кэшируется то либо

  01:25:24 - 01:26:57

• заголовками был также файл какой-то не показывались можно прописать какие широкие сколько срок каширование будет можно кашель чувство еще чуть-чуть что а через его serviceworker ok но это такой экзотический метод каширование уже конечно я подумаю с тобой вот какие будут могут быть проблемы когда мы с тобой каширу им вот через сочтите пи заголовки наши ресурсы это такой маленький намёк на две главные проблемы в программировании ставь лайк если в чем шутка если понял отсылку лаверна если мы что-то изменением и не обновим

  01:26:14 - 01:28:04

• хочу файла тогда охраной обновиться то есть нужно еще заботится о том что обновлялся хэш после каждого изменения но это у нас называется ян валидации каша нам нужно правильно инвалидизировать наши каши окей да есть такое давай еще подумаем о чем-нибудь давай подобно прямо на уровне файла то есть у нас есть файлики как можно оптимизировать загрузку наших файлов помимо к широнин да помимо каширования примерами грузить их вообще но это вообще идеальный способ оптимизация чем применять водопадом с тобой мы с тобой

  01:27:10 - 01:28:43

• пишем код какой-то да у нас есть тобой код приложения вот он на клиент уходит в таком виде как мы его написали про что мы делаем с этим кодом нашим мы его обрабатывают сжимаем но вот сжатии как раз тоже один способ оптимизации то есть мы с тобой для этой оптимизации обычно как раз таки и прогоняем вообще весь код который только есть через минификации разные там а грифа и так далее нам нам важно каждый байтик сэкономить которые возможно если это очень дешево да вот кей на уровне чтить и кстати вот он ты

  01:28:04 - 01:29:43

• говорил про заголовки это да это хорошо можно закрашивать и заголовок давай допустим что у нас с тобой ресурс первый раз загружается можно ли вот эту первую загрузку как-то оптимизировать так смотря что мы загружаем вообще в целом добавим что вообще в целом нам даже не страшно но неважно но загрузка шрифтов можем поставить чтобы она заключалась и по заменой на это оптимизация больше отрисовки относятся то есть мы загружать то будем все равно то есть наш шрифт будет любом случае грузится он просто от рисуется по

  01:28:52 - 01:30:21

• разному зависимости от этого свойства интересно все-таки понять вот первый загрузку любого ресурса то есть у нас есть тобой ищите т.п. можем ли мы вот эту самую первую загрузку немножко как-то оптимизировать то есть мы с тобой уже мини фиксировали этот файл на нашей стране можно ли его дополнительно еще как-то benefits и ровать я немножко прихватил можем ли мы запросить браузер работать быстрее но я уже правильный ответ газе ты правильно сказал то есть да мы можем пожать наш файлик ужать его в таки прям супер

  01:29:38 - 01:31:08

• эффективный форматы сжатия gzip брод ли или еще какой-нибудь и да через степи получим а быстрее хорошо давай подумаем о порядке загрузки то есть как можно у нас повлиять на порядок загрузки ресурсов и как можно вот с этим поработать по оптимизировать тоже ну еще муж ресурс вы житель документе чем раньше начнет загружаться но то есть если мы с тобой хотим загрузить какой то скрип нам его придется поместить вообще в самый-самый верх и по-другому никак не сделать унитаз томасом вверх то есть если мы

  01:30:23 - 01:31:50

• хотим один скрипт загрузить раньше другого при этом не меняя его положение и ставим его выше другого это скрипта до можем ли мы с тобой какой-то ресурс загрузить раньше и при этом оставить его в том же месте где он используется на атрибут привод кейда придут еще есть пресечь кстати вот какая разница не знаешь разницу между ними возможно пресечь это только начать запрос или до ждать загрузки качественно привод от афонсу загрузить ну пресечь и он про ресурса при лот он про документы обычно если ты знаешь что тебя бы следующая

  01:31:06 - 01:32:35

• навигация там не знаю а на карточку товара то ты можешь ее за приладить я насру закроются при федченко ресурсы то есть вечер кучу ресурсов и мы ожидаем что где-то дальше они будут использоваться но если они не будут использоваться тебе конечно образумятся что нехорошо так делается транжирить налево-направо пропускную способность клиентам вот у нас есть такая штука как dns prefetch не слышал такую древность пресечь нет может предположить хотя бы зачем нужна какую боль она решает ты кстати про это

  01:31:50 - 01:33:10

• уже сегодня рассказывал когда спросили про то как у нас работают запроса реальности с этого и начал что это предварительный запрос на сервер mu ну вот он собственно это и оптимизирует что мы перед тем как начать загружать ресурсы если он лежит не на этом же да мы не должны сначала постучаться на dns-сервер понять на какой печник нам делать запрос и так далее вот dns пресечь позволяет сократить эту цепочку заранее постучаться на домены разрисовывать нам все и печники ну это конечно микро оптимизация но бывает каких случаях

  01:32:31 - 01:33:49

• важно когда допустим у нас домен лежит не знаю находится очень-очень далеко и нам не знаю надо прям датами на сервер и долго стучаться может быть разные кейсы хорошо давай подумаем про хранение наших ресурсов то есть можем ли мы как-то павле вообще влияет ли где расположены ресурса на скорость загрузки это первый вопрос и в каком случае влияет и как можно это оптимизировать будет ли какая-то разница если я картинки допустим буду хранить на этом же домене если тоже там она будет быстрее во всех ли случаях это будет быстрее как ты

  01:33:10 - 01:34:40

• думаешь от него всех иногда быстрее через сидел в зале столбец где расположен сервер должен пользоваться ok в каких случаях если мы расположим картинки на этом же дамы не будет ни быстрее может быть нас какие то есть общее ограничения на запросы используя понимаю ну у нас есть если мы используем ощутите п 1 1 из протокола то у нас будет ограничение на количество запросов ты можешь делать запросы параллельно или там не знаю первые там 6 картинок у тебя загрузится остальные будут ждать пока вот одна из них не загрузится и так

  01:34:06 - 01:35:43

• далее вот и в таком случае тебе придется в любом случае эти картинки класть на другой домен и уже с них получать но если ты используешь эти типы 2 такой проблемы нет там один запрос но он мульти поточной то есть у него может быть сколько угодно потоков и ты можешь взять поток получать это все залпом но если ты положишь нас tidene это тоже будет работать быстро потому что да у тебя будут два параллельных соединения одно соединение кто ему домой на другой oxygen домен это тоже будет очень быстро работать хорошо ну про serviceworker ты

  01:35:06 - 01:36:12

• немножко сказал что у нас есть serviceworker для кэширования приходилось ли тебе кэшировать через serviceworker и как это работает приходилось один раз до станции раз портер и есть левый край который предоставляет определенные муки с помощью них можем устанавливать и проверять файлы если они на клиенте если есть погружать их нет то за прошли себе есть какие-то у нас с тобой опасности при кошении через serviceworker подводные камни было ли все так радужно когда-то поставил serviceworker и все внезапно заработало

  01:35:39 - 01:37:09

• все хорошо и прекрасно или все я что-то пошло не так что было не так но не приходил тебя через serviceworker документ сам кэшировать сундук метрика шерил но это это было правильно потому что если ты закажешь весь документа собственное будешь получать за кошерную версию есть есть такой особенно serviceworker и что-то документа как раз кэширует там не стоит ну ладно и я чувствую мы столько на этой теме сидим в принципе я спросил что хотел наверное можем двигаться дальше ну когда я тоже так думаю давай пугаем против тулс наверняка ты

  01:36:24 - 01:37:55

• часто пользовался инструментами разработчик в браузере домашних катенька рассказать не знают где просто ну и что мы можем с помощью dev tool в делать с нашим сайтом там же могу слово нужно либо фотки и ливенцев посмотреть на дом дерево работать с ним полковника что-нибудь написать какую функцию посмотрим как они работают площадь тоже результат вкладка метр позволяет нам работать с запросами можем отследить запросы посмотреть что приходит и поиграть с соединением оффлайн включите как далее вкладка

  01:37:09 - 01:38:37

• performance стоимость профилировщика можем посмотреть что как загружаются сколько памяти занимается какой они занимают исполнение определенных функций вкладка еще какие-то вкладке ну да их много например memory да номер есть тоже но я редко пользовался есть от людей шим там можно посмотреть на кубке local storage проще хранилища и чукотка где можно измерить сам performance непосредственно и то есть lighthouse он даже прокладку performance который замеряет именно прим отрисовку и все на свете мне уже казалось на lighthouse

  01:37:55 - 01:39:32

• отдельно существует перформа за хотя одно частично связано с другим науки и хорошо а зачем на вообще вот столько разных не знаю вкладок для управления дебаггинга то есть почему нам вообще требуется эти инструменты разработчика чтобы было удобно смотрите как продолжение работает и исправлять баги но хорошо ну представим вот например у нас есть консоль что нам мешает например все время пользоваться только ей хотим посмотреть что-нибудь пожалуйста все в консоли выведение это выведет то это как-то не

  01:38:46 - 01:40:10

• очень удобно проще посмотреть dom дерева взять и записать посмотри что там находится момент того как на смотр приложение потыкать на узлы смотрите какие там стиле так далее в консоли на двор тоже довольно проблематично надо будет судить народ хорошо ты сказал что посмотреть потыкать потом дереву а зачем нам это делать если мы как бы пишем наши штаммы пишем наш css мы именно это то мы увидим то есть зачем может понадобиться смотреть на это в браузере ну не факт что мы прям именно это увидим потому что там зеро может меняться по

  01:39:31 - 01:41:09

• мере изменения самого приложения и мы хотим получить как определенное состояние элемента допустим нахал и посмотреть его стиля точно какие стиль мы прописали какие стили из конкурировать и так далее даже хорошо что что еще из интересного можем увидеть но это пример по стилем программе сами стиле не знаю про что имеется забор но просто смотрю на снадобий элемент может быть наложен очень много много разных стилей сделаем прослушивание событий и там много разных свойств в этих стилей можем ли мы где-то посмотреть все стили

  01:40:19 - 01:42:02

• которые применялись к этому элементу да конечно мы нажимаем на элементы смотрим его у родителей который мы пришли можно там же если у нас не заданные свойства никакие вообще ни одного стиля на элементе нет можно ли посмотреть это его свойства нового конечно также во вкладке но понятно что за в этой вкладке что скажем так что это за блок компьютере то что в итоге вычислила браузер хорошо хорошо у меня один вопросик еще есть вот мы про консоли поговорили что у нас есть консоли универсальна как бы такое средство то

  01:41:21 - 01:42:52

• есть хочется понять вот к тебе нужно подложить какой-то код ты будешь что-то кроме консоли применять и в каком случае и вообще какие есть опасности добавим 2 через консоль наш от опасности не знаю иногда удобнее применить baker непосредственно входит описать либо воспользоваться всем что есть в чем принципиальная разница между консолью тем что мы можем когда остается в код на моменте дабагян га когда это ключевой спорта сможем использовать переменный который выше какие значение камень и принимают то что кучу каталогов

  01:42:10 - 01:43:28

• писать каждый раз а кроме переменных может быть еще что то можно сделать смотреть что может быть полезно не знаю можем с тобой понять вот использует оба gear собственно почему был вызван этот код давно можем посмотреть холст и окраска стек это очень крутая фича до багира что видно что вызвало собственно код еще важен по шагам выполнять ну вот хочется туда узнать все таки проблема конца logo то есть явно ну да bagger мы разобрались выявить то у нее есть свои super killer фича но иногда допустим не хочется

  01:42:50 - 01:44:24

• гонять этот дебаггер хочется просто контроль посмотреть допустим когда очень часто код вызывается на bagger будет тебя сильно тормозить мы берем консоль вот какие могут быть из ловушки для разработчика которые допустим только начинает пользоваться консолью ну я могу предложить что концов можно могут прилететь те данные которые в итоге приняли другой вид например например какую-то функцию за так положили консул окнам воли этот результат присмотром битья он в процессе поменять это значение на 30 мы в консоли с тобой все таки видим ну

  01:43:36 - 01:45:01

• мы же понимаем когда консоль вызывалась то есть мы же понимаешь что если функция возвращает одно значение консоли мм и другое то логично что они могут не совпадать да потом в каком случае консоль у нас с тобой когда мы откроем будет не совпадать с тем что по факту было когда ее вызвал код смартфонах операциях возможно ну вот как это повлияет асинхронность сверху он опирался могут уволить в концовок то что ты только толстого в итоге даже в промежуточных результатах так но вот у всех рода здесь что-то да

  01:44:21 - 01:46:00

• поменять вызываемой смартфоны функцию пишем console.log консоли цистерну только то что будет в итоге после на нем у него окей окей а я примерно понял чём ты говоришь ты говоришь о том что у нас процессе выполнения синхронного кода изменилось какая-то переменная когда который мы обращаемся внутри асинхронного кода nokia я придя понял о чем ты говоришь хорошо да может быть такое окей может быть такой это наш любимый пример как раз тайм-аутом который пытается 10 раз вывести одно число это вот именно он это

  01:45:08 - 01:46:26

• это одна штука хорошо но это за это знаешь это это не совсем консоль логом связано то есть это не проблема can саму консоль logo вот хочется понять когда она с тобой именно вот представление этих данных которые мы за концерт ложе ли она отличается в браузере и в нашем коде когда консоль лоб был вызван то есть они то должны по сути совпадать но почему-то не совпадают как такое может произойти она может собой самом начале разобрали типа данных нас типа данных могут на это повлиять как то в теории могут даже

  01:45:53 - 01:47:12

• смотря какой код я сейчас уже не помню это сталкивалась с такой проблемой но может ли у нас такая стала ситуация быть что мы за консоли ложе ли число 4 а в браузер и увидели 5 конечно я тоже так хочу не интересно знать как это может быть доказано мистика кота сверху на хвост как я сказал так мнения смотри console.log 4 прим консоль лак и число 4 можем ли мы в браузере в консоли увидеть не 4 ну вот не можем можем ли мы вместо 4 написать что-то что может потом в консоли браузеры выглядеть не то что мы

  01:46:38 - 01:48:07

• написали здесь то есть передать что-то не знаю потом это поменять как то и она будет отличаться браузера как а у нас есть с тобой в основная проблема с не примитивными типами данных посылки вот это ответ ну вот собственно проблема здесь чем ты можешь написать за консоли ложечка какой-то объект потом его мутировать открыть браузер и ты увидишь уже с мутированные объект после изменений хотя на момент консоль блога он выглядел ровно так как и должен был выглядеть и это такая штука нет не особо очевидная что он как бы не

  01:47:23 - 01:48:52

• хранит состояние объекта на момент когда ты у консоли ложу туда хранила тоже посылки да это будет тоже по ссылке доступ и ты увидишь у ровно также по ссылке хорошо ну хотя бы это разобрали это существует уже хорошо наверно есть дальше дальше у нас тяжелая тема это сложность алгоритмов что-то может про алгоритма алгоритм вообще приходилось оценивать сложностях находилось большое с различным ну скажем так мы хотели сделать примерно мы их не сделали поэтому ты можешь свободно рассказать что ты вообще знаешь

  01:48:07 - 01:49:47

• просторности до ритмом насколько я помню можно измерять именно скорость выполнения не потребления памяти q все это измеряется практической а большое и она имеет разные значения чем она выше тем сложнее алгоритм и также зависит от операции которые мы исполняем оставаться достать проданных и от этих операций которые мы меняем ну хорошо например когда у нас линейная сложность будет у алгоритм этого большое или лицо от которой назначили гением ну хорошо какие ты знаешь щуками линейные количество нелинейная хорошо нелинейная

  01:48:56 - 01:50:31

• такой аналогично то есть суть в чем суть в том что еще больше данных будет нужно обработать алгоритме тем больше будет возрастать так сказать его сложность тем дольше будет выполняться это является линейным это как раз было нелинейность это нелинейный оледенения тогда можно назвать прогрессивностью то есть это когда скорость выполнения горит на не зависит от объема данных когда как прогрессивной как раз таки зависит и чем больше данных тем выше его сложность становится мне кажется ты немножко вот

  01:49:58 - 01:51:32

• про слово зависимости мишка перепутал у нас любая сложность зависит от данных в любом случае нас измеряется степень этой зависимости то есть линейная зависимость это когда у нас прямая корреляция сколько данных столько операций а когда у нас тобой нелинейная то при увеличении количества данных у нас тобой она вот сложности это начинает нелинейно увеличиваться то есть было там не знаю два элемента сложность было два стола 4 сложность стала не 4 допустимо 16 это как раз таки мне линейной зависимости

  01:50:47 - 01:52:02

• дальше когда она там уже будет шесть элементов на 32 это уже не линейная зависимость ну и она там знаю начинает увеличиваться не пропорционально тому как увеличивать свои данные давайте лучше на времени так перебрать массив какова будет сложность нашего алгоритма перебора массива и допустим увеличение каждый элемент на два оборота хорошо а если мы хотим не знаю найти пересечение двух массивов решили ну вот смотрим смогу показать немножко кода это немножко теории множеств началась у нас с тобой да это будет просто ну типо

  01:51:24 - 01:53:09

• вот у нас есть один массив нас есть примерно такой же второй массив только будет местами отличаться нам нужно получить итоговый массив который будет содержать общее числа из обоих массивов то есть у нас какие 1369 вот чтобы нам получить это то есть какова будет сложность алгоритма чтобы получить такой массив а почему потому что нам там объемов информацию нужно производить гораздо большую подраться два раза больше это 2n будет подожди секундочку все таким квадраты думаю потому что каждый раз нужно будет

  01:52:22 - 01:54:23

• обходить масел при проверке каждого ну смотри у нас один элемент добавилось мы как бы ну да дополнительный проход добавляется мамой для проверки будем снова ходить 2 нашли здесь сколько плода можно ли сократить эту сложность чтобы она не была x квадрат для того можно до может быть ты знаешь как конкатенировать обернуть оператором это как-то понизит на что сложность тоже ходили бы понять . как это вообще свет будет делать кстати очень интересно узнать о мы объединим два масел воде пара чего используется

  01:53:35 - 01:55:31

• оператор с теста какое значение [музыка] как он формирует вот этот вот новый сет мы получим что с тобой мы получим такой массив она так совпадение да разве я это то что мы хотим получить недопоняла тогда нет без понятия может быть сортировать как-то можно чтобы упростить поиск я тоже думал месяц подсказкой есть можно использовать с бинарным поиском какая у нас сложно с тобой получится меньше n 1 . то есть она будет гораздо меньше простить точно меньше ну как сказать мне предложение на нас будет с тобой

  01:54:49 - 01:57:07

• зависимость что мы смотреть ну и линейно это когда у нас от н у aten это вот есть и линейная зависимость сколько данной . операции примера линейная зависимость и доконает тебя на то есть есть подсказка линейная то есть график будет прямой и у неважно под каким углом линейная она всегда прямая соответственно любая другая она не будет прямой то есть график будет либо быстрее расти либо непропорциональной растит начали расти быстро а потом замедляться если ты видел на пусть и не знаю там параболу ты

  01:56:08 - 01:57:34

• понимаешь и что график там растет быстрее быстро вверх это вот квадратичная сложность это будет вот вот и все отличия то есть если вас прямая на графике значит сложность линейная тут все очень просто если она какая-нибудь кривая и там быстрее возрастает или там еще что-то с ней происходит значит уже не линейная значит к это другая отвертка раз линейные все что нет а большое то это не повод н линейная от 2t линейная a threat на конфеты все по два минус один тоже линейная что у нас кроме степени еще есть у нас тобой может

  01:57:05 - 01:59:03

• вообще сложность постепенно убывать они бы вам не может выйти на плату разве не может в случае с нашим бинарным поиском на сразу не будет с тобой сложностью бывать как чем дальше мы чем дальше мы с тобой делим элементы на 2 но с тобой кусок вот этого массива начинаем каждый раз на 2 делить там сначала левую часть делим на два и так погружаясь рекурсивную внутрь если там не нашли это право начинаем делить соответственно но мы с тобой уже начинаем количество операций существенно сокращать и нам в принципе не важно

  01:58:02 - 01:59:28

• сколько там элементов там хоть миллиард будет элементов мы с тобой можем резко взять надо поделить и постепенно погружаться в глубь индивида я смотрю с точки зрения что если дома больше там если могу сделать больше этих деление до но у нас постепенно с тем как у нас идет алгоритм у нас количество операций будет все равно уменьшаться то есть нас когда будет расти количество данных на наш алгоритм позволяет количество операций уменьшить того сколько у нас растут данные то есть до данные растут допустим линейно а

  01:58:49 - 02:00:07

• сложностям алгоритма она увеличивается нелинейно то есть логарифмически ну короче как-то так ладно мы что-то тут прям до держались задержались ну я думаю что в принципе мы примерно поняли то есть может быть с логарифмически сложностью ты не так часто сталкивался я были моменты но это происходит вот как раз было время микро нужно писать и натусик но если ты планируешь собеседовать индекс то эту тему тебе нужно обязательно очень хорошо повторить потому что там это спрашивают практически постоянно вот новый вообще

  01:59:28 - 02:01:04

• по алгоритм желательно там хорошо понимать и помогает планировать хороший код видеть места когда ты можешь оптимизировать видеть там избыточную сложность алгоритма пишешь сразу качественное решение то есть ты можешь написать там первый год сразу увидеть а вот здесь у меня есть избыточные операции ты уже там знаешь каких упростить скажем это самые такие частые места которые в принципе даже может просто заполнить окей ну что наверное заберем последнюю тему прямо к кратенько потому что уже тоже да дорога все

  02:00:16 - 02:01:47

• обсудили не так много времени давай с тобой разберет сборщики собственно мы практически с них и начали начали тебя как расспрашивать про то как наш код собирается вот хочется понять зачем вообще сборщики с тобой используем почему сейчас современный frontend без сборщиков практически не представляется все на них держится вспышки автоматизируют работу скором то есть приводит его нужно дипломники то есть можно спать какие-то типы файлов и стандартные мы можем сократить объем файлов скомпилировать можно считать и так далее

  02:01:01 - 02:02:31

• то есть работу которые как раз говорить то есть по большому счету нам нужно собрать все файлы и такой в какой-то микро бандл но тэсс из определения то есть склеить по сути куски файлов и как-то их модифицировать но плюс не знаю правильно загрузить наши вью файл и чтобы они приобрели нужную форму то есть это ясно применение конечно снова это хорошо давайте послушаем еще какие-то применения то есть тоже хочется понять активизации изображение мы можем примерным стоит ли нам стоит ли нам с тобой прогонять optime оптимизацию

  02:01:47 - 02:03:27

• изображений через сборщик вообще сколько это хорошая идея да можно конечно стоит опять же зависит и она тебя не прогоню через как есть с этим проблем что вот мы прогоняем оптимизацию через сборщик на нападение качество ну она в любом случае то есть если это но смысл оси формат то конечно у нас качество упадет ну тут в этом и суть и лось форматов если лосс она не пойдет но станет меньше но здесь наверно не совсем в качестве проблема да наверное доступность в коде ссылки когда мы пытаемся импортировать

  02:02:41 - 02:04:14

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

  02:03:32 - 02:05:04

• как мне показался ну в принципе для нас это наверно не так критична потому что мы джесс также пишем мы с тобой не знаем в каком виде он будет там вью файл это же мы не мы просто обращаемся по каким-то ссылкам которые внутри проекта в паку же сам там разруливает ладно проблема здесь в чем была то есть оптимизация изображений этот процесс долгий и очень ресурсозатратно сгонять оптимизацию изображения на каждую сборку наверно не очень правильно поэтому все-таки лучше статику которой есть сразу заранее оптимизировать и держать

  02:04:17 - 02:05:27

• прям так то есть если есть такая возможность лучше оптимизирует заранее и не гонять лишний раз сохраните себе нервы и несколько секунд продуктивности так сказать да давай подумаем вот у нас с тобой есть ты назвал то что мы файл и склеиваем это мы с тобой решаем проблему ограничение сети то есть у нас дешевле получить один файл чем получить не знаю 100 мелких файлов вот места больше эту проблему тем что склеили все в один файл давай подумаем какие еще проблемы есть вот в экосистеме фронтэнда который нам

  02:04:53 - 02:06:11

• приходится решать через эти самые сборщики тоже сама навешивали х6 чтобы не было проблем с кэшированием хорошо каширование да вы кем из-за мы за кашира вались мы вот доставку но зависит добавить так считает что мы с тобой в плане доставки нашего кода мы все оптимизировали максимально через сборщики как можем в чем нам они еще могут вообще помочь какие основные проблемы возникают у подключить полифилы ну то есть писать мы хотим что писать вечно зеленый код по последним стандартам чтобы все было красиво и наши

  02:05:32 - 02:06:42

• сборщики то же самое борделе умеет красиво все транслировать в код который работает в более широком диапазоне браузеров окей хорошо ну да наверное это основные такие штуки вот может быть скажешь не знаю как он вообще при разработке сам и помогает сборщик ну возможно с помощью можно проверять кот стал ошибки принтеры сборщик обычно этим не занимается если у тебя за бортик и занимается линкором во время сборки это странно то есть как раз таки во время разработки ленте тьмы не хотим мы хотим лететь уже когда наш код

  02:06:08 - 02:07:30

• куда-то уходит если ты будешь на каждый консоль мог видеть предупреждение в паке что тебя здесь концерт лог а та та та вот твой разработка в небольшое от превратится все-таки давай подумаем вот у нас с тобой часто же происходит такое что мы с тобой код поменяли хотим посмотреть на результат может ли нас борщ и как-то помочь здесь но мы чтобы не можем просто взять наш файл и типа открыть браузер и если мы написали с тобой код допустим навью файле я могу сломать и посмотрите какие то ошибки ну то есть как ты поступаешь когда у тебя

  02:06:50 - 02:08:22

• ну ты вот сохранил файл и что-то дальше делаешь чтобы увидеть изменениями в том же браузере ну да вот как раз это одна из фич сборщиков что у нас есть h 3 лот который упрощает разработку тебя не нужно каждый раз заново все бил детям инкрементальный как бы будет твой проект лад ты что-то хочешь добавить но у да то есть я хорошо это в div понятно а если напротив на проводе у нас ход lilou да нет ценой как нам помогает сборщик на вроде как мы тут речь не про ошибки а то что мы мы же регулярно разрабатываем то есть

  02:07:36 - 02:09:12

• есть у нас то есть как бы убедиться что все наши изменения оказались в работе в браузер и знаю может быть свою камеру source маков но в том числе как браузер непосредственно собранный проект например может подключить пост-процессоры пусть с допустим побороть ядерные какие-то префикса в браузере при сборке а прям прям прозвищ больше помню как мы часто разве вот и вот когда пишешь импорт какого-то модуля это как будет работать у тебя же это получается не знаю разные замыкания как как это будет все в процессе

  02:08:33 - 02:10:12

• разработки бронзы но смотрите 2 допустим ты используешь динамически импорта как они как они будут работать если ты сборщик вообще выкинешь полностью и соберешь код и сборщика при этом выкинешь с больше кросс период начинки к параметрам и вопрос из мы хотим сильфона загружать какие-то данные компоненты допустим с большей занимается раз перевале мы этих компонентов начинки которые будут замечать выгрузить данного смотрю нас с тобой нет то сейчас браузерах кроссбраузерная кровь браузерного современного решения для

  02:09:30 - 02:10:33

• динамических import of просто нету соответственно наверное как-то в сборщик на это влияет ну да то есть мы пишем коментарии что мы хотим чтобы этот у чанг больше собирает вокруг чанг хорошо но вот как это работает уже продакшна непосредственно то есть мы в продакшин коде вызываем этот импорт чтобы чтобы происходить к чему будет обращаться импорт жесткое куску мама все будет обращаться к его скрипку school логично сюда здесь здесь здесь нужно знать сборщики конечно глубоко у тебя на самом деле то же самое в пока он будет

  02:10:02 - 02:11:29

• фронтами жить у нее прям так и есть runtime джесс это собственно runtime который и занимается вот подгрузкой твоих скриптов определяет что загрузить что выгрузить и так далее то есть когда ты вставляешь в свой финальный банду в страницу у тебя этот runtime и определяет что загрузить ты сам не пишет что вот мне надо сходить на такой-то url получить вот этот же с файл раз партий там за и валить его или что-то еще это все за тебя уже делать в парк и он живет в ран тайме вместе своим кодом он никуда не

  02:10:46 - 02:11:52

• девается принципе он не исчезает не как он сам знает какие кусочки надо дергать при определенных событиях да ну я думаю можно заканчивать и подводить итоги уж там мы уже по времени вышли за все разумные пределы да согласен так то что я начну да давай ну в принципе что могу сказать знания ты продемонстрировал то есть видно что знает видно что ты работал есть несколько тем которые вот оказались очень с большими пробелами особенно что касается вот как работает сетевые протоколы безопасности так понимаю то есть вообще

  02:11:19 - 02:13:03

• все очень только так вот поверхностно то есть мы за все хорошее будет всего плохому поэтому лучше безопасно чем небезопасна вот нюансы мы не знаем что могу еще сказать про local storage и вот прогулки вот мне очень и очень странно слышать что ты так мало работала с куками и тем более не дел авторизацию вот тут я бы сказал надо очень хорошо потянуть потому что это сплошь и рядом везде используются ну и только там для авторизации в общем то я могу сказать на мидла знаний достаточно как бы если исключить вот эти пробелы то

  02:12:10 - 02:13:52

• есть я не вижу причин сказать точнее я могу сказать с уверенностью что там почитать разберешься потому что мы затронули много других тем которые посложнее ты нормально у них отвечал поэтому тут я думаю просто опыт или то что не сталкивалась как то так да но у меня тоже такое знаешь же двойственное очень впечатление с одной стороны мы с тобой говорили про оптимизацию ты прям вот тебе что-то какое-то не знаю вектор для рассказа кидаешь ты понимаешь о чем я говорю это очень хорошо то есть все таки какой то

  02:12:59 - 02:14:32

• оптимизации ты точно касался и с этим приходился работать это классно то есть по большинству тем которые мы себе спросили какой то такой опыт есть но меня очень насторожило первое что ты не знаешь вот отличие такое четкое лет work on ст это прямо в самом начале у меня тоже так немножко напрягло это очень странно вот и конечно kookie cookie & cars это ну как бы у меня возникают вопросы какие задачи приходилось решать то есть нам фронтам ну вот не знаю за мою практику 1 год приходится что-то с куками поправить то есть это такая штука

  02:13:48 - 02:15:16

• которая постоянно от бизнеса требуется то есть не знаю приделать какую-то новую какой-то новый флаг хитрый или что-то в авторизации поправить или еще что то конечно понимаю что сейчас можно вообще фронту cookies не трогайте так далее но в любом случае какие-то простые задачи они все но рано или поздно касаются кук это что за два года ни приходил с ними работать для меня немножко загадка вот я не знаю как так получилось но вот видимо просто не знаю иронии судьбы и так вот не удачно попали вот в остальном считаю до что

  02:14:31 - 02:15:42

• очень хорошо что большинство штук который мы сегодня обсуждали тебе есть что про них сказать ты даже сказал индекса db что немножко на шокировал мы даже не представляли что можно будет эту тему углубиться но видишь ты назвал это тоже тоже классно и в целом да все термин для тебя знакомые там 90 процентов поэтому считаю что да на металл проходишь но с оговорочкой что руки обязательно изучить как работают что это такое и так далее то это прям маст-хэв это фран tender ский реально это прям самая база

  02:15:07 - 02:16:25

• с этим с этим приходится работы к сожалению но и знать это тоже надо вот в целом впечатление у меня хорошие вот подтянуть вот эти двое такие недостатки некоторые и вообще все классно то есть есть ощущение что можно тебе дать задачку и как бы разберешься не знаю сможешь если в случае там не знаю ни за не сталкивался загуглить хотя бы разобраться куда смотреть в вот как то так теперь же хочется узнать насколько тебе вообще понравилось не понравилось какие твои ощущения спасибо большое а сами ли попасть к вам самые

  02:15:46 - 02:17:00

• больные темы которые должны ожидал сколько beaches никогда не колес работать поскольку поскольку не знаю почему 4 крайне положительно и спасибо вам что провели собеседования наши мысли какие-то новые точки роста и что мы нужно подтянуть собственно дать им работать ну классно чего желаем тебе тогда успехов в твоей работе дальше продвигаться как ты хочешь становиться более крутым спецом вот спасибо что пришел нам тоже было очень интересно с тобой и поговорить главное вот самое знаешь что хорошие есть о чем поговорить

  02:16:23 - 02:17:38

• то есть мне с тобой не сидели там в тишине большую часть времени все таки мы и нашли общие темы это хорошо я считаю что получилось классно спасибо большое вам нужно плавно мы будем прощаться всем нашим зрителям тоже большое спасибо что смотрели подписывайтесь на наш patreon мы вас всех очень любим и смотрите выпуске на день раньше чем на основном канале подписывайтесь на наш youtube ставьте колокольчик узнавайте о новых выпусках в общем все по стандарту спасибо всем и пока пока пока

  02:17:00 - 02:18:33