ну вот из маша сказать в чем у них между ними разница хотя подожди ты же только что рассказал да ладно я щас тогда немножко переобуть до на самом деле интересные задачи я помню таких даже не решал на самом начале пути всякую всякую всячину описал как вспомню уже заберет очевидно несамостоятельный видел наверно более самостоятельные синий рон там уже максимально самостоятельно я короче запутался в таких базовых вещах буду показывать друзьям они будут заданы смеяться [музыка] всем привет сегодня мы будим проводить
00:00:00 - 00:01:24
публичные собеседование с нашим кандидатам меня зовут сэм я работаю в компании в компании валют мы занимаемся мониторингом транспорта разрабатываем систему чтобы следить за машинками в реальном времени и сегодня наш кандидат вячеслав представьте да всем привет привет меня зовут слава кузнецов в текущий момент я работаю в сфере fancy g в компании марс занимаюсь обучением программированию в частности фонтен до разработки уже около двух лет закончил курсы hex лета коми опыта коммерческой разработки на текущий момент нет но ищу
00:00:44 - 00:02:10
возможности его получить у меня сразу первый вопрос почему ты пришел ну решил что нужно вот эти во front-end почему решил программирование вот это все дело то есть что тебя так сподвигло на это на самом деле вяжем так идея появлялась периодически по ходу возможно все мои осознанной жизни но как это часто бывает никогда никак не доходили до туда руки но потом из той поговорке несчастье помогло случилось пандемии появился home office появилась изоляции появилось очень много свободного времени чтобы с ума не сойти я вспомнил о том
00:01:27 - 00:02:52
что ну давно хотел эту тему вообще как-то погрузиться изучить у меня даже идея в принципе не было что конкретно да а позвонил знакомому и технику просил вообще с чего начать от наверное вопрос которые задаются все вообще новички в этой сфере но он не сказал на начни и попробуй самых базовых вещей там из базовых вещей веба html css попробую по верстать страничке там понравится если дальше будешь туда двигаться так как у меня альтернатив особого но я не видел даже на тот момент зарегистрировался на steam или к теме и
00:02:09 - 00:03:21
попробовал там по верстать потом еще прошел курс на free code camp тоже там бесплатные по верстке ну в принципе несколько там страничек сверстал понравилось потом уже понял что что полноценную картинку собрать да ну необходимо этом изучить уже тоже язык java script его при потом применить вы как-то так уже сама пошло-поехало через какое-то время я осознал что мне это интересно параллельно с этим у меня там но я в это в подробности тут сильно u20 не буду чтобы фирме засорять но на этом текущем месте работе уже достаточно
00:02:44 - 00:04:05
стильно и выгорание уже у меня происходило в принципе и от сферы деятельности вот и перспектив я особо больших не видел а скажем так ну здесь я их видел мне это было интересно поэтому как-то потихоньку к этому пришел потом мы были курсы кекс лета уже по фронтенда который я вот месяц назад сдал последний проект на реакции вот вот я здесь понятно но интересный путь целом все так примерно начинают там я тоже знаю пару людей которые вот из-за пандемии решили что пора короче чем то таким заняться то есть в целом из-за
00:03:25 - 00:04:52
того что там может кто-то работать не смог удаленно там есть такие профессии вот то есть это ну в целом да интересно мне вот когда я сам начинал разрабатывать мне нравилось то что вот ты как быть что-то делаешь такое это красиво там вот пользователь это видео с этим взаимодействие то что тебе вот прям так понравилось если трогал как бы backend хотя бы немного там ноду можешь там провести сравнение типа почему именно frontend ну здесь вот ты правильно сказал на самом деле эта штука которая наверно
00:04:09 - 00:05:19
цепляет очень многих вначале и меня в том числе что до на изучая front-end и изучая начинает звучать верстку ты там результат видишь буквально с первых же самых своих шагов до там как элемент подвинул он сразу подвинулся ты видишь что изменилось до покрасил там бы ground все сразу видеть ну то есть это как 100 процентов доставлял добавляла мне какой-то мотивации к тому что я делал и первые там проекты которые я делал они были достаточно простыми можно было сразу увидеть результат я не знаю как бы
00:04:43 - 00:05:54
было если бы сразу решил бэг-энда уйти было бы для меня это проблемой что я не вижу результат и не знаю но вот этот это факт в том что да действительно это было интересно почему именно frontend они backend здесь на самом деле одну тяжелый вопрос потому что я в какой-то момент просто принял решение что нужно концентрироваться на чем-то одном и так как мне в текущий момент во фронт энди нравится да нет наверное смысла распыляться идти учить там что другое другой язык там по чуть-чуть учить там учили-учили пересмотреть backend с
00:05:19 - 00:06:41
другой стороны на hex лети программу обучения так построена что первые два проекта они по большому счету про bk ну там фронтенда нет никакого там все делается но у джесс то есть и [музыка] принципе ну и не я наверно сказать что я познакомился с быком дам потому что это наверное не backend просто именно сам сами проекты на сделанный на ноги но в какой-то степени наверное так как это чистый код да и этот код можно запустить только на ноги и он нигде не визуализируется когда то можно сказать что это в какой-то степени
00:06:00 - 00:07:16
похоже на weekend ну мне тоже было интересно эти проекты делать но когда появляется визуализация когда появляется какой-то юзер интерфейс да и ребят и видишь что ты сделал что-то такое потом пользователь зашел этим пользуется там ну как-то мне это поинтересней отклик отклика больше душе было от этого не знаю но опять же повторюсь сильно глубоко бэккантри всего не погружался что прям так полноценно сравнивать но в целом да я понимаю к чему ты клонишь то есть все так получилось что то ушел во front-end и решил что ну надо вот дальше
00:06:38 - 00:07:56
развивать то есть не распылять и да это на самом деле правильная мысль и ну как бы по kinder тоже видит сразу значения просто села там в веб-разработке веб фронтенда в том что тебе по факту ничего не нужно чтобы начать что-то делать тоже не практически всегда у тебя там редактор стоит на компьютере браузер есть все все остальное особо ничего не надо ну интернет еще вот в этом до села согласен окей я понял то есть какой опыт у тебя есть ну судя потому что ты рассказывал ты там пришел но делали какие-то проекты да
00:07:19 - 00:08:36
какая вот самое интересное твоя задача была кто это делал такой банальный вопрос на самом деле но очень такой из птиц герб овощей то-есть сможет и вспомнить что такого сложного или может быть интересно вот и делал что это сидел какой-то потом такого у у меня это получилось это интересно круто именно про задача или проект ну это может быть ну на самом деле обычно да про задачу говорят то есть может быть какой то кусок там и так далее вот и может целому по проектор сказать ну наверное это уже из последних таких более сложных
00:07:57 - 00:09:02
проектов потому что ну скажем так когда я занимался исключительно версткой у меня там особо не было даже моментов где я бы прям вот очень долго завис над какой-то задачей не мог не знал как решить до а последний проект hex это пишется на реакции и там пишется чат используем петли пакетов и у меня там ну скажем так я просто так еще раз и не именно интересная задача или или задача которая долго не мог решить какая-то сложная скорее задача который тебе понравилось то есть чтобы решить что ты получил кота
00:08:30 - 00:09:59
удовольствие она может быть и сложно тот из когда ты решаешь сложной задачи ты решил ты куда мы ждал мне получилось на был сложным например тогда ладно я щас тогда немножко критерия переобуть никогда не при этом просто хотел вспомнить не то что интересно очень сложную задачу которые они могут двинуться того что друзья тоже рассказать в общем про него в двух словах там использовались websocket и но несколько как я уже говорил да и в какой-то момент у меня вроде как все работало но при отправке сообщений пользователям у
00:09:14 - 00:10:33
меня отправлялась сразу несколько сообщений ну то есть и при создании канала создавалась несколько каналов то есть вроде как логика все работает но почему-то дублировала вся информация я долго не мог понять что пресс что происходит и что не так а пока не обнаружил что у меня подписка на соки это было скажем так как это правильно сказать но подписка на соке добыла находилась там же где компонент сам отрисовывается и получается после повторной отрисовки происходило происходило повторная подписка из-за
00:09:54 - 00:11:15
этого а это было очень тяжело отловить носом венок может быть это несложно отловить но на тот момент когда я это делал я не мог понять как это поймать вообще и вот только когда я уже подписку на соки это на более верхний уровень вынесу меня все это заработало но про бодался с этим достаточно долго я понял у тебя оставалось взрываясь подписка которая была с предыдущего с предыдущей отрисовки частая проблема это вопрос о той утилизации памяти до то есть протечек памяти часто еще такие вещи и утечки памяти генерирует это интересный
00:10:35 - 00:11:46
опыт на самом деле а если говорить про интересную задачу которую недавно решал я решал тестовое задание в одну из компаний там нужен был написать свой калькулятор на java script но при этом чтобы он принимал на вход строку и [музыка] поддерживалась еще там поддерживались скобки ну естественно вся парсинг строки и потом все эти вычисления должны были быть написаны на чистом живо скрипте без 2 не библиотек то есть естественно никакого эго и если честно можете конечно же плохо искал ну у меня по началу не совсем получалось
00:11:11 - 00:12:35
это сделать я начал гуглить еще чтоб понять как и вещей способы методы чтобы куда-то направить себя и вот прям такого готового решения я не смог нагуглить не на русском языке не на английском где бы был как calculate я находил но там не было возможности использовать скобки ну то есть скобки когда одну ты понимаешь чем и вот буквально всего пару дней назад я дописал этот калькулятор работает и ну достаточно интересная была задача это интересно да но то о чем то говорить больше похоже на dsr типа domain
00:11:53 - 00:13:10
спецификой вич ты мог погугли тоже на эту тему часто такое тоже пишут тепла у тебя по факту язык инструкцией ну да это тоже интересная задача в шаблонах проектирования от гафа тоже какому есть шаблон проектируя называется interpreter насколько я помню вот и это тоже вот похожие на этот штука вещь до на самом деле интересные задачи я помню таких даже не решал на самом начале пути всякую всякую всячину описал как вспомню уже заберет ok это конечно классно ну смотри получается что ты такой то есть joom да то есть такой
00:12:32 - 00:14:03
начинающий разработчик который знает основы и так далее вот как ты думаешь что ты в компании придешь чем то есть правом middle of сеньоров ты слышал то есть что есть грейды там и так далее так ты думаешь чем они отличаются тесто вот твое мнение то есть на самом деле они есть из компании в компанию по разному идут отличаются так далее я думаю два основных критерия здесь есть первый это уровень самостоятельности джун очевидно несамостоятельный middle наверное более самостоятельный синий рон там уже максимально самостоятельной и
00:13:18 - 00:14:33
[музыка] я даже где-то читал это не то что я сейчас сам придумал по моему что то такое что на там джуму нужно поставить задачу еще объяснить как сделать метлу достаточно просто поставить задачу а синьор уже сам себе может поставить задачу что-то вот примерно так вот у меня в голове отложилось но в целом да и наверное там с точки зрения скорости разработки тоже есть разница ну очевидно джунг джону нужно больше времени для того чтобы что то сделать но и должно по идее качество отличаться более высокого грейда разработчик
00:13:55 - 00:15:15
наверно более качественной и с меньшими там меньше количество багов пишет код они на самом деле очень даже хорошо то есть в целом все что-то писала ну примерно так и есть в в разных компаниях она по разному то есть эти игры ты там в компании они сами решают чикаго но в целом так и есть еще из себя могу добавить что помимо того что сеньор то умеет сам себе задачи ставит до условно он может эту задачу поставить под сомнение как минимум потому что он шарит в бизнесе то есть он должен понимать в бизнесе что
00:14:34 - 00:15:43
происходит плюс-минус да то есть так сказать от он должен уметь оценивать бизнес бизнес приоритетность этой задачи то есть когда приходит там условные продуктов не рад кнопку кто бы то ни было приходит говорит там нам нам надо вот эту задачу сделать там джон и мидлтонс авиации и сразу делают а синьор говорит типа а зачем она вам нужно будет ли оно там будет и от неё польза какая-то нужна ли она в принципе там вот это все то есть он плюс-минус поймем программирования может залезть там бизнеса понять зачем она в целом надо но
00:15:09 - 00:16:23
это так от меня в целом у нас просто в компании плюс-минус так вот это хорошо но это классно что ты понимаешь что есть многие там плавают в этих значениях на самом деле она не критично то есть когда ты джон понимает типа чикаго просто чтобы ты когда рос до то есть становился сильнее как разработчик и так далее чтобы ты понимал что наверное я уже там плюс минус то есть плюс плюс там плюс минус уже medal могу там все как-то оценить и там не знаю там попросить надбавку зарплате там курьеру это нормальная тема сказать типа надо пока
00:15:46 - 00:16:55
пришла переоценка то есть все пора переходим уже к думаю вопросом по погоде нашим прекрасно технологиям и на самом деле больше интересно поговорить про так мы front in der и конечно прожил скрипт но и верстку мы конечно же затронем вот и начнем наверное с html то есть такое наверное интересный вопрос больше у нас сейчас в компании тоже пришел джон и его плюс-минус мент мент объясняю ему чё кого и как жить в эту жизнь весело на самом деле и он часто сталкивался с такой проблемой что смотри у нас получается мы когда
00:16:20 - 00:17:44
подключаем допустим тег скрипт то есть какой то скрипт а его предлагает подключать перед закрытием тега body как ты думаешь зачем это делают и почему вот на самом деле я почему-то у меня в голове сложилась мнение что скрипт лучше подключать после потому что но с точки зрения скорости потому что до отрисовать страницу быстро скрипт может исполняться гораздо дольше и чтобы году но уже это все выполнялось после отрисовки там страницы для пользователь если вопрос стоит таким образом зачем раньше ну ну в смысле зачем они его советую
00:17:02 - 00:18:32
подключать перед закрытием тега script в самом конце документа когда уже вот прям в самом конце так ты думаешь а ты все-таки советует в конце я советуете летают в конце до советуют в конце в самом то есть у тебя идет тела до твоего твоего html этот документа и перед закрытием тега то есть когда ты body пишешь закрытие порно мамба где получая да в самом боге в самом конце то есть последним элементом советуют подключать скрипт элемент то есть и в ходе например а именно вот там вот ничего себе первый раз такой случай от и
00:17:47 - 00:19:06
ну вот это делал проект а ты сам как делал слушай а как то так получилось что все что я делал я уже использовал модуль и везде потому что как на hex ведь с самого начала это ну прям как такую практику прибивают что самом хостел подключать я давно уже такого не делал но когда я вот там только изучал какие-то азы и делал самые базовые там странички с каким-то минимальным java script on the его подключал в самом низу в самом конце по-моему мы уже после body и вы после базе обычно не такой не делаю
00:18:27 - 00:19:52
то есть обычно в самом-самом внутри там внутри воде вот ну давай давай знаешь как смотреть давай порассуждаем то есть у нас html это обычный язык разметки xml data есть вид xml как браузер его отрисовывает то есть что он делает когда он получает html q он получает очки мальку формирует дом на и уже этот дом уже это дом отрисовывает на странице пользователя то есть ну вот это дерево древовидную эта структура получается отрисовывается у пользователя но смотри да смотри получается но представь что у нас есть какая-то
00:19:09 - 00:20:43
какая какой-то html элемент но html документа и я есть элемент я перед ним подключая скрипт и там дела там консоли лог один например и после элементы делаю консоли лог один элемент например допустим но он не знаю просто существует тампон пустой если браузер идет по этому html то есть элементу ну документу в каком порядке он их будет парсить ну в том порядке которой мы гранит документе идут то есть сверху вниз правда ну логично да вот сверху вниз вот то есть когда он идет дождь скрипта этого первого до где вызывая концу урока
00:19:56 - 00:21:25
нового prox парсит этот жила скрипт и выведет сразу выполнит а дальше пойдет сразу дальше парсить следующий html потом может дойти до следующего там скрипта и так далее вот то есть представь что у тебя есть ну задача тебе нужно начать слушать действия кнопки вот без каких-либо модулей просто статичный java script условно допрос input ну скрипт с рацией и ссылка до этого до файла скрипта если я подключу до того как кнопка будет щит его на браузером что произойдет но я скорее всего по логике вещей события не должно
00:20:42 - 00:22:09
повеситься потому что еще ж нет этого элемента поэтому никуда вешать его да то есть это если я до него повешу а если после то все нормально должен пройти то есть уже есть элементы на него получаются нарисуется события да тогда получается если всего что мы сейчас обсудить сделать вывод то в как у зачем они это делали то есть в конце body распознав располагали этот скрипт как ты думаешь ну получается дать чтобы уже готов был там все элементы уже были готовы чтобы с которыми там же раскрыть будет так или
00:21:29 - 00:22:39
иначе взаимодействовать вот да все верно на самом деле да так и делали собственно за этим мы делали этот действо но это все можно без пару лямов хитрить если использовать дом контент лодок ты знаешь такой наверное event события ну дом бренд будет до есть еще лот те такое у windows вам candida loaded она у винду а лоту документы на сколько я слышал но самом называется не приходилось а ну ничего страшно на самом деле то есть у нас получается что этот ивент не используем то он браузер идет сверху вниз поэтому ты по html и да
00:22:04 - 00:23:27
и параллельно рисую дом то есть создает создает элементы и так далее и когда он доходит до java скрипта уже весь дом по факту создан и если нам нужно там подключиться к это кнопки да то есть начать и услышать так далее то есть как минимум найти дома на дом дерево уже обратно образована и мы сможем его найти если мы сделаем наоборот то есть подключим скрипт в каком-нибудь хайди да то когда он до него дойдёт начнет его сразу выполнять уже моментального выполняет этот скрипт элемент он стоит то есть
00:22:50 - 00:23:55
когда он дает у дождь имели новый html да скрипта он загрузит этот файл java скрипта начнет его парсить исполнять и потом пойдет дальше вот этих элементов может не быть как раз таки существует event дом контент loaded который говорит о том что все дом дерево уже построено но еще там не скачанный картинки низко чем там условно css то есть он просто построил дерево документа и ты уже можешь как-то взаимодействие со steam или элементами вот аллах говорит о том что уже вот все загружено все что есть все на картинке
00:23:21 - 00:24:31
она все загружено и тогда он триггерит это событие вот но это как бы такой забавный вопрос с подвохом не помню тоже самка это делал я особо не задавался вопросом зачем они так делают снова результата к самом деле потому что как-то у меня в голове была только это что с точки зрения скорости и производительности а теперь я понял что еще и логика может общем найти эти если этого не сделать ты ну ты правильно в начале говорил то есть и по кускам тоже что отрисовка то есть пока отрисовывается там можно подождать вот
00:23:57 - 00:25:02
это все то есть в целом это правильно но там больше не про отрисовку а про создание вот дом дерево ну как бы нормально то есть хорошо дальше у нас получается что интересно поговорить про семантику то есть про что это такое то есть зачем это нужно какие то там можешь называть техники и симпатичной верстки до условной и и вот всего что ей касается за и кто это придумал зачем это придумать зачем придумали вообще немного не понял вопрос смотри у нас есть такой открыть раздел такой html и который говорит про о том что такое
00:24:29 - 00:25:57
семантика тематичные горстка вот это все можешь рассказать про ну что это и зачем это нужно ну смысле что вот это вот структура тегов и да ну ты то есть что все элементы там закрывай начинаются там засаду многие элементы начинаются открывающегося тега потом какая-то там информация в нем так закрывается я просто видимо не понимаю до конца вопрос а хорошо смотри давай тогда будем рассуждать вот представь что у тебя страница с какой-то информацией полезно тебе и она вся сверстан в делах а только div используется как элемент
00:25:17 - 00:26:40
как ты думаешь что хорошо или плохо все понял ну да конечно это плохо ну в целом наверное это реально делать но именно тематика сделаны для того чтобы как раз браузер ну отображал необходимый элемент именно таким образом которым мы хотим это увидеть а потому что ну-у есть разные понятно свойства у разных элементов разные там ну то есть и как для того чтобы вы там же ну получается это такая структура семантики она достаточно динамичная и там постоянно пополнялась новыми элементами наверное в первую очередь с точки зрения
00:25:59 - 00:27:36
того чтобы легче было отображать именно ту мысль которую верстальщик пытается там положить да и ну и во вторых наверное для самих верстальщиков чтобы там разбираться в коде друг друга я не знаю тоже как вариант проще используя правильные тыт гида ну да ты в целом все правильно рассказал то есть плюс минус она в целом было придумано чтобы ты использовал теги по назначению то есть если у тебя это заголовок тот и должен использовать какой-то вариант и заголовков то есть это жирный текст у наверное то лучше использовать жирный
00:26:49 - 00:28:03
текст если ты слышал про доступность такой термин доступности верстки то в целом они как бы очень сильно связан то есть это про то когда человек там например с какими-то ограниченными возможностями условно да и то не всегда какой-то там там незрячий например или глухой то есть они всегда так это очень обширный термин такой но мы сейчас говорим о том что условно например нам мы не можем сейчас не знал видеть до к примеру и мы но мы можем услышать и есть такие как бы устройстве называется screen две дыры он
00:27:30 - 00:28:46
то есть мы можем сказать коридору зачитай нам пожалуйста этот html документ чтобы он мог чтобы мы могли как-то воспринять информацию до и вот если верстать нисим античное то наша konveda совершенно не поймет что творится у нас на странице он не поймет где находится навигация чтобы правильно предоставить элемент но правильно предоставить интерфейс нашему пользователю до который не может данным в данный момент видеть а он не поймет что перед ним сейчас список до какой-то из элементов там какой-то
00:28:08 - 00:29:15
will или ли ну вот не поймет что эта картинка что на ней нарисованы так далее вот вот как раз таки в частности там очень много говорят про доступность про то что я там тяжело реализовывать и так далее но на самом деле оно достаточно просто реализуется что просто как бы но как минимум он доступен симпатично верстать праведно и самый яркий пример которым пользуется скорее всего все это какой-нибудь редер view на в браузере или там например телефоне когда вы заходите на сайт там очень много всяких ненужных вам
00:28:41 - 00:29:53
блоков и так далее хотите просто прочитать текст и там в сафари например или firefox и есть кнопка типа упростить там текст сделать там лидер view он убирает вообще все что вам не нужно оставлять только текст заголовок там и так далее вот ты может быть видел хотя бы там раз то есть он оставляет только тот контент за которым ты пришел вот и на самом деле добиться этого очень просто если верстать сим античное расставили заголовки используют правильной теги и так далее вот если вы там у вас вся страница за версту нади вами то есть
00:29:18 - 00:30:32
если это вид выглядит как кнопка на самом деле этот div с кликом то это плохо браузер не поймет что это такое и зачем это нужно ok ну вот то есть по этому поводу но и такие то есть best practice и которые верстальщики там продвигают и вообще продвигаются в массы и на самом деле это важно хорошо но тут как пассаж тимином многого можно говорить и долго но я предлагаю дальше идти и поговорить уже процесс с css у нас веселая штука много докладов цвета много чего интересного рассказано давай поговорим про то что такое
00:29:54 - 00:31:21
селектор что такое селектор css и и как это можно использовать зачем это нужно селектор необходим для того чтобы словно определить какому элементу мы хотим применить тот или иной стиль таверна а какие способы но какие типы селекторов ты знаешь их может быть несколько по классу пойди по тегу [музыка] now так-таки еще использовал там уже достаточно много на смотрю да еще есть еще есть там атрибут ный селектор типа по атрибуту найти какой-то а вот и по моему ну еще всякие псевдо-элементы псевдо селектор там и
00:30:40 - 00:32:23
так далее вот но не суть важно ну да еще ну вот эти вот которые а вот но они как они как не сам не самостоятельные то есть без этого не смогут вот отлично то есть там еще и селекторы как бы ну получить всех детей там всякие плюсики там тильды вот эти все вот и я уверен ты замечал что если например задать по одному и тому же классу 2 одинаковые свойствам с разными значениями 1 перри за 3 друга и правильно помню правильно по классу до ввода но не только по классу по тегу там если сделать одинаковый selector и
00:31:34 - 00:32:56
задать одно и то же свойство но с разными значениями кто-то из них перед друг друга вот [музыка] ты думаешь почему это происходит но очевидно что наверное с точки зрения удобства что свежая информация наверное должно ну более релевантно и и в любом случае код исполняется опять же сверху вниз дата получается после того как мы добавили какой-то класс элементу поставок огромного как интерпретатор или что браузер видит что этому же элемент туда добавляется новый класс он просто делает это действие заменяет тот класс на текущий то есть
00:32:16 - 00:33:54
500 т.р. точки зрения все идет просто пошаговое на простую если бы этого не было то но приходилось бы какую-то ошибку создавать и это бы наверно усложняло всю эту работу ну да есть такое то есть целом прав то есть когда браузер видеть что селекторы одинаковые он берет тот который ниже всех идет вот в этом плане правильно а но смотри у нас получается такая допустим нас такая ситуация у нас есть элемент и на нём висит айдишник и класс там выйдешь ники в селекторе мы пишем что у него там цвет текста должен быть
00:33:07 - 00:34:27
красной а в классе мы пишем 100 цвет текст должен быть синей кто применится если память мне не изменяет там есть определенная приоритезация и стиль эктор и по айдишник у они более высокого приоритета если я ничего не путаю давно уже поедешь нику не писал ничего такого да ты все правильно помнишь то о чем ты говоришь называется vesa ну то есть у каждого селектора есть вес вот ты помни что насколько там то есть сколько там все придумано самом деле там все намного интересней их можно высчитывать у них есть то есть ты можешь
00:33:47 - 00:35:01
просто посмотря на селектор зная о том какие у них веса даже без браузер скорее как ну то есть кто именно будет тяжелее по весу вот допустим у айдишник а у селектора разные в этом плане веса и одессе когда он важнее ну конкретно вот эту историю с весами я уже не помню но я помню что до поедешь ником важнее плюс еще более важный можно поставить как это назвать флаг наверное потом сюда и тогда этот это свойство точно уже не перезаписывается хорошо ну окей тогда ладно пойдем дальше тогда смотри у нас тут
00:34:24 - 00:35:52
получается а скажи мне про то в цехе такая фундаментальная штука что такое булочная модель обычная модель то есть что любая как любая страница но состоит из определенных блоков и ну и скажем так из блочных элементов которые а по сути из занимают все все пространство страницы и блочные элементы они ну основная особенность то что они занимают всю ширину экрана вот если вообще понял правильный вопрос да да да но плюс минус там больше вопрос был не про конкретику а про то что ты об этом знаешь и то ты можешь в этом
00:35:08 - 00:36:44
сказать но у нас получается кроме блочных есть же ещё какие-то варианты ну да есть строчный элемент это онлайновое получения на которой соответственно на занимают только этом то место которое ну тот текст например тату ширину текстов которые у них прописано [музыка] хорошо ну то есть они занимают только то пространство то есть по контенту сколько и на прям туда насколько им надо только они занимают хорошо тут интересный вопрос возникает проволочную модель это про свойство бог сайдинг знаешь такое свойство бог
00:36:06 - 00:37:19
сайдинг вот сможешь рассказать какие у него есть значение и как они влияют на то как высчитывается размеры элементов бокс сайзинг там основные свойства border бокс и контент бокс и соответственно а ну как бы из названий то а как раз свойства border баксан но он будет ориентироваться именно на размер границ а account in box ориентироваться будет на именно границы к контентов которые которые там размещен хорошо но у нас получается что до по факту два значения какой из них по умолчанию стоит в браузере по моему по
00:36:42 - 00:38:21
умолчанию стоит border box и для того чтобы правильно сказал нет я просто сейчас с этим нет в умолчанию стоит контент бокс контент бокс да окей а вот недавно как раз кстати я это свойство менял чтобы у меня калькулятор правильно отображался при которой я недавно говорил потому что именно при свойства барьер бокс у меня получается контент ну отображался криво и получать его необходим но я поменял на контур боксе у меня как раз есть мой контент залез получается в рамки вот необходимые чтобы все выглядело достаточно а ну
00:37:37 - 00:39:07
смотри ты ну ты сможешь сказать в чем у них между ними разница помнишь за да все правильно хорошо хорошо но смотри у нас получается представь что у нас есть там возникает чисто проблему с по деньгами то есть они чаще всего сейчас современные разработки первое что делать там при создании проекта когда заходит там это говорят что звездочку и у всех бог сайдинг бартель box вот на самом деле я сам так делаю потому что это поведение более так сказать я бы сказал более не то что более правильная она более предсказуемо и в
00:38:26 - 00:39:47
этом плане что там часто возникают проблемы с функцией коллег css а когда ты говоришь там padding условно там 20 пикселей да и у тебя есть там контент какой-то его тоже занимает которое в это расстояние и если стоит контент бокс то как только ты задаешь что значение он начинает вылазить за пределы твоего контейнера вот это происходит потому что он размер считает относительно там вот как раз таки контент бокса и там часто в начале только я когда особо не понимал что происходит приходилось это решать с помощью калька
00:39:12 - 00:40:35
высчитывать там сто процентов дает две ширины контент и отнимать от него дважды этот поединок да то есть там если у вас padding стоит 10 пикселей то нужно отнять 20 пикселей вот чтобы он как бы в лес в рамки твоего контента бог сайдинг ну border бокс говорит о том что ну нам уже такого делать не придется . домам мы говорим что padding там 10 пикселей он будет высчитывать ширину таким образом чтобы он поместил элементу ровно в рамки контейнер в котором находятся вот в разработке это очень часто применяется
00:39:54 - 00:41:03
но я как я уже сказал что сейчас большинстве случаев ты увидишь что всему глобального устанавливает бог сайдинг a porter box хорошо хорошо но тут уже процесс так сказать поговорили так премии идет у нас давай придем уже к скрипту к самому интересному и тут у меня первый вопрос про но это больше про экосистему пользовался литые литрами на проекте когда делал какими-то значит эффект у вас с первого проекта на hex эти подключается и slim tr bengi и как бы я уже это уже неотъемлемая часть по сути когда
00:40:28 - 00:42:02
пишу всегда ну и на реакции тоже даже если создавать проект там через react тоже уже автоматически подключается linder уже уже как-то не представляю что можно без него как ты думаешь зачем это придумали то есть зачем это люди сделали страда страдать заставили страдать людей писать так как они хотят но во первых для того чтобы избегать багов потому что он zara сразу подсказывает на ум на какие-то ошибки там там несуществующей путь или второй раз константу объявил и что то еще но такие вещи которые там
00:41:16 - 00:42:36
чтобы уже компиляции не преступайте там эти ошибки не ловить да во-первых а во-вторых он позволяет писать код более понятный другим разработчикам потому что возможно с этим кодом придется работать другим людям и чтобы они ходу смогли понять все что там написано он тоже определенное ограничение вносит это все а ну то есть грубо говоря он защищает вас то могу от глупых ошибок каких-то и позволяет писать в едином стиле чтобы другим разработчикам было проще воспринимать свой код да все верно на самом деле
00:41:58 - 00:43:17
этого и вы придумали и очень до полезная штука на самом деле окей двигаемся дальше собственно будем говорить про фундаментальную вещь скрипта это про event log слышал чуть такое даиш even клуб до событий там как выполняется java-script а синхрон сена вот это асинхронные и синхронные действие ну да наверно слышал но тут на самом деле [музыка] с точки зрения как исполняется код тут разница наверное нет он также исполняясь последовательно сверху вниз а или они про это вопрос не про это вопрос то есть про то как выполняется жира
00:42:39 - 00:44:11
скрипт когда его браузер спросил то есть он как ты уже сказала выполняется последовательно но представим что у нас есть какой-нибудь этим а вот например вот ну да и он выполняется асинхронно то есть как только появляется какая-то асинхронная операция как вот искал там с этой молда то он не будет дожидаться ну по умолчанию не будет дожидаться там ее выполнение пойдет дальше выполняться и соответственно как бы было его синхронной операции будет выполняться параллельно параллельно то есть он выполняя какие-то задачи синхронно
00:43:30 - 00:45:00
когда выйдет какую-то асинхронную штуку он то есть говорит типа выполняя параллельно я пока пойду дальше выполнять код как ты думаешь он как в целом работает допустим у тебя есть подряд несколько со таймаутов у них одинаковые но одинаковое время то есть они все там задержка в одну секунду представим да в каком порядке не будут выполняться то есть когда они закончатся каком порядке не выведется допустим там выполнится до но не все начнут параллельно выполняться ну смотри у нас получается давай ну
00:44:16 - 00:45:32
давай я просто рассуждаю у нас получается есть какой-то код до синхронной и вы там есть три асинхронной операции друг за другом пусть это будет с и тайм-аут и которую там делать концу лег на условной и у них одинаковое время от на которые мы их откладываем в каком порядке будут выведены эти консоли логе как ты думаешь ну нас по моему на самом деле невозможно сказать что в каком конкретно порядке они они выйдут если я не ошибаюсь потому что мы не можем знать точно с какой скоростью ну то есть хотя
00:44:59 - 00:46:19
консоль в опыта ну по факту завершение очевидно добуду будет выведены все но так как конце рывок достаточно простая операция скорее всего ну в том порядке в котором они [музыка] прописаны в том порядке будут выведены потому что если тайм-аут одинаковый и соответственно операции одна и та же которая ну наверное java script у занимает одинаковое количество времени на выполнение то в том порядке они и выведутся если бы операции были разные то там а там постоит я тогда сказал что там какая быстрее завершится
00:45:41 - 00:47:02
хорошо но тут важно сказать про то что да а не выполнится в том же порядке в котором были запланированы то есть и ты правильно этом плане сказал но в этом есть нюанс что на самом деле можно сказать плюс-минус то есть если ты знаешь как это работает то сказать каком порядке не выполнится точно то есть даже ну не то чтобы предсказать из ты понимаешь вот работает примерно так есть то есть calls так да то есть очередь выполнение но стек выполнение наших программ и когда браузер встречать какую-то асинхронный штуку точнее
00:46:25 - 00:47:59
движок выполнения до кода он кладет ее в все кстати обращается к api и небо pedo условно сад emoji это внешнее api не jet скриптовая он обращается к нему говорит что смотри у нас есть вот такая функция ее нужно выполнить через там секунду и браузер такой окей я этим занимаюсь и раскрыть дальше пошел ну движок дальше пошел исполнять код и когда он закончит выполнять синхронный кот у него освободиться вот этот call stack которым он делал вызовы там функции там переменных как ты с ними чуть взаимодействовал
00:47:14 - 00:48:35
в это время когда у браузер и закончится с этой mode то есть то что он сделал там словно и через секунду он положит эту функцию в очередь выполнение то есть такая очередь условно да если представлять он положит свою очередь говорят что смотри у нас получается когда стек вызовов синхронных на условно очиститься положи пожалуйста вот эту функцию в стек и выполнению и он собственно движок получит и и выполнит вот и таким образом то у нас есть то есть если ты знаешь про очередь смысл очереди столько структуры данных в том
00:47:58 - 00:49:19
что тот кто первый туда вошел тот и первый вышел по вот то есть о нет это я это я говорю простак грубейшая ошибка я говорю про стык говорю про стык а очередь том что первый вошел и насколько я помню пусть почитает затупил [музыка] стс так это когда ты первый вошел то есть и запустим как тарелки дают вот а очередь наоборот когда человек или was the first out надо я вот эти штуки загул и вот буквально недавно недавно про не вспоминал первым ходит который последний зашел на такое [музыка] first in first out
00:48:39 - 00:50:29
я это я все правильно помню ты на самом деле как как-то этот забавно сам вспомню уже ужасно конечно дик-дик и неприятно потому что это слишком базовые фундаментальные вещи которые ты я просто не помню я помню как они работают я забыл все эти аббревиатуры с фифо и лифо вот этих хотя буквально недавно по ним проходился и буквально недавно про них изучались структуры данных и все такое но тем не менее ладно это я сам то я сам короче я тут сижу наворачивай у am смысл в том что как раз таки вот в папе
00:49:38 - 00:50:58
кладет в очередь до его их поочередно выполняет кладя их в лс так вот то есть у нас попадает какой-то callback в очередь и когда он туда попадает там копит собственно учить то есть у нас допустим три вызова было до с одним и тем же таймером с одним и тем же количеством времени он их кладет в очередь они поочередно собственно выполняются вот и он вспомнил да это получается что first in last а у то есть первый вышел первый зашел и последний вышел насколько я помню но или и last in first out то же
00:50:28 - 00:51:55
самое получается так это нет подожди стой это это это глупо это все короче сейчас вспомню first in first out это про очередь то есть первый зашел и первый вышел вот а просто то есть как а напротив она противоположна и last in first out это очень забавно но я знаю эти берега туру и своей текущей деятельности но потому что все это дело из жизни приходит это у нас из мерчендайзинга ну то есть да да да здесь правила мерчандайзинга короче и да и я короче запутался в таких базовых вещах буду показывать друзьям
00:51:13 - 00:52:50
они будут отданы смеяться хорошо то есть самую-самую эту структуру то я помню как работает а всякие вот эти штуки я забыл до вечно это косячу окей тесте про event log по вспомнили расскажи про то ну сколько есть способов что-то сделать синхрон сколько ты помнишь по крайней мере [музыка] там несколько из способов а есть promise и есть более современные методы сынков уэйд уже ну такой очень простой и понятный и до promise of по-моему там ещё можно было делать как-то через калмыки если я не ошибаюсь
00:52:01 - 00:53:44
то есть еще раз то есть у нас есть promise i do есть тайм аут ну с этим тоже есть да я думал ты имеешь виду и по вопрос как не это я я спрашиваю про то какие есть способы сделать что-то асинхронно не важно каким вариантом вот browse вот это у нас получается уже сказал что из promise есть еще с и тайм-аут какие еще есть варианты через асинхронные функции какие-то может быть ну то есть хотя это тоже наверно через promise и делает [музыка] ладно смотри хорошо там еще есть интервал он тоже похож вообще их насколько я помню
00:52:55 - 00:54:28
8 способов там да это получается у нас есть promise есть рекой станем очень фрейм есть с и тайм-аутом сет интервал есть камелька микро task там есть все это вроде бы set request идол callback типа еще есть и еще там вроде бы скоро подъедет api для того чтобы все это как бы этот унифицировать сделать одинаковым так далее то помощь scheduling айпи но не суть на самом деле не страшно но получается я только про мишину цвет прямо у кидаю на потому что потому что только про мессеры основном пользовался
00:53:43 - 00:55:01
я даже начал объяснять как способы просто записи promise получает на да да да да я не отвечаю нет ничего страшного на самом деле то есть все вот эти там которые есть возможность они очень редко используются использую там такое в основу про местам с этой мало тогда и за глаза хватает что иногда при костей мыши фрейм используют но не суть у нас получается что все расскажет про прованс да и тогда про него и поговорим то есть что такое promise promise это это объект который получается и немного снимает принимает на вход какое-то
00:54:22 - 00:55:41
выражение и на выходе имеет два события случае если это стукнул в эту как суть в одном случае там если получилось его исполнить во втором случае если не получилось то есть при сафари джайда но если кривое своими словами то это как то так то есть это как объект который говорит тебе о том что он может завершиться с двумя типами событий ну получается тогда хорошо [музыка] а просто в том то есть какие представь что у нас есть какая-то переменная да и мы делаем там вечно пример скетчем ты работал да вот мы делаем вечно какой-то in point
00:55:05 - 00:56:56
в этой переменной лежит что мы сохраняем то есть пишем там const там в этом видео равно фич и куда упадет что лежит в итоге в переменной могу понять а [музыка] с fitch что возвращает давай какие то данные наверное не том плане когда ты вызываешь функцию он возвращает какой-то тип вот еще что же что же это делает то есть он когда ты выполняешь его то есть начинаешь делать запрос это запрос неизвестный когда закончится и он возвращает тебе какой-то ну объект то есть promise вот возвращайте promise
00:56:03 - 00:57:36
которые ты можешь положить переменную правильно ну получается так вот то есть в переменной лежит объект кроме со и мы можем с ним там что то делать допустим tanzen вызвать так далее а расскажи мне пожалуйста какие есть статус и у про мясо ну статус pending это то есть когда он выполняется и вот как я уже говорил получается и жесткий rejected по-моему так они называют да ну там целом resort ну вот и все про я сказал резов называется просто fulfilled плотно на воду хорошо то есть ну соответственно
00:57:08 - 00:58:33
pending это когда он там ждет еще что то выполняется fulfill тогда выполнить там эффектов собственно когда он нападёт ok это это отлично то есть смотри получается promise и мы вспомнили расскажи зачем тогда придумали осинка выйти мне кажется это просто упрощение синтаксис ну то есть как чтобы опять же было меньше кода и [музыка] не наполнять все бесконечными там за и так далее то есть но с точки зрения лаконичности сосин кого это все выглядит очень очень просто да а если использовать просто промежуток о допрос гораздо больше но
00:57:50 - 00:59:33
это то что на поверхности наверно ну да все верно это скорее так на поверхности то есть условно это такой синтаксический сахар чтобы проще было там работа с правами на показал это словосочетание применить но побоялся надо будет сказать ничего страшного да не бойся говорить то есть ошибаться это нормально там и тем более ты бы не ошибся а что в целом как но часто так называют это не совсем так то есть это наполовину так ну а ok то есть с как бы допустим там есть какая-то функция до асинхронный ну а sing вот и
00:58:41 - 00:59:59
там мы ждем когда какой-то фичу soldado закончится пишем там и weight in which догнали вот и представь что у нас после этого avoid а дальше по ходу идет ну какой-то код скажи мне когда он будет выполнен по идее он должен быть выполнен после того как выполнится то что во выйти написано а то есть у нас получается он ждет пока закончится фич и вот когда он закончится он дальше пойдет выполнять код который есть ну да вот но это получается что кот похож такой синхронный deapool мы пытаемся из асинхронного до сделали
00:59:23 - 01:00:49
огромный получаешь да то есть придумали это ради того чтобы в целом еще и сделать синхронный код более такой читаем и синхронно да она на самом деле но не совсем так это говорится но он похож по крайней мере хорошо это хорошо ну я так понимаю с классами там типа с наследованием ты поработал ну я поработал но честно скажу это не самая моя сильная сторона потому что почему-то мне больше душе лежит функциональное программирование и [музыка] то-то что сейчас ну ты наверно видел что я на реакции сейчас постараюсь проект
01:00:09 - 01:01:31
сделать приходом там хуков сейчас все можно делать через пункт функции не знаю может быть потому что эта тема она сложнее и поэтому я так вот окей несильные проникся но я понимаю что вот этому сир он никуда не деться мне понятно что я там базовые вещи которые кексы дает я их проходил мы вот так что ежедневно применять на практике проектах редко на пользу хорошо тогда давай поговорим про функции то есть [музыка] это muse способы создания функции ты знаешь через ну есть способ через function есть
01:00:52 - 01:02:25
скажем так более современные быстрее стрелочные функции объявления стрел что функций через константу а еще можно также создавать по пунктам через константу но по моему это большой разницы со стрелочными с точки зрения логики не имеет хорошо но то есть получается у нас есть условно три способа ну услугам помнишь ли ты их так сказать exit ну правильное название так сказать способы объявления этих если нет тунис аж на самом деле тебе ну я тебе расскажу но после нет наверно не скажу но смотреть а получается что когда мы пишем просто
01:01:41 - 01:03:13
фанкшн объявляем дать часть ключевое слово то это называется function declaration припоминаешь вот когда мы объявляем через там сохраняем в переменную да кто это называется об обычной функцию когда мы делаем function там const равно the function там и так далее вот это называется по моему faction expression вот а и для по уму стрелочных функции этих как раз таки придумали отдельно скука знаю тип о называется тоже фанкшн и рок экспресс насколько помню то есть его их насколько я помню три есть большое отличие между
01:02:30 - 01:03:46
faction declaration нам и faction экспресс нам как ты думаешь какое но если принимать правильно понимаю чем речь что express шина то есть экспресс стрелкой функция тоже экспресс да да да да у них нет свой у них нет своего контекста если ты про это сейчас но смотри не про это да и давай тогда я тебе при просто расскажу там условный код представить что мы объявляем функцию и вызываемые да и и объявления в случае если это faction declaration всё будет окей ильичу самая помнил до случае как в общем да если faction
01:03:08 - 01:04:40
declaration по моему все сработает а вот если faction expression то то оно не будет работать до объявления но это если мы но там есть нюанс один тайну то про то что мы говорим называется хостинг то есть этот спать всплыть и там есть один нюанс по идее что если мы объявим expression через war она заработает или нет раз ты спрашиваешь что наверное должно заработать я сейчас пытаюсь понять почему а ну то есть [музыка] просто о кон 100 у них есть определенный жесткие правила полтора в рамках был своего
01:03:54 - 01:05:16
блока только работают омар за пределами своего блока тоже существует скажем тогда видимо с этим связано а но целом как да ты прав то есть но это уже больше вопрос про то тепла на что такое там рай разница между переменной можем целом про этой поговорить то есть есть три способа объявления переменных даже раскрыть те и чем они собственно все отличаются ну const war z ну изначального ну const это в принципе понятно это константа которую нельзя перрин объявить что выйдет ошибка да war он существовал
01:04:44 - 01:06:25
если я не ошибаюсь раньше лет позже позже появился и логика примерно одинаково это это это это переменные но лет у не работает то есть правильно сказать а хлеб можно обратиться только про руках блоков которым она была объявлена var получается записывается в наверное как это правильно сказать во внешнее окружение да и его можно использовать за пределами блока например там тыква условного iv то есть под внешним окружением ты подразумеваешь глобального boost видимость но необязательно глобальную область
01:05:35 - 01:07:14
видимости это же может быть внутри функции и тогда если внутри функции объявить то глобально все равно до него не добраться если я ничего не путаю да потому что функция объявляет свою область видим на поэтому внутри функции но если внутри функции есть еще какой-нибудь условная конструкция и в этой условной конструкции вары объявлен то из функций к нему можно будет добраться от лэнс добраться уже нельзя будет на то есть там war ограничивается в рамках области функции до условно all этой комнаты в
01:06:26 - 01:07:38
рамках блока какого-то кода исполнения которые опорочена там фигурные скобки ok и правильно тут я с тобой согласен я кстати только что проверил по поводу бара с action экспресс она также не будет работать просто я что-то сам подзабыл как как это просто яд на самом деле думал что он заработает потому что типа war ну все такое но я прошу сандуны ними не пользовался и уже и забыл вот так как я сам предпочитаю faction declaration использовать а если внутри функции я что-то я объявляю куда переменную то тогда я уже
01:07:02 - 01:08:17
ну экспресс пользуюсь конечно чтобы сохранить физическое окружение а окей ладно я там у тебя в коде проектов видел что ты используешь тройное равенство вместо двойного расскажи пожалуйста в чем разница и почему ты использовал тройной тройное равенство ночь сравнивает правительство типов если ну правильно понимаю то есть в принципе линдер как таковое вообще не разрешает использовать двойное равенство потому что двойное равенство мы можем сравнить там строку и число и и они могут быть равны хотя это там
01:07:40 - 01:09:04
разные типы да на тройное равенство она проверяет в том числе чтобы не просто там 5 равно 5 было а чтобы еще типу соответствующий бы окей на и это мог позволяет исключить возможные связи с этим ошибки потому что ну из-за из этих всех вот скажем так не дает возможности java script у интерпретировать там какие то вещи какой как ему захочется но если общими фразами наверное это так из-за этого да ну целом да ты прав то есть тройном равенство проверяют еще типы то есть если ты сравнишь там число и строка
01:08:21 - 01:09:44
он там даже если они там условно если привести к фолз у будут равны но он скажет что они не равны и но это просто безопаснее то есть это просто безопаснее вот ok то есть еще интересный вопрос про массивы то есть массивов есть много методов то насколько насколько мы помним и есть интересные вещи по поводу мутирования объекта то есть массива какие ты помнишь методы которые мутируют массив они возвращают новый амун вот например push pop тошиба да да все города вас твой splyce тоже по моему splyce до осла из нет
01:09:06 - 01:10:52
splyce он убирает получается еще еще два метода есть пум пум пум так а не даете подсказку эдак элементов а ну тот которыми меня забыл как он называется чем делает опиши просто ну зеркальном отражении меняет получается просто говоришь про режим zack ryder да да да да все верно он он разворачивает просто бассетт видимо еще какой-то один который не могу вспомнить ну да еще сорт а сорт точно вот у меня я почему спрашиваю что это хороший вопрос потому что я когда джуном был я помню задачу решал и у меня
01:10:07 - 01:11:46
какого-то черта ну там задача была чтобы отрисовать движение машины на карте то есть где она ездила истории вот это все и она почему-то вместо того чтобы ехать ехать то есть из пункта а в пункт б ехала из пункта б в пункт а как ну то есть она была развернута в не в том направлении оказывается я там где-то в коде делал риверс где-то в коде там и просто этот массив дальше отправлял пол работать с ним я и столько с этим с этим намучился что теперь все у всех спрошу чтобы люди знали что живешь там он мутирует и это
01:11:01 - 01:12:15
опасно использовать поэтому чаще всего перед теми кто объектами ну методами которые мутируют массив а можно просто написать слайс просто слайд написать он создаст копию нашего массива который есть и уже он будет монтироваться вот этого просто про имут обильности мутабельных данных там и все такое тоже и вот это все ну смотри мы много прочего не поговорили весьма задели но самое интересное началось да да самое интересное началось а но ничего страшного то есть из того что я понял у тебя достаточно
01:11:38 - 01:12:59
неплохая база есть конечно какие-то там пробелы в фундаментальных зданиях и это в целом как бы нормально для джинна который там буквально недавно пришел в разработку и я вижу что в целом потенциал у тебя там очень большой то есть ты не боишься там каких-то штук а это очень хорошо на самом деле единственном что тебе надо подтянуть это вот там правый винт лук по почитать более подробно как это работает желательно там наверное докладов эти много на эту тему про even клуб там почитать про на самом деле все остальное плюс-минус
01:12:18 - 01:13:39
не так критична там про асинхронность ну в большинстве случаев там всякие проблемы со скриптом они появляются из-за незнания того как выполняет уже вас crypt вот все остальное она там дальше уже там подтягивается и узнается вот а все остальное в целом как бы неплохо про верстку там ты слегка там но это больше уже про то те нужно почитать про то как браузер отрисовывает страницу вот там тоже много и всяких интересных штук как он это делает вот это я тебе там советую почитать дома как это освободишься просто почитать про то
01:12:58 - 01:14:16
как браузер отрисовывать страниц вот там насколько я помню о уфа кадира у сергея of uk order а у него там телеграм-канал есть он там по моему вел какой-то неделю про то как он рассказывал резал залезал в кишки браузер и смотрел типа как он работает как он отрисовывает странице тогда для год советую так почитать про css но процесс с тебе нужно но желательно почитать про селекторы поподробнее провиса вот которые есть у софии волита вы очень хороший доклада процесс может тоже послушать там буквально из недавних у него была про то
01:13:37 - 01:14:57
какие типы данных css существует классно доклад мне понравился вот так что советую тоже по подробнее а так по за неплохая то есть все очень даже здорово думаю тебе не составит труда найти работу себя хорошую вот как то так все большой сама тоже хотел сказать что очень приятно когда собеседование проходит но это не настоящая хоть собеседование но все равно приятно к проходит в такой дружественной обстановке ты умеешь расположить сразу к себе и как бы чувствуешь чувствовала себя на протяжении всего собеседования очень
01:14:18 - 01:15:35
комфортно о россии не переживает там по поводу того что забываются какие-то базовые вещи потому что все мои люди и можем забывать вещи к которым давно не обращались я думаю в этом нет ничего критичного поэтому про проблема в том что как бы нас там люди которые там считают себя условно какими-то профессионалами не имеют права такие вещи забывать и тем более я недавно впустую изучал там в жизни часто использую короче не знаю может быть наверно просто я заволновался и и забыл так что более время сейчас сколько уже
01:14:56 - 01:16:06
наверное стал поэтому так что слушатели которые будут слушать этот выпуск прошу у вас прощения что так у меня получилось окей что ж я рад что сюда хорошо получилось надеюсь ты подчеркнул новой информации [музыка]
ну вот из маша сказать в чем у них между ними разница хотя подожди ты же только что рассказал да ладно я щас тогда немножко переобуть до на самом деле интересные задачи я помню таких даже не решал на самом начале пути всякую всякую всячину описал как вспомню уже заберет очевидно несамостоятельный видел наверно более самостоятельные синий рон там уже максимально самостоятельно я короче запутался в таких базовых вещах буду показывать друзьям они будут заданы смеяться [музыка] всем привет сегодня мы будим проводить
00:00:00 - 00:01:24
публичные собеседование с нашим кандидатам меня зовут сэм я работаю в компании в компании валют мы занимаемся мониторингом транспорта разрабатываем систему чтобы следить за машинками в реальном времени и сегодня наш кандидат вячеслав представьте да всем привет привет меня зовут слава кузнецов в текущий момент я работаю в сфере fancy g в компании марс занимаюсь обучением программированию в частности фонтен до разработки уже около двух лет закончил курсы hex лета коми опыта коммерческой разработки на текущий момент нет но ищу
00:00:44 - 00:02:10
возможности его получить у меня сразу первый вопрос почему ты пришел ну решил что нужно вот эти во front-end почему решил программирование вот это все дело то есть что тебя так сподвигло на это на самом деле вяжем так идея появлялась периодически по ходу возможно все мои осознанной жизни но как это часто бывает никогда никак не доходили до туда руки но потом из той поговорке несчастье помогло случилось пандемии появился home office появилась изоляции появилось очень много свободного времени чтобы с ума не сойти я вспомнил о том
00:01:27 - 00:02:52
что ну давно хотел эту тему вообще как-то погрузиться изучить у меня даже идея в принципе не было что конкретно да а позвонил знакомому и технику просил вообще с чего начать от наверное вопрос которые задаются все вообще новички в этой сфере но он не сказал на начни и попробуй самых базовых вещей там из базовых вещей веба html css попробую по верстать страничке там понравится если дальше будешь туда двигаться так как у меня альтернатив особого но я не видел даже на тот момент зарегистрировался на steam или к теме и
00:02:09 - 00:03:21
попробовал там по верстать потом еще прошел курс на free code camp тоже там бесплатные по верстке ну в принципе несколько там страничек сверстал понравилось потом уже понял что что полноценную картинку собрать да ну необходимо этом изучить уже тоже язык java script его при потом применить вы как-то так уже сама пошло-поехало через какое-то время я осознал что мне это интересно параллельно с этим у меня там но я в это в подробности тут сильно u20 не буду чтобы фирме засорять но на этом текущем месте работе уже достаточно
00:02:44 - 00:04:05
стильно и выгорание уже у меня происходило в принципе и от сферы деятельности вот и перспектив я особо больших не видел а скажем так ну здесь я их видел мне это было интересно поэтому как-то потихоньку к этому пришел потом мы были курсы кекс лета уже по фронтенда который я вот месяц назад сдал последний проект на реакции вот вот я здесь понятно но интересный путь целом все так примерно начинают там я тоже знаю пару людей которые вот из-за пандемии решили что пора короче чем то таким заняться то есть в целом из-за
00:03:25 - 00:04:52
того что там может кто-то работать не смог удаленно там есть такие профессии вот то есть это ну в целом да интересно мне вот когда я сам начинал разрабатывать мне нравилось то что вот ты как быть что-то делаешь такое это красиво там вот пользователь это видео с этим взаимодействие то что тебе вот прям так понравилось если трогал как бы backend хотя бы немного там ноду можешь там провести сравнение типа почему именно frontend ну здесь вот ты правильно сказал на самом деле эта штука которая наверно
00:04:09 - 00:05:19
цепляет очень многих вначале и меня в том числе что до на изучая front-end и изучая начинает звучать верстку ты там результат видишь буквально с первых же самых своих шагов до там как элемент подвинул он сразу подвинулся ты видишь что изменилось до покрасил там бы ground все сразу видеть ну то есть это как 100 процентов доставлял добавляла мне какой-то мотивации к тому что я делал и первые там проекты которые я делал они были достаточно простыми можно было сразу увидеть результат я не знаю как бы
00:04:43 - 00:05:54
было если бы сразу решил бэг-энда уйти было бы для меня это проблемой что я не вижу результат и не знаю но вот этот это факт в том что да действительно это было интересно почему именно frontend они backend здесь на самом деле одну тяжелый вопрос потому что я в какой-то момент просто принял решение что нужно концентрироваться на чем-то одном и так как мне в текущий момент во фронт энди нравится да нет наверное смысла распыляться идти учить там что другое другой язык там по чуть-чуть учить там учили-учили пересмотреть backend с
00:05:19 - 00:06:41
другой стороны на hex лети программу обучения так построена что первые два проекта они по большому счету про bk ну там фронтенда нет никакого там все делается но у джесс то есть и [музыка] принципе ну и не я наверно сказать что я познакомился с быком дам потому что это наверное не backend просто именно сам сами проекты на сделанный на ноги но в какой-то степени наверное так как это чистый код да и этот код можно запустить только на ноги и он нигде не визуализируется когда то можно сказать что это в какой-то степени
00:06:00 - 00:07:16
похоже на weekend ну мне тоже было интересно эти проекты делать но когда появляется визуализация когда появляется какой-то юзер интерфейс да и ребят и видишь что ты сделал что-то такое потом пользователь зашел этим пользуется там ну как-то мне это поинтересней отклик отклика больше душе было от этого не знаю но опять же повторюсь сильно глубоко бэккантри всего не погружался что прям так полноценно сравнивать но в целом да я понимаю к чему ты клонишь то есть все так получилось что то ушел во front-end и решил что ну надо вот дальше
00:06:38 - 00:07:56
развивать то есть не распылять и да это на самом деле правильная мысль и ну как бы по kinder тоже видит сразу значения просто села там в веб-разработке веб фронтенда в том что тебе по факту ничего не нужно чтобы начать что-то делать тоже не практически всегда у тебя там редактор стоит на компьютере браузер есть все все остальное особо ничего не надо ну интернет еще вот в этом до села согласен окей я понял то есть какой опыт у тебя есть ну судя потому что ты рассказывал ты там пришел но делали какие-то проекты да
00:07:19 - 00:08:36
какая вот самое интересное твоя задача была кто это делал такой банальный вопрос на самом деле но очень такой из птиц герб овощей то-есть сможет и вспомнить что такого сложного или может быть интересно вот и делал что это сидел какой-то потом такого у у меня это получилось это интересно круто именно про задача или проект ну это может быть ну на самом деле обычно да про задачу говорят то есть может быть какой то кусок там и так далее вот и может целому по проектор сказать ну наверное это уже из последних таких более сложных
00:07:57 - 00:09:02
проектов потому что ну скажем так когда я занимался исключительно версткой у меня там особо не было даже моментов где я бы прям вот очень долго завис над какой-то задачей не мог не знал как решить до а последний проект hex это пишется на реакции и там пишется чат используем петли пакетов и у меня там ну скажем так я просто так еще раз и не именно интересная задача или или задача которая долго не мог решить какая-то сложная скорее задача который тебе понравилось то есть чтобы решить что ты получил кота
00:08:30 - 00:09:59
удовольствие она может быть и сложно тот из когда ты решаешь сложной задачи ты решил ты куда мы ждал мне получилось на был сложным например тогда ладно я щас тогда немножко критерия переобуть никогда не при этом просто хотел вспомнить не то что интересно очень сложную задачу которые они могут двинуться того что друзья тоже рассказать в общем про него в двух словах там использовались websocket и но несколько как я уже говорил да и в какой-то момент у меня вроде как все работало но при отправке сообщений пользователям у
00:09:14 - 00:10:33
меня отправлялась сразу несколько сообщений ну то есть и при создании канала создавалась несколько каналов то есть вроде как логика все работает но почему-то дублировала вся информация я долго не мог понять что пресс что происходит и что не так а пока не обнаружил что у меня подписка на соки это было скажем так как это правильно сказать но подписка на соке добыла находилась там же где компонент сам отрисовывается и получается после повторной отрисовки происходило происходило повторная подписка из-за
00:09:54 - 00:11:15
этого а это было очень тяжело отловить носом венок может быть это несложно отловить но на тот момент когда я это делал я не мог понять как это поймать вообще и вот только когда я уже подписку на соки это на более верхний уровень вынесу меня все это заработало но про бодался с этим достаточно долго я понял у тебя оставалось взрываясь подписка которая была с предыдущего с предыдущей отрисовки частая проблема это вопрос о той утилизации памяти до то есть протечек памяти часто еще такие вещи и утечки памяти генерирует это интересный
00:10:35 - 00:11:46
опыт на самом деле а если говорить про интересную задачу которую недавно решал я решал тестовое задание в одну из компаний там нужен был написать свой калькулятор на java script но при этом чтобы он принимал на вход строку и [музыка] поддерживалась еще там поддерживались скобки ну естественно вся парсинг строки и потом все эти вычисления должны были быть написаны на чистом живо скрипте без 2 не библиотек то есть естественно никакого эго и если честно можете конечно же плохо искал ну у меня по началу не совсем получалось
00:11:11 - 00:12:35
это сделать я начал гуглить еще чтоб понять как и вещей способы методы чтобы куда-то направить себя и вот прям такого готового решения я не смог нагуглить не на русском языке не на английском где бы был как calculate я находил но там не было возможности использовать скобки ну то есть скобки когда одну ты понимаешь чем и вот буквально всего пару дней назад я дописал этот калькулятор работает и ну достаточно интересная была задача это интересно да но то о чем то говорить больше похоже на dsr типа domain
00:11:53 - 00:13:10
спецификой вич ты мог погугли тоже на эту тему часто такое тоже пишут тепла у тебя по факту язык инструкцией ну да это тоже интересная задача в шаблонах проектирования от гафа тоже какому есть шаблон проектируя называется interpreter насколько я помню вот и это тоже вот похожие на этот штука вещь до на самом деле интересные задачи я помню таких даже не решал на самом начале пути всякую всякую всячину описал как вспомню уже заберет ok это конечно классно ну смотри получается что ты такой то есть joom да то есть такой
00:12:32 - 00:14:03
начинающий разработчик который знает основы и так далее вот как ты думаешь что ты в компании придешь чем то есть правом middle of сеньоров ты слышал то есть что есть грейды там и так далее так ты думаешь чем они отличаются тесто вот твое мнение то есть на самом деле они есть из компании в компанию по разному идут отличаются так далее я думаю два основных критерия здесь есть первый это уровень самостоятельности джун очевидно несамостоятельный middle наверное более самостоятельный синий рон там уже максимально самостоятельной и
00:13:18 - 00:14:33
[музыка] я даже где-то читал это не то что я сейчас сам придумал по моему что то такое что на там джуму нужно поставить задачу еще объяснить как сделать метлу достаточно просто поставить задачу а синьор уже сам себе может поставить задачу что-то вот примерно так вот у меня в голове отложилось но в целом да и наверное там с точки зрения скорости разработки тоже есть разница ну очевидно джунг джону нужно больше времени для того чтобы что то сделать но и должно по идее качество отличаться более высокого грейда разработчик
00:13:55 - 00:15:15
наверно более качественной и с меньшими там меньше количество багов пишет код они на самом деле очень даже хорошо то есть в целом все что-то писала ну примерно так и есть в в разных компаниях она по разному то есть эти игры ты там в компании они сами решают чикаго но в целом так и есть еще из себя могу добавить что помимо того что сеньор то умеет сам себе задачи ставит до условно он может эту задачу поставить под сомнение как минимум потому что он шарит в бизнесе то есть он должен понимать в бизнесе что
00:14:34 - 00:15:43
происходит плюс-минус да то есть так сказать от он должен уметь оценивать бизнес бизнес приоритетность этой задачи то есть когда приходит там условные продуктов не рад кнопку кто бы то ни было приходит говорит там нам нам надо вот эту задачу сделать там джон и мидлтонс авиации и сразу делают а синьор говорит типа а зачем она вам нужно будет ли оно там будет и от неё польза какая-то нужна ли она в принципе там вот это все то есть он плюс-минус поймем программирования может залезть там бизнеса понять зачем она в целом надо но
00:15:09 - 00:16:23
это так от меня в целом у нас просто в компании плюс-минус так вот это хорошо но это классно что ты понимаешь что есть многие там плавают в этих значениях на самом деле она не критично то есть когда ты джон понимает типа чикаго просто чтобы ты когда рос до то есть становился сильнее как разработчик и так далее чтобы ты понимал что наверное я уже там плюс минус то есть плюс плюс там плюс минус уже medal могу там все как-то оценить и там не знаю там попросить надбавку зарплате там курьеру это нормальная тема сказать типа надо пока
00:15:46 - 00:16:55
пришла переоценка то есть все пора переходим уже к думаю вопросом по погоде нашим прекрасно технологиям и на самом деле больше интересно поговорить про так мы front in der и конечно прожил скрипт но и верстку мы конечно же затронем вот и начнем наверное с html то есть такое наверное интересный вопрос больше у нас сейчас в компании тоже пришел джон и его плюс-минус мент мент объясняю ему чё кого и как жить в эту жизнь весело на самом деле и он часто сталкивался с такой проблемой что смотри у нас получается мы когда
00:16:20 - 00:17:44
подключаем допустим тег скрипт то есть какой то скрипт а его предлагает подключать перед закрытием тега body как ты думаешь зачем это делают и почему вот на самом деле я почему-то у меня в голове сложилась мнение что скрипт лучше подключать после потому что но с точки зрения скорости потому что до отрисовать страницу быстро скрипт может исполняться гораздо дольше и чтобы году но уже это все выполнялось после отрисовки там страницы для пользователь если вопрос стоит таким образом зачем раньше ну ну в смысле зачем они его советую
00:17:02 - 00:18:32
подключать перед закрытием тега script в самом конце документа когда уже вот прям в самом конце так ты думаешь а ты все-таки советует в конце я советуете летают в конце до советуют в конце в самом то есть у тебя идет тела до твоего твоего html этот документа и перед закрытием тега то есть когда ты body пишешь закрытие порно мамба где получая да в самом боге в самом конце то есть последним элементом советуют подключать скрипт элемент то есть и в ходе например а именно вот там вот ничего себе первый раз такой случай от и
00:17:47 - 00:19:06
ну вот это делал проект а ты сам как делал слушай а как то так получилось что все что я делал я уже использовал модуль и везде потому что как на hex ведь с самого начала это ну прям как такую практику прибивают что самом хостел подключать я давно уже такого не делал но когда я вот там только изучал какие-то азы и делал самые базовые там странички с каким-то минимальным java script on the его подключал в самом низу в самом конце по-моему мы уже после body и вы после базе обычно не такой не делаю
00:18:27 - 00:19:52
то есть обычно в самом-самом внутри там внутри воде вот ну давай давай знаешь как смотреть давай порассуждаем то есть у нас html это обычный язык разметки xml data есть вид xml как браузер его отрисовывает то есть что он делает когда он получает html q он получает очки мальку формирует дом на и уже этот дом уже это дом отрисовывает на странице пользователя то есть ну вот это дерево древовидную эта структура получается отрисовывается у пользователя но смотри да смотри получается но представь что у нас есть какая-то
00:19:09 - 00:20:43
какая какой-то html элемент но html документа и я есть элемент я перед ним подключая скрипт и там дела там консоли лог один например и после элементы делаю консоли лог один элемент например допустим но он не знаю просто существует тампон пустой если браузер идет по этому html то есть элементу ну документу в каком порядке он их будет парсить ну в том порядке которой мы гранит документе идут то есть сверху вниз правда ну логично да вот сверху вниз вот то есть когда он идет дождь скрипта этого первого до где вызывая концу урока
00:19:56 - 00:21:25
нового prox парсит этот жила скрипт и выведет сразу выполнит а дальше пойдет сразу дальше парсить следующий html потом может дойти до следующего там скрипта и так далее вот то есть представь что у тебя есть ну задача тебе нужно начать слушать действия кнопки вот без каких-либо модулей просто статичный java script условно допрос input ну скрипт с рацией и ссылка до этого до файла скрипта если я подключу до того как кнопка будет щит его на браузером что произойдет но я скорее всего по логике вещей события не должно
00:20:42 - 00:22:09
повеситься потому что еще ж нет этого элемента поэтому никуда вешать его да то есть это если я до него повешу а если после то все нормально должен пройти то есть уже есть элементы на него получаются нарисуется события да тогда получается если всего что мы сейчас обсудить сделать вывод то в как у зачем они это делали то есть в конце body распознав располагали этот скрипт как ты думаешь ну получается дать чтобы уже готов был там все элементы уже были готовы чтобы с которыми там же раскрыть будет так или
00:21:29 - 00:22:39
иначе взаимодействовать вот да все верно на самом деле да так и делали собственно за этим мы делали этот действо но это все можно без пару лямов хитрить если использовать дом контент лодок ты знаешь такой наверное event события ну дом бренд будет до есть еще лот те такое у windows вам candida loaded она у винду а лоту документы на сколько я слышал но самом называется не приходилось а ну ничего страшно на самом деле то есть у нас получается что этот ивент не используем то он браузер идет сверху вниз поэтому ты по html и да
00:22:04 - 00:23:27
и параллельно рисую дом то есть создает создает элементы и так далее и когда он доходит до java скрипта уже весь дом по факту создан и если нам нужно там подключиться к это кнопки да то есть начать и услышать так далее то есть как минимум найти дома на дом дерево уже обратно образована и мы сможем его найти если мы сделаем наоборот то есть подключим скрипт в каком-нибудь хайди да то когда он до него дойдёт начнет его сразу выполнять уже моментального выполняет этот скрипт элемент он стоит то есть
00:22:50 - 00:23:55
когда он дает у дождь имели новый html да скрипта он загрузит этот файл java скрипта начнет его парсить исполнять и потом пойдет дальше вот этих элементов может не быть как раз таки существует event дом контент loaded который говорит о том что все дом дерево уже построено но еще там не скачанный картинки низко чем там условно css то есть он просто построил дерево документа и ты уже можешь как-то взаимодействие со steam или элементами вот аллах говорит о том что уже вот все загружено все что есть все на картинке
00:23:21 - 00:24:31
она все загружено и тогда он триггерит это событие вот но это как бы такой забавный вопрос с подвохом не помню тоже самка это делал я особо не задавался вопросом зачем они так делают снова результата к самом деле потому что как-то у меня в голове была только это что с точки зрения скорости и производительности а теперь я понял что еще и логика может общем найти эти если этого не сделать ты ну ты правильно в начале говорил то есть и по кускам тоже что отрисовка то есть пока отрисовывается там можно подождать вот
00:23:57 - 00:25:02
это все то есть в целом это правильно но там больше не про отрисовку а про создание вот дом дерево ну как бы нормально то есть хорошо дальше у нас получается что интересно поговорить про семантику то есть про что это такое то есть зачем это нужно какие то там можешь называть техники и симпатичной верстки до условной и и вот всего что ей касается за и кто это придумал зачем это придумать зачем придумали вообще немного не понял вопрос смотри у нас есть такой открыть раздел такой html и который говорит про о том что такое
00:24:29 - 00:25:57
семантика тематичные горстка вот это все можешь рассказать про ну что это и зачем это нужно ну смысле что вот это вот структура тегов и да ну ты то есть что все элементы там закрывай начинаются там засаду многие элементы начинаются открывающегося тега потом какая-то там информация в нем так закрывается я просто видимо не понимаю до конца вопрос а хорошо смотри давай тогда будем рассуждать вот представь что у тебя страница с какой-то информацией полезно тебе и она вся сверстан в делах а только div используется как элемент
00:25:17 - 00:26:40
как ты думаешь что хорошо или плохо все понял ну да конечно это плохо ну в целом наверное это реально делать но именно тематика сделаны для того чтобы как раз браузер ну отображал необходимый элемент именно таким образом которым мы хотим это увидеть а потому что ну-у есть разные понятно свойства у разных элементов разные там ну то есть и как для того чтобы вы там же ну получается это такая структура семантики она достаточно динамичная и там постоянно пополнялась новыми элементами наверное в первую очередь с точки зрения
00:25:59 - 00:27:36
того чтобы легче было отображать именно ту мысль которую верстальщик пытается там положить да и ну и во вторых наверное для самих верстальщиков чтобы там разбираться в коде друг друга я не знаю тоже как вариант проще используя правильные тыт гида ну да ты в целом все правильно рассказал то есть плюс минус она в целом было придумано чтобы ты использовал теги по назначению то есть если у тебя это заголовок тот и должен использовать какой-то вариант и заголовков то есть это жирный текст у наверное то лучше использовать жирный
00:26:49 - 00:28:03
текст если ты слышал про доступность такой термин доступности верстки то в целом они как бы очень сильно связан то есть это про то когда человек там например с какими-то ограниченными возможностями условно да и то не всегда какой-то там там незрячий например или глухой то есть они всегда так это очень обширный термин такой но мы сейчас говорим о том что условно например нам мы не можем сейчас не знал видеть до к примеру и мы но мы можем услышать и есть такие как бы устройстве называется screen две дыры он
00:27:30 - 00:28:46
то есть мы можем сказать коридору зачитай нам пожалуйста этот html документ чтобы он мог чтобы мы могли как-то воспринять информацию до и вот если верстать нисим античное то наша konveda совершенно не поймет что творится у нас на странице он не поймет где находится навигация чтобы правильно предоставить элемент но правильно предоставить интерфейс нашему пользователю до который не может данным в данный момент видеть а он не поймет что перед ним сейчас список до какой-то из элементов там какой-то
00:28:08 - 00:29:15
will или ли ну вот не поймет что эта картинка что на ней нарисованы так далее вот вот как раз таки в частности там очень много говорят про доступность про то что я там тяжело реализовывать и так далее но на самом деле оно достаточно просто реализуется что просто как бы но как минимум он доступен симпатично верстать праведно и самый яркий пример которым пользуется скорее всего все это какой-нибудь редер view на в браузере или там например телефоне когда вы заходите на сайт там очень много всяких ненужных вам
00:28:41 - 00:29:53
блоков и так далее хотите просто прочитать текст и там в сафари например или firefox и есть кнопка типа упростить там текст сделать там лидер view он убирает вообще все что вам не нужно оставлять только текст заголовок там и так далее вот ты может быть видел хотя бы там раз то есть он оставляет только тот контент за которым ты пришел вот и на самом деле добиться этого очень просто если верстать сим античное расставили заголовки используют правильной теги и так далее вот если вы там у вас вся страница за версту нади вами то есть
00:29:18 - 00:30:32
если это вид выглядит как кнопка на самом деле этот div с кликом то это плохо браузер не поймет что это такое и зачем это нужно ok ну вот то есть по этому поводу но и такие то есть best practice и которые верстальщики там продвигают и вообще продвигаются в массы и на самом деле это важно хорошо но тут как пассаж тимином многого можно говорить и долго но я предлагаю дальше идти и поговорить уже процесс с css у нас веселая штука много докладов цвета много чего интересного рассказано давай поговорим про то что такое
00:29:54 - 00:31:21
селектор что такое селектор css и и как это можно использовать зачем это нужно селектор необходим для того чтобы словно определить какому элементу мы хотим применить тот или иной стиль таверна а какие способы но какие типы селекторов ты знаешь их может быть несколько по классу пойди по тегу [музыка] now так-таки еще использовал там уже достаточно много на смотрю да еще есть еще есть там атрибут ный селектор типа по атрибуту найти какой-то а вот и по моему ну еще всякие псевдо-элементы псевдо селектор там и
00:30:40 - 00:32:23
так далее вот но не суть важно ну да еще ну вот эти вот которые а вот но они как они как не сам не самостоятельные то есть без этого не смогут вот отлично то есть там еще и селекторы как бы ну получить всех детей там всякие плюсики там тильды вот эти все вот и я уверен ты замечал что если например задать по одному и тому же классу 2 одинаковые свойствам с разными значениями 1 перри за 3 друга и правильно помню правильно по классу до ввода но не только по классу по тегу там если сделать одинаковый selector и
00:31:34 - 00:32:56
задать одно и то же свойство но с разными значениями кто-то из них перед друг друга вот [музыка] ты думаешь почему это происходит но очевидно что наверное с точки зрения удобства что свежая информация наверное должно ну более релевантно и и в любом случае код исполняется опять же сверху вниз дата получается после того как мы добавили какой-то класс элементу поставок огромного как интерпретатор или что браузер видит что этому же элемент туда добавляется новый класс он просто делает это действие заменяет тот класс на текущий то есть
00:32:16 - 00:33:54
500 т.р. точки зрения все идет просто пошаговое на простую если бы этого не было то но приходилось бы какую-то ошибку создавать и это бы наверно усложняло всю эту работу ну да есть такое то есть целом прав то есть когда браузер видеть что селекторы одинаковые он берет тот который ниже всех идет вот в этом плане правильно а но смотри у нас получается такая допустим нас такая ситуация у нас есть элемент и на нём висит айдишник и класс там выйдешь ники в селекторе мы пишем что у него там цвет текста должен быть
00:33:07 - 00:34:27
красной а в классе мы пишем 100 цвет текст должен быть синей кто применится если память мне не изменяет там есть определенная приоритезация и стиль эктор и по айдишник у они более высокого приоритета если я ничего не путаю давно уже поедешь нику не писал ничего такого да ты все правильно помнишь то о чем ты говоришь называется vesa ну то есть у каждого селектора есть вес вот ты помни что насколько там то есть сколько там все придумано самом деле там все намного интересней их можно высчитывать у них есть то есть ты можешь
00:33:47 - 00:35:01
просто посмотря на селектор зная о том какие у них веса даже без браузер скорее как ну то есть кто именно будет тяжелее по весу вот допустим у айдишник а у селектора разные в этом плане веса и одессе когда он важнее ну конкретно вот эту историю с весами я уже не помню но я помню что до поедешь ником важнее плюс еще более важный можно поставить как это назвать флаг наверное потом сюда и тогда этот это свойство точно уже не перезаписывается хорошо ну окей тогда ладно пойдем дальше тогда смотри у нас тут
00:34:24 - 00:35:52
получается а скажи мне про то в цехе такая фундаментальная штука что такое булочная модель обычная модель то есть что любая как любая страница но состоит из определенных блоков и ну и скажем так из блочных элементов которые а по сути из занимают все все пространство страницы и блочные элементы они ну основная особенность то что они занимают всю ширину экрана вот если вообще понял правильный вопрос да да да но плюс минус там больше вопрос был не про конкретику а про то что ты об этом знаешь и то ты можешь в этом
00:35:08 - 00:36:44
сказать но у нас получается кроме блочных есть же ещё какие-то варианты ну да есть строчный элемент это онлайновое получения на которой соответственно на занимают только этом то место которое ну тот текст например тату ширину текстов которые у них прописано [музыка] хорошо ну то есть они занимают только то пространство то есть по контенту сколько и на прям туда насколько им надо только они занимают хорошо тут интересный вопрос возникает проволочную модель это про свойство бог сайдинг знаешь такое свойство бог
00:36:06 - 00:37:19
сайдинг вот сможешь рассказать какие у него есть значение и как они влияют на то как высчитывается размеры элементов бокс сайзинг там основные свойства border бокс и контент бокс и соответственно а ну как бы из названий то а как раз свойства border баксан но он будет ориентироваться именно на размер границ а account in box ориентироваться будет на именно границы к контентов которые которые там размещен хорошо но у нас получается что до по факту два значения какой из них по умолчанию стоит в браузере по моему по
00:36:42 - 00:38:21
умолчанию стоит border box и для того чтобы правильно сказал нет я просто сейчас с этим нет в умолчанию стоит контент бокс контент бокс да окей а вот недавно как раз кстати я это свойство менял чтобы у меня калькулятор правильно отображался при которой я недавно говорил потому что именно при свойства барьер бокс у меня получается контент ну отображался криво и получать его необходим но я поменял на контур боксе у меня как раз есть мой контент залез получается в рамки вот необходимые чтобы все выглядело достаточно а ну
00:37:37 - 00:39:07
смотри ты ну ты сможешь сказать в чем у них между ними разница помнишь за да все правильно хорошо хорошо но смотри у нас получается представь что у нас есть там возникает чисто проблему с по деньгами то есть они чаще всего сейчас современные разработки первое что делать там при создании проекта когда заходит там это говорят что звездочку и у всех бог сайдинг бартель box вот на самом деле я сам так делаю потому что это поведение более так сказать я бы сказал более не то что более правильная она более предсказуемо и в
00:38:26 - 00:39:47
этом плане что там часто возникают проблемы с функцией коллег css а когда ты говоришь там padding условно там 20 пикселей да и у тебя есть там контент какой-то его тоже занимает которое в это расстояние и если стоит контент бокс то как только ты задаешь что значение он начинает вылазить за пределы твоего контейнера вот это происходит потому что он размер считает относительно там вот как раз таки контент бокса и там часто в начале только я когда особо не понимал что происходит приходилось это решать с помощью калька
00:39:12 - 00:40:35
высчитывать там сто процентов дает две ширины контент и отнимать от него дважды этот поединок да то есть там если у вас padding стоит 10 пикселей то нужно отнять 20 пикселей вот чтобы он как бы в лес в рамки твоего контента бог сайдинг ну border бокс говорит о том что ну нам уже такого делать не придется . домам мы говорим что padding там 10 пикселей он будет высчитывать ширину таким образом чтобы он поместил элементу ровно в рамки контейнер в котором находятся вот в разработке это очень часто применяется
00:39:54 - 00:41:03
но я как я уже сказал что сейчас большинстве случаев ты увидишь что всему глобального устанавливает бог сайдинг a porter box хорошо хорошо но тут уже процесс так сказать поговорили так премии идет у нас давай придем уже к скрипту к самому интересному и тут у меня первый вопрос про но это больше про экосистему пользовался литые литрами на проекте когда делал какими-то значит эффект у вас с первого проекта на hex эти подключается и slim tr bengi и как бы я уже это уже неотъемлемая часть по сути когда
00:40:28 - 00:42:02
пишу всегда ну и на реакции тоже даже если создавать проект там через react тоже уже автоматически подключается linder уже уже как-то не представляю что можно без него как ты думаешь зачем это придумали то есть зачем это люди сделали страда страдать заставили страдать людей писать так как они хотят но во первых для того чтобы избегать багов потому что он zara сразу подсказывает на ум на какие-то ошибки там там несуществующей путь или второй раз константу объявил и что то еще но такие вещи которые там
00:41:16 - 00:42:36
чтобы уже компиляции не преступайте там эти ошибки не ловить да во-первых а во-вторых он позволяет писать код более понятный другим разработчикам потому что возможно с этим кодом придется работать другим людям и чтобы они ходу смогли понять все что там написано он тоже определенное ограничение вносит это все а ну то есть грубо говоря он защищает вас то могу от глупых ошибок каких-то и позволяет писать в едином стиле чтобы другим разработчикам было проще воспринимать свой код да все верно на самом деле
00:41:58 - 00:43:17
этого и вы придумали и очень до полезная штука на самом деле окей двигаемся дальше собственно будем говорить про фундаментальную вещь скрипта это про event log слышал чуть такое даиш even клуб до событий там как выполняется java-script а синхрон сена вот это асинхронные и синхронные действие ну да наверно слышал но тут на самом деле [музыка] с точки зрения как исполняется код тут разница наверное нет он также исполняясь последовательно сверху вниз а или они про это вопрос не про это вопрос то есть про то как выполняется жира
00:42:39 - 00:44:11
скрипт когда его браузер спросил то есть он как ты уже сказала выполняется последовательно но представим что у нас есть какой-нибудь этим а вот например вот ну да и он выполняется асинхронно то есть как только появляется какая-то асинхронная операция как вот искал там с этой молда то он не будет дожидаться ну по умолчанию не будет дожидаться там ее выполнение пойдет дальше выполняться и соответственно как бы было его синхронной операции будет выполняться параллельно параллельно то есть он выполняя какие-то задачи синхронно
00:43:30 - 00:45:00
когда выйдет какую-то асинхронную штуку он то есть говорит типа выполняя параллельно я пока пойду дальше выполнять код как ты думаешь он как в целом работает допустим у тебя есть подряд несколько со таймаутов у них одинаковые но одинаковое время то есть они все там задержка в одну секунду представим да в каком порядке не будут выполняться то есть когда они закончатся каком порядке не выведется допустим там выполнится до но не все начнут параллельно выполняться ну смотри у нас получается давай ну
00:44:16 - 00:45:32
давай я просто рассуждаю у нас получается есть какой-то код до синхронной и вы там есть три асинхронной операции друг за другом пусть это будет с и тайм-аут и которую там делать концу лег на условной и у них одинаковое время от на которые мы их откладываем в каком порядке будут выведены эти консоли логе как ты думаешь ну нас по моему на самом деле невозможно сказать что в каком конкретно порядке они они выйдут если я не ошибаюсь потому что мы не можем знать точно с какой скоростью ну то есть хотя
00:44:59 - 00:46:19
консоль в опыта ну по факту завершение очевидно добуду будет выведены все но так как конце рывок достаточно простая операция скорее всего ну в том порядке в котором они [музыка] прописаны в том порядке будут выведены потому что если тайм-аут одинаковый и соответственно операции одна и та же которая ну наверное java script у занимает одинаковое количество времени на выполнение то в том порядке они и выведутся если бы операции были разные то там а там постоит я тогда сказал что там какая быстрее завершится
00:45:41 - 00:47:02
хорошо но тут важно сказать про то что да а не выполнится в том же порядке в котором были запланированы то есть и ты правильно этом плане сказал но в этом есть нюанс что на самом деле можно сказать плюс-минус то есть если ты знаешь как это работает то сказать каком порядке не выполнится точно то есть даже ну не то чтобы предсказать из ты понимаешь вот работает примерно так есть то есть calls так да то есть очередь выполнение но стек выполнение наших программ и когда браузер встречать какую-то асинхронный штуку точнее
00:46:25 - 00:47:59
движок выполнения до кода он кладет ее в все кстати обращается к api и небо pedo условно сад emoji это внешнее api не jet скриптовая он обращается к нему говорит что смотри у нас есть вот такая функция ее нужно выполнить через там секунду и браузер такой окей я этим занимаюсь и раскрыть дальше пошел ну движок дальше пошел исполнять код и когда он закончит выполнять синхронный кот у него освободиться вот этот call stack которым он делал вызовы там функции там переменных как ты с ними чуть взаимодействовал
00:47:14 - 00:48:35
в это время когда у браузер и закончится с этой mode то есть то что он сделал там словно и через секунду он положит эту функцию в очередь выполнение то есть такая очередь условно да если представлять он положит свою очередь говорят что смотри у нас получается когда стек вызовов синхронных на условно очиститься положи пожалуйста вот эту функцию в стек и выполнению и он собственно движок получит и и выполнит вот и таким образом то у нас есть то есть если ты знаешь про очередь смысл очереди столько структуры данных в том
00:47:58 - 00:49:19
что тот кто первый туда вошел тот и первый вышел по вот то есть о нет это я это я говорю простак грубейшая ошибка я говорю про стык говорю про стык а очередь том что первый вошел и насколько я помню пусть почитает затупил [музыка] стс так это когда ты первый вошел то есть и запустим как тарелки дают вот а очередь наоборот когда человек или was the first out надо я вот эти штуки загул и вот буквально недавно недавно про не вспоминал первым ходит который последний зашел на такое [музыка] first in first out
00:48:39 - 00:50:29
я это я все правильно помню ты на самом деле как как-то этот забавно сам вспомню уже ужасно конечно дик-дик и неприятно потому что это слишком базовые фундаментальные вещи которые ты я просто не помню я помню как они работают я забыл все эти аббревиатуры с фифо и лифо вот этих хотя буквально недавно по ним проходился и буквально недавно про них изучались структуры данных и все такое но тем не менее ладно это я сам то я сам короче я тут сижу наворачивай у am смысл в том что как раз таки вот в папе
00:49:38 - 00:50:58
кладет в очередь до его их поочередно выполняет кладя их в лс так вот то есть у нас попадает какой-то callback в очередь и когда он туда попадает там копит собственно учить то есть у нас допустим три вызова было до с одним и тем же таймером с одним и тем же количеством времени он их кладет в очередь они поочередно собственно выполняются вот и он вспомнил да это получается что first in last а у то есть первый вышел первый зашел и последний вышел насколько я помню но или и last in first out то же
00:50:28 - 00:51:55
самое получается так это нет подожди стой это это это глупо это все короче сейчас вспомню first in first out это про очередь то есть первый зашел и первый вышел вот а просто то есть как а напротив она противоположна и last in first out это очень забавно но я знаю эти берега туру и своей текущей деятельности но потому что все это дело из жизни приходит это у нас из мерчендайзинга ну то есть да да да здесь правила мерчандайзинга короче и да и я короче запутался в таких базовых вещах буду показывать друзьям
00:51:13 - 00:52:50
они будут отданы смеяться хорошо то есть самую-самую эту структуру то я помню как работает а всякие вот эти штуки я забыл до вечно это косячу окей тесте про event log по вспомнили расскажи про то ну сколько есть способов что-то сделать синхрон сколько ты помнишь по крайней мере [музыка] там несколько из способов а есть promise и есть более современные методы сынков уэйд уже ну такой очень простой и понятный и до promise of по-моему там ещё можно было делать как-то через калмыки если я не ошибаюсь
00:52:01 - 00:53:44
то есть еще раз то есть у нас есть promise i do есть тайм аут ну с этим тоже есть да я думал ты имеешь виду и по вопрос как не это я я спрашиваю про то какие есть способы сделать что-то асинхронно не важно каким вариантом вот browse вот это у нас получается уже сказал что из promise есть еще с и тайм-аут какие еще есть варианты через асинхронные функции какие-то может быть ну то есть хотя это тоже наверно через promise и делает [музыка] ладно смотри хорошо там еще есть интервал он тоже похож вообще их насколько я помню
00:52:55 - 00:54:28
8 способов там да это получается у нас есть promise есть рекой станем очень фрейм есть с и тайм-аутом сет интервал есть камелька микро task там есть все это вроде бы set request идол callback типа еще есть и еще там вроде бы скоро подъедет api для того чтобы все это как бы этот унифицировать сделать одинаковым так далее то помощь scheduling айпи но не суть на самом деле не страшно но получается я только про мишину цвет прямо у кидаю на потому что потому что только про мессеры основном пользовался
00:53:43 - 00:55:01
я даже начал объяснять как способы просто записи promise получает на да да да да я не отвечаю нет ничего страшного на самом деле то есть все вот эти там которые есть возможность они очень редко используются использую там такое в основу про местам с этой мало тогда и за глаза хватает что иногда при костей мыши фрейм используют но не суть у нас получается что все расскажет про прованс да и тогда про него и поговорим то есть что такое promise promise это это объект который получается и немного снимает принимает на вход какое-то
00:54:22 - 00:55:41
выражение и на выходе имеет два события случае если это стукнул в эту как суть в одном случае там если получилось его исполнить во втором случае если не получилось то есть при сафари джайда но если кривое своими словами то это как то так то есть это как объект который говорит тебе о том что он может завершиться с двумя типами событий ну получается тогда хорошо [музыка] а просто в том то есть какие представь что у нас есть какая-то переменная да и мы делаем там вечно пример скетчем ты работал да вот мы делаем вечно какой-то in point
00:55:05 - 00:56:56
в этой переменной лежит что мы сохраняем то есть пишем там const там в этом видео равно фич и куда упадет что лежит в итоге в переменной могу понять а [музыка] с fitch что возвращает давай какие то данные наверное не том плане когда ты вызываешь функцию он возвращает какой-то тип вот еще что же что же это делает то есть он когда ты выполняешь его то есть начинаешь делать запрос это запрос неизвестный когда закончится и он возвращает тебе какой-то ну объект то есть promise вот возвращайте promise
00:56:03 - 00:57:36
которые ты можешь положить переменную правильно ну получается так вот то есть в переменной лежит объект кроме со и мы можем с ним там что то делать допустим tanzen вызвать так далее а расскажи мне пожалуйста какие есть статус и у про мясо ну статус pending это то есть когда он выполняется и вот как я уже говорил получается и жесткий rejected по-моему так они называют да ну там целом resort ну вот и все про я сказал резов называется просто fulfilled плотно на воду хорошо то есть ну соответственно
00:57:08 - 00:58:33
pending это когда он там ждет еще что то выполняется fulfill тогда выполнить там эффектов собственно когда он нападёт ok это это отлично то есть смотри получается promise и мы вспомнили расскажи зачем тогда придумали осинка выйти мне кажется это просто упрощение синтаксис ну то есть как чтобы опять же было меньше кода и [музыка] не наполнять все бесконечными там за и так далее то есть но с точки зрения лаконичности сосин кого это все выглядит очень очень просто да а если использовать просто промежуток о допрос гораздо больше но
00:57:50 - 00:59:33
это то что на поверхности наверно ну да все верно это скорее так на поверхности то есть условно это такой синтаксический сахар чтобы проще было там работа с правами на показал это словосочетание применить но побоялся надо будет сказать ничего страшного да не бойся говорить то есть ошибаться это нормально там и тем более ты бы не ошибся а что в целом как но часто так называют это не совсем так то есть это наполовину так ну а ok то есть с как бы допустим там есть какая-то функция до асинхронный ну а sing вот и
00:58:41 - 00:59:59
там мы ждем когда какой-то фичу soldado закончится пишем там и weight in which догнали вот и представь что у нас после этого avoid а дальше по ходу идет ну какой-то код скажи мне когда он будет выполнен по идее он должен быть выполнен после того как выполнится то что во выйти написано а то есть у нас получается он ждет пока закончится фич и вот когда он закончится он дальше пойдет выполнять код который есть ну да вот но это получается что кот похож такой синхронный deapool мы пытаемся из асинхронного до сделали
00:59:23 - 01:00:49
огромный получаешь да то есть придумали это ради того чтобы в целом еще и сделать синхронный код более такой читаем и синхронно да она на самом деле но не совсем так это говорится но он похож по крайней мере хорошо это хорошо ну я так понимаю с классами там типа с наследованием ты поработал ну я поработал но честно скажу это не самая моя сильная сторона потому что почему-то мне больше душе лежит функциональное программирование и [музыка] то-то что сейчас ну ты наверно видел что я на реакции сейчас постараюсь проект
01:00:09 - 01:01:31
сделать приходом там хуков сейчас все можно делать через пункт функции не знаю может быть потому что эта тема она сложнее и поэтому я так вот окей несильные проникся но я понимаю что вот этому сир он никуда не деться мне понятно что я там базовые вещи которые кексы дает я их проходил мы вот так что ежедневно применять на практике проектах редко на пользу хорошо тогда давай поговорим про функции то есть [музыка] это muse способы создания функции ты знаешь через ну есть способ через function есть
01:00:52 - 01:02:25
скажем так более современные быстрее стрелочные функции объявления стрел что функций через константу а еще можно также создавать по пунктам через константу но по моему это большой разницы со стрелочными с точки зрения логики не имеет хорошо но то есть получается у нас есть условно три способа ну услугам помнишь ли ты их так сказать exit ну правильное название так сказать способы объявления этих если нет тунис аж на самом деле тебе ну я тебе расскажу но после нет наверно не скажу но смотреть а получается что когда мы пишем просто
01:01:41 - 01:03:13
фанкшн объявляем дать часть ключевое слово то это называется function declaration припоминаешь вот когда мы объявляем через там сохраняем в переменную да кто это называется об обычной функцию когда мы делаем function там const равно the function там и так далее вот это называется по моему faction expression вот а и для по уму стрелочных функции этих как раз таки придумали отдельно скука знаю тип о называется тоже фанкшн и рок экспресс насколько помню то есть его их насколько я помню три есть большое отличие между
01:02:30 - 01:03:46
faction declaration нам и faction экспресс нам как ты думаешь какое но если принимать правильно понимаю чем речь что express шина то есть экспресс стрелкой функция тоже экспресс да да да да у них нет свой у них нет своего контекста если ты про это сейчас но смотри не про это да и давай тогда я тебе при просто расскажу там условный код представить что мы объявляем функцию и вызываемые да и и объявления в случае если это faction declaration всё будет окей ильичу самая помнил до случае как в общем да если faction
01:03:08 - 01:04:40
declaration по моему все сработает а вот если faction expression то то оно не будет работать до объявления но это если мы но там есть нюанс один тайну то про то что мы говорим называется хостинг то есть этот спать всплыть и там есть один нюанс по идее что если мы объявим expression через war она заработает или нет раз ты спрашиваешь что наверное должно заработать я сейчас пытаюсь понять почему а ну то есть [музыка] просто о кон 100 у них есть определенный жесткие правила полтора в рамках был своего
01:03:54 - 01:05:16
блока только работают омар за пределами своего блока тоже существует скажем тогда видимо с этим связано а но целом как да ты прав то есть но это уже больше вопрос про то тепла на что такое там рай разница между переменной можем целом про этой поговорить то есть есть три способа объявления переменных даже раскрыть те и чем они собственно все отличаются ну const war z ну изначального ну const это в принципе понятно это константа которую нельзя перрин объявить что выйдет ошибка да war он существовал
01:04:44 - 01:06:25
если я не ошибаюсь раньше лет позже позже появился и логика примерно одинаково это это это это переменные но лет у не работает то есть правильно сказать а хлеб можно обратиться только про руках блоков которым она была объявлена var получается записывается в наверное как это правильно сказать во внешнее окружение да и его можно использовать за пределами блока например там тыква условного iv то есть под внешним окружением ты подразумеваешь глобального boost видимость но необязательно глобальную область
01:05:35 - 01:07:14
видимости это же может быть внутри функции и тогда если внутри функции объявить то глобально все равно до него не добраться если я ничего не путаю да потому что функция объявляет свою область видим на поэтому внутри функции но если внутри функции есть еще какой-нибудь условная конструкция и в этой условной конструкции вары объявлен то из функций к нему можно будет добраться от лэнс добраться уже нельзя будет на то есть там war ограничивается в рамках области функции до условно all этой комнаты в
01:06:26 - 01:07:38
рамках блока какого-то кода исполнения которые опорочена там фигурные скобки ok и правильно тут я с тобой согласен я кстати только что проверил по поводу бара с action экспресс она также не будет работать просто я что-то сам подзабыл как как это просто яд на самом деле думал что он заработает потому что типа war ну все такое но я прошу сандуны ними не пользовался и уже и забыл вот так как я сам предпочитаю faction declaration использовать а если внутри функции я что-то я объявляю куда переменную то тогда я уже
01:07:02 - 01:08:17
ну экспресс пользуюсь конечно чтобы сохранить физическое окружение а окей ладно я там у тебя в коде проектов видел что ты используешь тройное равенство вместо двойного расскажи пожалуйста в чем разница и почему ты использовал тройной тройное равенство ночь сравнивает правительство типов если ну правильно понимаю то есть в принципе линдер как таковое вообще не разрешает использовать двойное равенство потому что двойное равенство мы можем сравнить там строку и число и и они могут быть равны хотя это там
01:07:40 - 01:09:04
разные типы да на тройное равенство она проверяет в том числе чтобы не просто там 5 равно 5 было а чтобы еще типу соответствующий бы окей на и это мог позволяет исключить возможные связи с этим ошибки потому что ну из-за из этих всех вот скажем так не дает возможности java script у интерпретировать там какие то вещи какой как ему захочется но если общими фразами наверное это так из-за этого да ну целом да ты прав то есть тройном равенство проверяют еще типы то есть если ты сравнишь там число и строка
01:08:21 - 01:09:44
он там даже если они там условно если привести к фолз у будут равны но он скажет что они не равны и но это просто безопаснее то есть это просто безопаснее вот ok то есть еще интересный вопрос про массивы то есть массивов есть много методов то насколько насколько мы помним и есть интересные вещи по поводу мутирования объекта то есть массива какие ты помнишь методы которые мутируют массив они возвращают новый амун вот например push pop тошиба да да все города вас твой splyce тоже по моему splyce до осла из нет
01:09:06 - 01:10:52
splyce он убирает получается еще еще два метода есть пум пум пум так а не даете подсказку эдак элементов а ну тот которыми меня забыл как он называется чем делает опиши просто ну зеркальном отражении меняет получается просто говоришь про режим zack ryder да да да да все верно он он разворачивает просто бассетт видимо еще какой-то один который не могу вспомнить ну да еще сорт а сорт точно вот у меня я почему спрашиваю что это хороший вопрос потому что я когда джуном был я помню задачу решал и у меня
01:10:07 - 01:11:46
какого-то черта ну там задача была чтобы отрисовать движение машины на карте то есть где она ездила истории вот это все и она почему-то вместо того чтобы ехать ехать то есть из пункта а в пункт б ехала из пункта б в пункт а как ну то есть она была развернута в не в том направлении оказывается я там где-то в коде делал риверс где-то в коде там и просто этот массив дальше отправлял пол работать с ним я и столько с этим с этим намучился что теперь все у всех спрошу чтобы люди знали что живешь там он мутирует и это
01:11:01 - 01:12:15
опасно использовать поэтому чаще всего перед теми кто объектами ну методами которые мутируют массив а можно просто написать слайс просто слайд написать он создаст копию нашего массива который есть и уже он будет монтироваться вот этого просто про имут обильности мутабельных данных там и все такое тоже и вот это все ну смотри мы много прочего не поговорили весьма задели но самое интересное началось да да самое интересное началось а но ничего страшного то есть из того что я понял у тебя достаточно
01:11:38 - 01:12:59
неплохая база есть конечно какие-то там пробелы в фундаментальных зданиях и это в целом как бы нормально для джинна который там буквально недавно пришел в разработку и я вижу что в целом потенциал у тебя там очень большой то есть ты не боишься там каких-то штук а это очень хорошо на самом деле единственном что тебе надо подтянуть это вот там правый винт лук по почитать более подробно как это работает желательно там наверное докладов эти много на эту тему про even клуб там почитать про на самом деле все остальное плюс-минус
01:12:18 - 01:13:39
не так критична там про асинхронность ну в большинстве случаев там всякие проблемы со скриптом они появляются из-за незнания того как выполняет уже вас crypt вот все остальное она там дальше уже там подтягивается и узнается вот а все остальное в целом как бы неплохо про верстку там ты слегка там но это больше уже про то те нужно почитать про то как браузер отрисовывает страницу вот там тоже много и всяких интересных штук как он это делает вот это я тебе там советую почитать дома как это освободишься просто почитать про то
01:12:58 - 01:14:16
как браузер отрисовывать страниц вот там насколько я помню о уфа кадира у сергея of uk order а у него там телеграм-канал есть он там по моему вел какой-то неделю про то как он рассказывал резал залезал в кишки браузер и смотрел типа как он работает как он отрисовывает странице тогда для год советую так почитать про css но процесс с тебе нужно но желательно почитать про селекторы поподробнее провиса вот которые есть у софии волита вы очень хороший доклада процесс может тоже послушать там буквально из недавних у него была про то
01:13:37 - 01:14:57
какие типы данных css существует классно доклад мне понравился вот так что советую тоже по подробнее а так по за неплохая то есть все очень даже здорово думаю тебе не составит труда найти работу себя хорошую вот как то так все большой сама тоже хотел сказать что очень приятно когда собеседование проходит но это не настоящая хоть собеседование но все равно приятно к проходит в такой дружественной обстановке ты умеешь расположить сразу к себе и как бы чувствуешь чувствовала себя на протяжении всего собеседования очень
01:14:18 - 01:15:35
комфортно о россии не переживает там по поводу того что забываются какие-то базовые вещи потому что все мои люди и можем забывать вещи к которым давно не обращались я думаю в этом нет ничего критичного поэтому про проблема в том что как бы нас там люди которые там считают себя условно какими-то профессионалами не имеют права такие вещи забывать и тем более я недавно впустую изучал там в жизни часто использую короче не знаю может быть наверно просто я заволновался и и забыл так что более время сейчас сколько уже
01:14:56 - 01:16:06
наверное стал поэтому так что слушатели которые будут слушать этот выпуск прошу у вас прощения что так у меня получилось окей что ж я рад что сюда хорошо получилось надеюсь ты подчеркнул новой информации [музыка]
01:15:31 - 01:16:18