друзья привет у нас сегодня с вами на очереди очередное публичное собеседование и сегодня собеседование будет проходить или нура она front-end разработчик из ташкента ильнура изучала frontend на яндекс практикуме и буквально месяц как она попала на свою первую работу как обычно по формату в начале у нас будет небольшой приз queen дальше у нас будет основная техническая часть с техническими вопросами и в конце я дам свой фидбэк ли нури по поводу того как она прошла собеседование так же я буду по уходу собеседования комментировать те
00:00:00 - 00:01:03
вопросы которые буду забывать что давайте приступим привет или нура рад тебя сегодня здесь видеть у нас сегодня с тобой интервью на должность формат от разработчика очень благодарен тебе за то что ты согласилась пройти это интервью знаешь что ты не так давно в принципе во фран тенге но лишь как смелая очень да смотри у нас будет сейчас вначале начнем с при скрина вкратце расскажу про свою историю как как чего потом будет техническая часть потом в конце я дам свой фидбэк а давай начнем с того что расскажи
00:00:32 - 00:01:56
пожалуйста каким образом ты вообще попала во front-end как училась как занималась сколько вообще то в принципе занималась и что делаешь сейчас хорошо значит я только что закончила филиала мгу в ташкенте и когда я училась на третьем курсе началась какая-то потребность в дополнительных знаниях то есть я понимала что я скоро закончу университет и мне надо куда-то дальше двигаться программирование у нас была в целом очень много то есть все четыре года но мне как-то не очень сильно нравилось от прям сидеть и сутками код писать чтобы
00:01:19 - 00:02:38
это все работало потом в концертном 2 циферки выводятся это такое ну круто специальность у тебя какая прикладная математика и информатика отлично ok поэтому запрограммировать искать какие языки изучали основном у нас был си у нас был си плюс плюс и на третьем четвертом курсе нам начали преподавать питон и программирование на питоне то есть у нас там были нейронные сети ну и поэтому мы в питон тоже погрузились еще было котлин но он так мимолетом так буквально вводный курс мы прошли и ассемблер ну тоже самое что и скотт ли
00:01:59 - 00:03:20
нам дело было вот поэтому на третьем курсе я уже в принципе знала что такое steam и css в лице и с этим познакомим и даже какие-то сайте кивер стала сайт лицей мы делали совместно с учителем и поэтому я думаю ну почему бы не попробовать во front-end и начала как бы подтягивать все свои знания которые у меня были по html css на тот момент flex и гряды это открылись для меня новая тема начала изучать java script это были какие-то такие курсы типа курсы раз степик вот это вот все на ю тубе я что-то там смотрела но как-то очень
00:02:39 - 00:03:53
медленно шла по этому для меня открылся индекс практику и я пошла на него с сентября месяца получается я изучающий двадцатого года на снимке до вот там я изучаю получается там профессии web-разработчик и там полностью все практически с нуля и стимул css javascript react и сейчас у нас уже даже но да пошла поэтому практически все мои знания получены данный момент это вот яндекс практикум плюс мои какие-то статейки и которые я читала на хабре лёрн java script там видосы как писать задача nulled коде алгоритмы всякие вот в общем
00:03:16 - 00:04:45
как то так в марте я пошла на стажировку в компанию онлайн сервис групп там ребята писали проектные работы на view джесс то есть у меня немножечко появился такой фреймворк знание этого фреймворка но не особо прямо сильно я в него погрузилась в там с я протяну там два месяца но это стажировки про было и что-то как-то не срослось с коллективом я решила что работать я в нем не хочу стажировка стажировкой а работать не там не очень хочется и эта стажировка ты как туда попал а то есть это ты от университета или ты
00:04:00 - 00:05:19
просто сама нашла себе такое я сама нашла там получается уже работали мои одногруппники я спросила есть ли у них места потому что я бы хотел работать front in germany сказали мест рабочих нет есть стажировка хочет приходить я сказала долги хочу приду там стажировка это зайду да за хорошего за за хорошие отзывы да да стажировка для за хорошие отзывы понятно ok хорошо как дальше что дальше было закончил университет не поняла что пора двигаться искать работу потому что курс индекс практикам уже практически подходит концу
00:04:43 - 00:06:07
я думаю что в принципе ну ладно знания вроде бы есть хотя в какие никакие попробую начала тыкаться в разные ваканси на хи хи и так откликнулась на одну контору которая занимается продажей компьютерной техники различные у них есть как онлайн так и офлайн магазины и и собственно на моих хрупких еще на нескольких не очень хрупких плечах висит frontend которым мы занимаемся там работа с онлайн магазином и внутренняя админка то есть учет всего просто а у них какой-то грубо говоря там своя разработка да то есть это не какой-то
00:05:24 - 00:06:46
интернет-магазин nemo виду готовое решение они свое писали что-то да у них был шаблон как я понимаю на дизайн шаблона которые они переделали под себя на на кости и навью джесс опять-таки и дизайн не приходится писать ручками дизайн используются элементы ui bootstrap но в целом по части и всего остального работы прямо много сколько ты там уже работаешь месяц даже не месяца по моему только скажи пожалуйста но вот я понимаешь и не так много но примерно вот каковы сейчас твои обязанности да там что что именно тебе
00:06:05 - 00:07:33
приходится делать может быть там приведи пример какого-то рода задачах с которой ты вот прямо сейчас работаешь ну вот последнее что я делала это были фиксы с версткой там такой момент был что в какой-то момент с бэг-энда не приходят одни поля данных и остается прям вот такой большой кусок пустого пространства на странице и нужно было это пространство как-то поменять там через колонки чтобы наверх поднималась но это была последняя тоска такая легкая скажем так а из более серьезных связывали работу с брендом нужно было создать три
00:06:52 - 00:08:16
новой абсолютно страницы в админской учетки которые бы возвращала такой момент как за куб то есть закуп наш у сторонних дистрибьютеров у иностранных а всяким ноутбуком компьютером и прочее нужно было чтобы выводилось какой товар и сколько там ну в общем короче новая функциональность принципе тоже разрабатывать не только поддерживаешь это старая но и новые это делаешь фишки классно ok правильно ли я понимаю что там но ты у тебя там в у тебя верстка это вот как раз те технологии с которыми ты прямо сейчас работаешь да
00:07:33 - 00:09:07
окей but хорошо так супер в принципе расскажи еще в двух словах по yandex практикуму вот ты упомянула что там у вас был еще react не знаю там какие-то системы сборки там не зная работа свой паком вот это вот у вас тоже было такое да был запах мыла мы проходили им пользовались на нескольких проектных работах не понял такие хорошо это вот окей еще пару вопросов таких общих как у тебя с английским ну как собаки понимаете понимаю говорить не говорю но в целом могу ответить но не ручаюсь за качество грамотности и
00:08:19 - 00:09:52
правильности этом поддержи склонений а ты какие-нибудь курсы вот которые ты говоришь на курсы и так далее ты их на английском смотришь нет это были русские крышки от конфеты и nfc и совместно с яндексом был как - я понял мукой а вообще доводилось что-то на английском смотреть читать документацию статьи да я стараюсь читать документацию на английском но в какой-то момент происходит полное непонимание я просто перевожу страницы на русский но но в целом с английским более или менее нормально так нужен опыт
00:09:07 - 00:10:34
нужна практика это точно вот хорошо как в принципе у меня здесь все из тех вопросов которые хотел задать ok начни ростки и давай наверное с чего-то попроще начнем расскажи пожалуйста в чем разница между давая должны не так начнем с вот такого вопроса в каком случае html элемент который ты вот создаешь на странице ты ему сделаешь поставишь ogio в каком случае ты ему пропишешь какой-то с s-class для того чтобы стилизовать например так далее вот айдишник какому-то элементу в каком случае ты бы прописывала
00:09:51 - 00:11:26
когда наверно он уникальный один на странице и больше никогда повторяться не будет а если у нас какой то элемент который будет встречаться несколько раз то ему проще прописать класс наверное и переиспользовать в принципе правильно вот например смотри у меня на странице есть хэдер ты ему про пишешь о хищник или класс я всегда прописывал классы и никогда не задумалась над такими вопросами так если у меня хедер наверное я ему пропишу айдишник лучше прописать вас до на самом деле как бы ты вот видишь
00:10:41 - 00:12:07
говорит что ты не записывала не задумывались на самом деле хорошо что прописывалась с s-class когда то наверное еще 2009 год виталик харисов из яндекса в своем докладе показывал пример ингрид смотрите когда вы используете едешь ник он должен быть действительно уникальным на странице новый гарантировать это имеет этого не можете был тогда еще такой сервис там ирушка как бы тебя есть готовая страница у тебя есть header и footer заходим на страницу настройки внешнего вида и там внутри страницы в которой
00:11:31 - 00:12:46
есть header и footer есть маленькая превьюшка других страниц header и footer а и ты когда выбираешь цветовую гамму ты автоматически просто меняешь центральную часть в том числе но как бы где превьюшка стоит а там тоже есть header и footer то есть как бы с одной стороны ты говоришь да никогда он не может быть два фидера на одной странице я вот она она вполне может быть разницы в плане не знаю там скорости какой-нибудь там сидишь ником из классными практически то никогда не будешь замечать даже если она
00:12:09 - 00:13:16
есть она там мизерная ты не то на чем стоит экономить зато у тебя будет consistent ность поэтому действительно я думаю стоит везде использовать обычные классы если там айдишники в очень очень редких случаях это как бы ты их сходу назвать не сможешь они будут там типа ну вот да вот тут наверно нужно идиш не разница в чем тогда разница в принципе если говорить с точки зрения с с чем разница между стилями для класса и стилями для элемента сойди наверно в весе то есть в приоритете у айдишник а приоритет выше чем у класса
00:12:42 - 00:14:08
сколько все верно специфичности у него выше покере хорошо начнем начали хорошо так я им дальше расскажи пожалуйста тогда какая разница между различными видами позиционирования элементов то есть у нас там статическое абсолютное и относительное фиксированная так хорошо начнем наверное со позицию напротив это объясняет как родительский элемент позиционирован и исходя от позиционирования данного родительского элемента его дети могут позиционироваться относительно его то есть выше ниже и левее про игре это задает у нас позиция
00:13:27 - 00:14:57
абсолют вот похищен fixed у нас получается закрепляет элемент на странице то есть при скроле он останется на этом же месте и ну там было еще им хилит и если тоже есть да это получается на следу наследует от родителя позиционирование from such востоке пищу вот абсолют это получается позиционирования относи абсолютное позиционирование относительно родителя ребенку то есть ребенок внутри блока позиционируется относительно тех значений которые были заданы сейчас мы про это поговорим еще есть статическое позиционирование а это что
00:14:15 - 00:16:07
не знаю не сталкивалась дефолтное позиционирование когда ты просто пишешь обычно ешьте молю тебя все элементы по дефолту как раз встать и к позиционированию то есть обычный flow это как раз позиционирование static хорошо еще один вопрос из казалось что абсолютное позиционирование это позиционирование детей относительно родители смотрели рыбу надо родителя о котором у которого указано что позиция нра латиф иначе какое будет поведение облака неизвестно она может улететь вообще наверх до чуть ли не body если не будет где-то выше в
00:15:13 - 00:16:44
ступени указано позицию навыков позиция на рынке а если у меня родитель от меня есть ребенок который я пытаюсь позиционировать абсолютно а родители меня не с позиции латифа тоже с позиций абсолют относительно чего будет ребенок позиционироваться относительно родители у которого похищены латиф хотя возможно и относительно последнего позишн абсолют том числе на хорошо ладно расскажи пожалуйста ты разрабатывала работала ли с мобильной верстка да то есть там под мобильные что-то я думаю знакома там с медик вере тогда
00:16:03 - 00:17:32
тебе вопрос а расскажи пожалуйста можешь ли ты привести примеры медик вере которые свойства медиа который отличные от screen у нас есть свойства медиа да то есть мы обычно пишем screen и там дальше проблема в том что он наверное пока что я кроме скрина больше ничему не сталкивалась да возможно возможно и анимация по моему тоже через медиазапросы писалось нам медиа тоже запроса писалось но там немного нет порта то есть я говорю сейчас про свойство собачка медиа она просто может использоваться турне
00:17:08 - 00:18:24
дикари смотри то есть ты можешь с помощью у тебя есть screen у тебя есть print и спич и то есть ты можешь писать отдельный стиль и например для страницы печати у тебя есть грубо говоря страница если ты напишешь там медик вере в котором будет написано там медиа screen то у тебя будет стиле для обычного скрина а если ты хочешь например для страницы для печати поменять фон на белый убрать каких-то там менюшки тебе не нужны и так далее оставить только контентную часть все это ты можешь сделать и написав отдельный стиль и и
00:17:48 - 00:19:06
поставив медик вере о том что будет только для mega print и опять же этот медиа можно использовать при подключении стилей когда ты делаешь link да то есть на style там тоже можно создать что это только для print версии вспомнила что сталкивалась таким ну буквально один раз хорошо так мы начали говорить с тобой pro linc подключение скриптов а расскажи мне пожалуйста есть такой как это сказать банк называется flash of once told контент когда ты загружаешь страницу и у тебя в начале страница такая разваленная вся а потом
00:18:28 - 00:20:12
бац и все становится красиво почему это происходит и знаешь как этому можно избежать так точно не знаю но могу предположить что скорее всего проблема в том что когда у нас страница прогружается еще не все модули как бы собрались и поэтому нас немножко разрозненно все получается а потом уже в конце когда уже страница загрузилась все модули встали на место и страницы отображается корректно а что ты подразумеваешь под модулями ну вот как раз сосед с файлы различные то есть может быть наверное такой
00:19:21 - 00:20:44
вариант что у нас стиле для фидера там в одном css файлы стилей для воинов другом a future в третьем и прежде чем собрать это все в единое должно пройти какое-то время вот давай представим себе что у меня все стили у меня есть бы папка например на проекте не все стили у меня собраны в один файл я его подключил и мне все равно может быть такая штука у меня загружается страница все некрасиво потом две секунды бат все красиво а мы стиле как подключаем типа прям через линк или мы которым через звук
00:20:06 - 00:21:29
в стилях есть картинки все ровно потому что ну бывает такой момент когда верстка скачет потому что в стилях есть картинки но им не прописаны высота и ширина из-за этого все вот тут так а потом когда уже картинки про грузили встали на свои места верстка стала адекватной смотри давай хорошо я это хорошо что знаешь про нужно задавать размеры картинок смотри по поводу flash anstalt контента есть он называется flash anstalt контент у тебя не стилизованный контент то есть сама как бы сама проблема заключается в том
00:20:58 - 00:22:25
что у тебя вначале загружаются html и в принципе по умолчанию браузеров отличия java скриптовых каких-то вставок которые у нас идут без бисера и осинка он браузер не ждет когда загрузится весь css-файл у тебя bangle например мы взяли склеили вот все все все стили в один большой файл и он достаточно тяжелый у нас может там внутри есть картинки как ты сказала и он долго грузится и поэтому тебя в начале отобразится голый html как есть тебя отобразится контент все картинки которые ты ставила в html прям вдруг они
00:21:43 - 00:22:59
уже загрузились там будет текст и так далее ссылки но из-за того что у тебя нету стиле это все выглядит некрасиво потом стиле загружаются браузер сделал наш наш процесс с ларри кингом payne там и прочее и он бац отображает нам все красивым поэтому у нас в начале моргнул не стилизованный контент потом бац у нас все красиво если идея как такое можно было бы почти нить [музыка] использовать прелоадер и какие-то пока страницы не отобразится красиво ну пока весь контент не будет загружен идея правильная просто у тебя как бы мы
00:22:24 - 00:23:49
шли не java скрипта мы это все делаем но думаешь правильном направлении ok еще идеи есть [музыка] может быть есть какая-то функциональность которая позволяет не отображать html-страницу вообще пока полностью все они все все внутренние файлы не прогрузятся включая стиле и javascript и прочее ты такое может сделать сама с помощью css а смотри есть принципе есть воды нет тебе не нужен java script для этого есть две основные техники которые делается первая техника это действительно скрыть весь контент
00:23:13 - 00:24:38
изначально то есть ты можешь написать же как бы повесить обычный стиль или когда это делают за джалла скриптом это тоже опять же вешают какой-то классный на body которые просто делать дисплейном всему а когда все загружается обычно это делают действительно с java script он тогда еще и джесс подгрузится у тебя весь джез водит необходимые данные и после этого он убирает с бадди этот дисплей нан и у тебя уже все загруженные д сссс и так далее это один из вариантов второй вариант это подгружать самый важный css и
00:24:00 - 00:25:29
вставлять его как бы прям онлайном внутрь html то есть ты можешь написать так style и написать туда прямо стилей не загружать каким-то внешним файлом если ты сделаешь так то у тебя как бы для того чтобы дойти до боли браузер должен будет загрузить кусок этого штемпеля вот и обычно делаю так что вот первый экран который обычно виден пользователям например там хедер менюшка вот эти стили можно поместить внутрь как раз html а все остальные стили которые идут они уже будут лежать там например в бандле
00:24:45 - 00:26:01
называется critical css то есть это действительно критически важный который ты вставляешь но перед ним или и при загрузке страницы у тебя оно отобразится первый экран отобразится всегда красиво у тебя не будет вот этого флэша некрасивого без стилей а потом когда загрузится bangle пользователь уже скроле 2 секунды точно ничего посидит что называется на первое на первом скроле и потом все будет у нее хорошо окей хорошо это на самом деле старых старый вопрос еще со времен яндекса я думаю ты знаешь у яндекса есть поисковая
00:25:23 - 00:26:46
стрелка и точка тебя есть с левой стороны у тебя идет поле а с правой стороны они рисуют бы у тебя фон желтый оранжевый и справой стороны у тебя есть треугольничек потому что он выглядит как стрелка вопрос на дворе 2021 год как бы ты сверстал а вот этот вот правый треугольничек как бы ты сделала его представим себе что там нас не знаю однородный фон без всяких градиентов к примеру вот через границы через border то есть у меня так по моему верхние будет прозрачная левая или правая у нее будет задано
00:26:04 - 00:27:46
размер по-моему это как-то через borders делалось то есть какая-то с какая-то сторона блока задавалась граница прозрачная одна или две другие задавались уже с конкретным значением цвета и с конкретной высотой шириной в зависимости конкретно высотой и в зависимости от этой высоты нас выстраивался угол окей да действительно так можно а еще варианты не смогу нарисовать тоже вариант еще варианты у него очень много вариантов у этой задачи решен сейчас еще подумаю можно вырезать какие долго думаю не знаю
00:26:56 - 00:28:29
сейчас не предположу но вот из двух известных мне этого через границы или svg некий хорошо я просто специально намекнул что 21 год у нас там translate есть rotate нет на самом деле есть есть еще очень много вариантов как это реализовать но я думаю что я совсем забыла про то что можно же нарисовать маленький кусочек а повернуть его хорошо здесь я думаю по верстке хватит давай перейдем больше к джессу то же с чего-то попроще начнем расскажи пожалуйста в чем разница между двумя равно и тремя равно
00:27:51 - 00:29:21
это сравнение на типы то есть 2 равно у нас игнорирует step то есть 0 и фолз у него будет одинаковый он вынес true а если мы ставим 3 равно у нас идет сравнение на тип дополнительно то есть только один и число 1 он выдаст falls если можно сравнивать окей хорошо то есть тут тут наоборот наш как бы 3 равно это полное сравнение действительно одного другому а-два равно это сравнение с когда и джон скрипт включает свою магию с приведением типов ok смотри еще один вопрос если ты хочешь повесить нам какую-то кнопку например обработчик
00:28:42 - 00:30:27
клика да то есть ты добавляешь это винт леснар в ходе а каким образом я могу удалить обработчик события я больше не хочу чтобы кликая на кнопку меня отрабатывал этот обработчик я знаю сейчас я попытаюсь вспомнить как это называется он так и называется ремус and lies in our но ему нужно передать абсолютно ту же функцию которая до этого вызывалась да все верно хорошо да действительно у нас есть раму в английском и ты должна передать хендлер именно тот который вешался изначально и танкиста вот смотри у
00:29:37 - 00:31:00
нас есть две функции если разница в том как они отработают и в чем именно эта разница консоль лог мы игнорируем да сейчас да то есть мы мы сейчас говорим про вот эти вот функции есть разница что у функции foo один из его это разные контексты у бара то есть возвращается два различных объекта и они будут между собой не равны если давай так если я запущу ev1 что у меня будет возвращено объект у которого ключи пара значений х а если я запущу фу 2 что будет возвращено тоже объект но нет подождите возможно даже не сработает потому что
00:30:23 - 00:32:01
рядом с ветераном ничего нет и наверное java script это воспримет как просто выход из функции а то что ниже он проигнорирует а еще будет из функций возвращено в этом случае если ты просто пишешь или керну что возвращается ничего не возвращается ну что то что то таки возвращается на нет да ты права тут потому что очень важный момент действительно с как бы если ты хочешь вернуть объект у тебя скобочка это должна начаться вид ну на этой же статье что и re-therm это бывает как это бывает с этим иногда баги когда
00:31:27 - 00:32:56
ты я же вроде все возвращаю почему она не работает почему он define окей хорошо ну если как бы на этой строке ничего нет возвращается из функций анды файл и эффект будет такой же если с функцией ты ничего не возвращаешь у тебя нету рикер на по умолчанию функция всегда что-то должно возвращать и она возвращает по умолчанию define окей хорошо расскажи пожалуйста [музыка] что в этом случае водится у нас в консоль у нас выведется хэллоу скорее всего а почему потому что у нас когда мы копируем объект вот через вот
00:32:19 - 00:33:49
этот вот вот эту нас да у нас создается ссылка на [музыка] сейчас сказала неправильным потому что сейчас начала объяснять и понимаешь что сказала неправильно у нас при копировании объекта создается ссылка на объект и когда мы меняем когда мы меняем одно значение у нас второе не меняется потому что ссылки разные сейчас сказал сама не понимаю сказала да еще раз что будет выведена когда мы с окантовочный что что у нас консоли за контактными нас выведется бай бай у нас выведется buy потому что при копировании объекта мы создаем мы
00:33:10 - 00:35:02
копируем как бы ссылку на другой объект в памяти и изменяя его мы изменяем по ссылке и второй объект тоже может получать эти же значения кажется так хорошо скажи пожалуйста если я вот мы взяли в second- объект скопировали ссылку на объект на все сто плиты если я first обжиг ты сейчас присвоено значение 2 секан топ знаем чему будет равен он все так же останется объектом окей он также останется объектом теперь внимательно посмотри что происходит в четвертой строке что что здесь происходит [музыка]
00:34:24 - 00:35:53
создается новое поле нет на какой объект какой объект новый новый новый объект ждёт новый объект и я присваиваю first объекту новый объект так также на я присваивала бы здесь 2 музыкант объектом хэллоу тогда да хэллоу все верно то есть это и не знаю может быть насмотрелась много задач каких-то там часто делают как раз в обратную сторону то есть там просто делают всё стопчешь . name равен да давай там или b вот здесь мы создаем ухну мы присваиваем чё стоишь новый объект который меняет усович поменял теперь свою ссылку a
00:35:24 - 00:37:26
second об никак не менял свою ссылку он до сих пор смотрит на этот объект поэтому действительно будет хеллоу окей так давай посмотрим дальше невнимательность моя давай тогда немножко попишешь код сейчас не знаю что у нас на канале было эта задача но она у нас была в более сложные вариации попробуй теперь и решить в более простой вариации и так у нас есть два массива 6 секунд у нас есть 1 2 3 4 3 4 5 6 а тебе необходимо написать функцию interception которая вернет в нашем случае 34 представим себе что нам не
00:36:35 - 00:38:03
нужно беспокоиться о повторах у нас повторов внутри массива нету у меня не может быть 22 да здесь и и так далее здесь не может быть 55 то есть у нас между ними может быть пересечении но внутри каждого массива у меня уникальные числа идут необходимо написать функцию interception которая вернет мне пересечении этого массива с этим ну в нашем случае тут три четыре вот есть хорошо я че сказать не смотрела еще такую задачку у вас так ну давайте тогда я не знаю у нас есть ограничение по памяти или давай представим себе что у нас здесь
00:37:19 - 00:38:54
очень как это простейшие случаи и нет каких-то ограничений по памяти времени хорошо тогда я массива будут маленькие ага я могу решить двумя способами первый способ это будет двумя циклами что будет в принципе долговато а второй это через объекта и там по моему будет линия и финиш ну давай тогда просто как мне удобнее большой и удобнее мы похожи если циклами это получается мы идем по первому массиву и одновременно идем по второму и сравниваем элементы если элементы между собой одинаковым и их в кладем в
00:38:06 - 00:39:35
какой-нибудь условный 3 массив и потом его в конце вернем ты идешь по первому массиву и для каждого элемента здесь ты продвигаешься по всем второму массиву и ищешь совпадает ли это число с каким-то из этих я правильно понял да и можно там найти вы а через фанерный индексов то есть в первом по первому идти просто циклом его второму типу fine dry index of но все равно это будет очень долго вот а второй вариант это завести объект пройти из по первому массиву и в объект как в качестве ключа из классе значение из
00:38:51 - 00:40:19
массива а в качестве значения класть количество этих переменных у нас я жду тебя уже говорил что у нас не альба здорово да ну тогда можно просто завести там на каждое значение просто единичку проставить вот а потом пройти еще по второму массиву и если у нас у объекта будет ну как через метод хозяин property будет вот это значение с массива секунд то тогда мы это значение будем класть в какой-нибудь 3 массив и в конце его выведем окей хорошо а какая сложностью в этом случае у тебя получится в этом случае
00:39:37 - 00:41:08
будет линия потому что у нас будет только один цикл даже цикла не будет будет только один цикл когда мы по первому пройдемся а по второму с я тоже надо проходить второму да ну там тоже же будет ли не сложность линейные и она у тебя будет n + m ну то есть первым длина 1 длина 2 так печатать мне это все дело теперь то вот даже не знает и все так рассказала давай мы лучше хорошо все рассказала все правильно будет работать давай наверное тогда мы по печатаем лучше на другой более интересные задачки
00:40:27 - 00:41:51
у нас еще впереди давай немножко поговорим ты работала с про мы сами хорошо тогда такой общий вопрос в каких состояниях может пребывать promise не совсем поняла вопрос хорошо смотри у про мясо может быть три состояния на то есть вот как бы если ты попытаешься вывести консоль лог какого-то promise а у него будет три варианта его состояние один из них например field и еще два какие есть from с реджекты мы про это говорим хотя нет rejected но ты сказала ты наверное имела ввиду там у него есть два параметра которые мы
00:41:14 - 00:42:59
передаём да ну да я про имела в виду rejected но еще какой статус у нее есть когда он еще маунти c и не знаю как как русские managing да то есть когда тебя пока он и не зав усилился до и не зарядился обработать в обработке да у тебя как раз брендинг состоянии ok расскажи пожалуйста есть вот такое вот у нас цикл и я в консоль лог вывожу и что будет выведена в консоль но у нас получается от нуля до десяти все это выведется на 9 0 9 включительно просто с определенной задержкой с какой не тут 0 стоит лай миллисекунда
00:42:14 - 00:44:07
то есть без задержки получается задержки да просто подряд fila видится ну к сожалению нет да получается сразу все 10 значений выведется не по одному а сразу все есть нет я так понимаю с иван глупом знакомом вообще что такое в альт клуб и как он работает джерси знакома но плохо понятно окей хорошо тогда настоятельно рекомендую почитать потому что от него очень очень много зависит в принципе и при разработке в том числе дело в том что с и тайм-аут в данном варианте выглядит как какая-либо любой асинхронная функция
00:43:18 - 00:44:54
и так как у нас здесь стоит war снт mode и вот этот вот волшебный и выйдет следующее что когда у тебя запускается цикл for у тебя все с и тайм-аут и ставится в очередь у тебя цикл for добежит но вот если я напишу здесь консоль log and у меня в начале выведется в консоль and а потом только начнут отрабатывать set time out и здесь та же случится случится хитрая штука так как мы используем если мы используем здесь wore the war у нас создается как бы вне нашего for a data и вот у нас суда декларация
00:44:14 - 00:45:53
варп переходит и равно у тебя и вначале 0 потом она дойдет до десяти и только когда у тебя закончиться цикл отработает and и типу и у тебя уже равно 10 у тебя начнут зарабатывать консоль логе 10 раз с этим 10 и таймаутов но это у тебя смотрит постоянно на вот этот вот и и у тебя десять раз выведется 10 следующий мой вопрос был как это починить можно починить вот так потому что у тебя получается скоро будет уже не глобальные а вот такой вот местные и соответственно и будет смотреть замыкания внутрь самок
00:45:02 - 00:46:18
они внутри нашего блока for и поэтому для каждой на каждой итерации у тебя будет свой и это один из вариантов можно вот так сделать сюда передовики mode позволяет это сделать но как бы это это уже магия на уровне септима а то опять же можно сюда и передать и другими способами через забанить и прочее окей окей а можешь лентой молодой проблема с этой мало тебе проблем с этой интервалами на проблему не совсем выбираю как эта вещь работает были такие ситуации что как бы вроде все правильно но с этой матом
00:45:48 - 00:47:16
отрабатывает раньше или позже и в итоге белибер листика получается не было а расскажи пожалуйста давай тогда следующий вопрос с автоматами не буду больше грузить хотя тут как раз была еще одна расскажи пожалуйста в чем разница между get along property names объекта и объект this [музыка] в чем разница этими штуками где тантра про теней мтс наверное возвращает [музыка] даже не так даже наверно он больше ищет а names я вижу нас значение кейс сейчас [музыка] подумаю наверное не в чем он давай тебя в качестве подсказки
00:46:36 - 00:48:33
нарисую вот такую вот штуку у тебя есть массив с тремя элементами a pc и у тебя есть объект объект лайк у которого 012 на есть поля и выключи такие же как и здесь вот разница если я попытаюсь вывести через get all property names и или через объект keys вернет в случае с случае с объектом где-то он про протянем свернет у нас получается 012 объект кейс тоже вернёт 0 12 новых случае с массивом там get он про протянем с по моему вернет значение 0 1 2 а вот объект кейс по моему нет нет смотри дело в том что get up get an
00:47:54 - 00:49:53
property names он возвращает и перечисляемые и не перечисляемые свойства из объекта то есть ты правильно сказала что я не буду возвращать 0 1 2 но в случае с обжиг там у тебя будет просто 012 а случае сараем как раз будет разница так как у арея есть еще не перечисляемые свойство которое называется links длина твоего массива и вот как раз через объект keys у тебя его не будет видно а через год он property names planks ты будешь получать соответственно у тебя будет вывод получим мне ключи пожалуйста для этого
00:49:00 - 00:50:21
объекта 012 этот этот будет выводить а вот сараем получим не пожалуйста через объект в кису тебя будет 012 а через год он property names будет 0 1 2 links ну понятно что как бы на арену и на объекты подряд и кто такой будет делать ну типа основная сама фишка это в том что если ты допустим декларирует до задаешь какие-то свойства и говорит что они у тебя будет не перечисляемые то разница будет потом если ты через key сделаешь то тут только то что и тренируется а через где-то он property names там будет все свойства
00:49:41 - 00:50:53
хорошо отлично хорошо тогда открываем вкладочку html сейчас там вот есть тег скрипт а и у нас есть div сойди об вот внутри div сойди об ты можешь написать свой html а потом переключимся в ds простейшая задача тебе необходимо сделать кнопку обычный батон ставить на страницу и написать так чтобы когда я кликнул на эту кнопку у меня удалилась эта кнопка и создалась на ее месте две новых я будет батон один например текст на 1 а на 2 bottom 2 ибо там три допустим так то что она такая маленькая ничего
00:50:24 - 00:51:58
мы можем не писать тут вот так окей решеток так теперь я возвращаюсь в яндекс так [музыка] нет наверное начну с дива он же у нас от назывался да на шо он найдем кнопку сейчас столько кнопки мы тоже какой-нибудь класс пропишем [музыка] так пока я во вторую строчку название переменной под профиту 1 кей [музыка] значит что хотим сделать мы хотим удалить на кнопочку и добавить видно на ее вместо две новые хорошо [музыка] по-моему это делаешь вот так так и [музыка] две новые до кнопки все произошло не ночью произошло
00:51:32 - 00:54:02
я их по-разному назовут чтобы видно было окей так что там [музыка] так вот ты чураешься все и можно я скопирую эту строчку и сделаю еще одну такую же только с батон 3-ки и только сейчас сам не чик-чик hummer ай да клик клик finder только сейчас секундочку наверное я хочу сделать стрелочные функцию расскажешь почему ты хочешь сделать стрелочные функцию [музыка] аму что сейчас потому что состоялась устричных функций в данном случае удобнее будет удалять их через риму fuente сына то есть у нас получается мы
00:54:11 - 00:56:22
будем если мы захотим удалить наш ивент listener со встречным функции по моему так проще будет удобнее на и брюсова как сама функция callback мы здесь просто экземпляр вызываем и сама функция вызывать надо так ладно мы сейчас перейдем к этому хорошо давай давай проверим что у нас все работает мы сейчас поговорим немножко про брата все ну вот не уверена что это работает ты можешь запустить там вот справа у тебя есть браузер там видно да у тебя файл picked up in child of но вот параметр 1 is not of type ноут
00:56:11 - 00:57:45
так сейчас что венчают матюкаться у меня последнее что у меня есть это на expected talkin' в яндекс через я почему-то не вижу этого смотри то есть ты сейчас делаешь open child но и vpn chile пытаешься передавать строку до pm child просит в качестве аргумента ноду они что ну как бы они строку все на он ожидает что ему передашь элемент ушки больны да тогда возможно может лучше не через а punch-out через и навестим и [музыка] хотя через а punch-out можно шел как мне тогда передать сюда с какие есть варианты
00:57:11 - 00:59:05
какие есть варианты [музыка] как нам надо передать возможно сохранить в строку название тега полностью нашего и сделать из него воду ну так нельзя давайте попробуем через nr xml но я точнее попробуем через энергичным и тогда это будет вот так и чтению [музыка] вот так 2 и 2 это же самое нет 2 перри за трет блин а 1 на 1 добавится а нам надо удалить кнопку данном вот получается 1 и навестим л полностью перизат рот везде в которой был и добавить в него кнопку когда мы второй раз добавим нас только одна кнопка
00:58:23 - 01:00:20
останется а если ты плюс равно напишем зачем ты вот в 6 делаешь плюс ровно добавить в div кнопку чтобы при мучают батон же у нас уже удалить на этот момент вот и у нас я все ему если ты плюс равно на поставить что будет 7 если плюс равно поставлю меня у меня просто там плюс равно нету сейчас надо нету потому что я еще не написала просто добавится новая кнопка там там там все скобочка осталось концернов у тебя сейчас все работает почему потому что я сделал это через энергичным и я не вижу результат работы с правой
01:00:03 - 01:01:37
стороны там есть окно окошко браузера прямо здесь браузер я вижу у меня сейчас только батон один такт кликнуть по нему то надо понятно я думаю что ваши крики мои крики это динамики они все поняла это работает потому что плюс равно и навести мэлани передать ира это просто добавляет новое как бы мы ok хорошо если я первый плюс равно удалю и оставлю только плюс будет работать сам лю только равно загородного если только равно оставить да в принципе можно при этом по моему даже риму в чают нам не нужно будет
01:01:05 - 01:02:41
потому что и не разделял удалит состав окей тогда скажи мне пожалуйста вот up and child вернемся к варианту который у нас был изначальный up and child он хотел чтобы ты ему надо передала таким образом я могу создать ноду в джесси чтобы я мог до передать ну да возможно если у нас есть template шаблон кусочек в котором прописана допустим кнопка то тогда мы ее можем спланировать и у нас как раз будет надо не совсем там есть метод называется крейг элемент с помощью него ты можешь создать элемент ты задаешь ему типа что
01:01:54 - 01:03:32
это будете там например батон потом да там сможем у свойства прописать и так далее можно также через dokken фрагмент такое сделать это есть вариантов на самом деле как как создать это и передать внутрь а панчан много окей хорошо работает и это хорошо давай тогда пойдем дальше мы хотели с тобой обсудить вопрос мы с тобой хотели обсудить вопрос эру фанк шинами с function declaration нами и так далее . вот был клик хендлер и у тебя был вот так вот написанный function clipfinder я напишу синицы чтоб
01:02:46 - 01:04:11
он не мать у koleso а потому что их несколько серого наугад не используемая функция расскажи мне пожалуйста тогда вот как я их по пери называю тогда это будет первый это будет второе это будет 3 в чем разница между тремя вот этими вот хендлера мысли внутри у них у всех одинаковые будет вот такой вот код даже без вот этого мы договорились что нам риму не понадобится если разница между тремя этими хендера мир с точки зрения функциональности какой-то ну с точки зрения функциональности они в принципе все выполняют один и тот же код
01:03:29 - 01:05:16
единственная разность в том что когда мы кондиционеру передаем функций у нас же создается как бы ее условный экземпляр который был на вид на вешаем на кнопку вот и когда мы захотим удалить этот ивент lysander у нас вот здесь может возникнуть ситуация что разные как разным функция мы обращаемся и он не сможет удалить этот леса на давай тогда сделаем вот как смотри мы сейчас сделаем хитрому сделаем консоль logo это будет хендлер 1 [музыка] будет хендлер 2 это будет энглер 3-я навешиваю на нашу кнопку все три
01:04:28 - 01:06:12
хендлера [музыка] 23 так нам теперь батон и сейчас там есть батон есть нажимая на батон и у тебя есть все три хендлера мы повесили все три хендлера давай теперь вот в конце на 20 строчки напиши пожалуйста удаления хендлера например 2 допустим ну по идее это будет будет сделано вот так кликах nr2 он должен его удалить но и о пище той что он не удалится вот во втором случае удалиться потому что у нас хорошо давай тогда сделаем вот так в тени сделаем [музыка] 1 2 и 3 вот смотри мы повесили с тобой
01:05:31 - 01:07:16
вент леснар и и сразу а потом вот тут yandex консоль лоб и нет на то есть мы выведем инициализацию и теперь если я кликну на батон по идее у меня не должно быть ничего так как мы все взрывали и ванте store ты говоришь что в каком-то случае не удалится что выведется в консоль выведется хендлер 1 2 или 3 конкрет конкретно какой выведется мари у нас до этого вводились все три да да сейчас мы удалили все три и теперь не факт что все три выведутся потому что какой-то удалиться а какой нет удалиться знаешь какой я
01:06:46 - 01:08:25
хочу сказать что удалиться тот который записан через константы а просто function он не удалить то есть первый не удалится то есть у нас должен хендлер один сейчас показаться в брак в консольки правильно это прийти это нажимаем и ничего нету разницы нету то есть у тебя что так ты передаешь обычную функцию что так ты передаешь тела функции суда ну как бы в клик хендлеры ты передашь одну и ту же функцию разницы что в этом случае что в этом абсолютно никакой нету едем дальше раз мы разобрали что разницы
01:07:35 - 01:08:51
между function им и вот давай так даже вот этот фанк сам declaration мы с тобой откинем ты наоборот сетовала на то что надо делать его function а разница между вот этими по твоему как бы мнению она есть какая-то вот если я напишу через константу но вот обычный фанкшн или ирфан кхан есть какая-то разница между ними стрелочная функция это у нас тоже не функция которая выше написано это у нас фанк sin x пришли на получается mr2 это function expression да окей хорошо [музыка] внимание вопрос есть ли разница когда у тебя фанкшн
01:08:14 - 01:09:52
expression или когда у тебя function не так и так и так это у тебя function expression вот эти вот globo для навешивания event list or off в чем разница почему лучше использовать например эрл function чем обычный function возможно дело в контексте стрелочные функции возложены сейчас надо сформулировать стрелочным моментами так спешно функция у нас имеет свой контекст и если у нас клику будет передано стержня функция которая внутри себя имеет какой-то контекста через с то она его не потеряет в отличие от функция
01:09:13 - 01:10:46
которая может быть [музыка] задекларирована через ключевое слово фанкшн все верно собственно говоря что в этом что в этом случае у тебя вы из будет смотреть на винду и для того чтобы не терять этот контекст тебе необходимо допустим там использовать какой-нибудь байт или какими-то другими олдскульными методиками работать ну можно написать or function который не имеет бы своего отдельного контекста вызова так как асинхронный вызов у нас клики это все синхронный выезжаешь этой функции у нас не потеряется контекст и он будет все
01:10:12 - 01:11:39
тот же и здесь будет смотреть куда тебе необходимо в супер разобрались разобрались тем что разницы нету при подключении хендлеров это все одинаково и также разобрали что у нас разница основная почему обычно используют ирфан кхан и именно в том что если бы у нас здесь был какой-то зыс то тогда да разница есть да ну а кстати хороший вопрос если у меня здесь есть здесь я кликаю на кнопку на что будет смотреть этот дэс на функцию внутри себя вопрос то есть если я сейчас напишу консоль like this вот так во всех трех
01:10:55 - 01:12:48
удалю арбуз наши чему будут равны эти три леса что будет выведена в консоль в первом случае и во втором возможно выведется ondemand а во втором за видится windows оху в третьем скорее всего вы видите винду нет к сожалению смотри у тебя так уж он нам он нам по выводил куча всего love да смотри у тебя в данном варианте когда мы кликаем на зыс обработчик события у тебя будет смотреть на кнопку на которой ты кликаешь вот а в этом случае у нас из так как эта функция не имеет своего то есть если бы если бы это например было у меня в
01:11:53 - 01:13:40
объекте как мне да то есть не знаем я создаю объект а это метод внутри этого объекта то это ты смог бы смотреть на этот объект ну в нашем случае со стрелочной функция ну что эта функция не имеет своего контекста и она смотрит на тот контекст которому ты сейчас у нас все лежит [музыка] так вопрос тогда следующее немножко поговорим простите пии скажи пожалуйста чем отличается пут и post запросы так пост это у нас добавление нового абсолютно нового под это у нас изменения уже существующего окей хорошо правильно
01:12:52 - 01:14:32
скажи пожалуйста может быть ты знаешь в чем главное отличие пута от поста ну даже вот будет разница если я десять раз выполню один и тот же путь и 10 раз выполню один и тот же пост будет разница когда вы выполнить один и тот же пост у вас создастся 10 одинаковых объектов пока вы не выполните 10 раз пол фут у вас возможно один и тот же вес 10 нас обновиться на все верно то есть у тебя не меняется если ты десять раз делаешь put у тебя объект такой останется через десять раз с постом действительно у тебя
01:13:45 - 01:15:18
10 обжиг то создастся новых хорошо хорошо для чего нужен так и чулок джейсон п качок джейсон это у нас зависимости которые должны быть установлены в случае если как как какой-то версии не хватает то есть она там нам мало мощь не на маломощных а в общем не поддерживают новые версии и тогда нужно использовать только те старые которые прописаны в каталоге то есть пункт итак пришло к ли джейсон используется для того чтобы записывать решенные конфликты версии это правильно вот какой benefit для project а вот почему
01:14:32 - 01:16:30
например если я работаю в команде с кем-то хорошо было бы комитета джейсон прямо себе в репозитории jyj необязательный файл тпк джейсон этот файл нужен потому что именно из него ставится у тебя там зависимости понимает mpm какие именно тебе необходимые пакеты вот так и зло джейсон он создается при инсталляции и не его не обязательно комитет а почему вот многие комитет для чего это делают наверное это связано с тем что у разных получается программистов которые занимаются над одним и тем же проектом у
01:15:37 - 01:16:57
них могут стоять разные версии каких-то пакетов а пока чулок он записывает какую нужно использовать для того чтобы проект не упал по моему как то так ну почти то есть он очень близко а мысль правильные то есть на самом деле у разных программистов могут быть разные версии одного и того же пакета который вынес тонируйте как dependency просто потому что например сейчас очень часто пишется не конкретная версия пакета а например там я готов любую минорную версию поставить которая есть и может быть ситуация что у тебя например
01:16:18 - 01:17:52
минорная версия 2 а у другого коллеги они уже минорная версия 5 она продакшене у вас минорной версии 1 и выходит что у вас разные версии пакетов dependency которые вы себе поставили из-за этого у вас могут быть как бы разное поведение вашего проекта для того чтобы точно гарантировать что у вас у всех одинаковая версия как раз и можно комитет по козлов джейсон когда ты будешь инсталлировать он из п козлов джейсона будет смотреть те версии которые необходимо поставить прям конкретные и будет их инсталлировать мне
01:17:06 - 01:18:18
недавно задавали вопрос а зачем тогда вообще нужен такой влог джейсон почему я не могу хардкорно себе прописать версии впк джейсоне без всяких там этих тильды прочих не чтобы не обновляться на более свежие версии там если мне все равно какую минорную версию вот какую поставить такую поставит все дело в том что как бы обновляться в этом случае реально легче то есть если тебе действительно необходимо обновиться то ты можешь поправить свои пакеты всего лишь одной команды и опять же после этого взять и закомитить повезло джейсон
01:17:42 - 01:19:01
опять вы гарантируете что у вас на продакшене у всех разработчиков будет одна и та же версия когда все обновятся вот и вы говорите что вот это вот версия которая закончена она у вас стабильная сборка и с ней можно работать окей как то так теперь таки прогиб пару вопросов и я думаю мы закругляемся расскажи пожалуйста а что такое стейджинг орех гид и джон керри а это получается изменения которые были произведены были закончены но не отправлены не не залиты не запущены не совсем это те изменения которые были
01:18:23 - 01:20:00
произведены и готовый для commit a bad когда ты делаешь гид тыс ну ты кладешь свои файлы в stay джон керри то есть если ты просто изменила файл он тебя не стоит джон керри если ты напишешь git commit у тебя ничего не будет закончена частый джон керри пустой если ты делаешь guide and какого-то конкретного файла ты увидишь что и сделать git status- ты увидишь to guide я показывает стейджинг эре то есть файл файлы которые to be committed он так пишет который планируется камеру и просто типа очень files все остальные
01:19:11 - 01:20:27
которые ты не добавилось то джон керри в отличие это свена старого в котором типа вот если у тебя в папке изменены файлы ты делаешь git commit и он все комитета у тебя изменено здесь у тебя есть гибкость в том что там у тебя 10 файлов изменено а я хочу сделать камедь только с двумя из них то есть ты берешь и добавляешь что и джон керри и только то что ты собираешь к мекке окей тогда еще один вопрос погиб в чем различие гид мертв и гитаре бейс так гитлер шаге 3 bass работала с ними не то чтобы работала я пыталась
01:19:50 - 01:21:07
прочитать документацию понять что что они значит между собой гид ночь у нас получается это что он делает он просто берет и заливает все изменения в в одну ветку а гитри bass если я не ошибаюсь и прежде чем залить изменения он позволяет посмотреть какие строки между собой конфликтные и выбрать какое какой из комментов необходимо замерзнуть как на там не совсем так я понял про что ты говоришь смотри гепнер шаге 3 bass отличаются тем как как бы то есть если ты хочешь свою печаль и даже мастера ты говорила про
01:20:30 - 01:22:10
интерактивный ли бейс в котором можно выбрать какие комменты ты хочешь там менять там не про конфликт и какие ты хочешь со ск лошадь и так далее это интерактивный либо из обычный ли бейс и обычный меньше это про то как ты выливаешь какую-то ветку в какую-то другую ветку допустим мы двигались по одной я извиняюсь перебила и у нас сверху есть еще одна метка какая-нибудь и у нас изменения пошли по этой ветке а в ветке выше у нас получается изменений не осталось и нам нужно сделать так чтобы ветки выше у нас продолжалась работа но
01:21:21 - 01:22:43
при этом изменение из ветки ниже туда тоже попали поэтому делается гитаре бейс и получается и здесь работа продолжается уже с новыми готовыми изменениям и здесь нету тех которые произошли там но не за комичной то есть то что может поломаться на наш проект ветки выше вниз мне попадет от туда попадет и мер шире бейс позволяют тебе под обновить твою фича ветку например от мастера этот этот позволяет просто не делает это как-бы раб по-разному мерз у тебя подклеивать все изменения которые получились мастере после того как ты
01:22:01 - 01:23:23
отпочковался в ветку и делает это дополнительным кометам в твоей фича метки ари bass как бы смещает создание твоей фичи ветки самый-самый конец твоего мастера и такое ощущение что ты например там его создал эту ветку сегодня на поэтому у тебя все изменения которые существуют мастере они тоже у тебя есть очень хорошо принципе здесь все и последний вопрос на сегодня расскажи пожалуйста а вот помимо обучение мне интересно у тебя есть какие-то проекты которые ты делала которыми занималась на которых училась
01:22:43 - 01:24:02
разрабатывать да я ну когда был было верстка я просто какие-то страничке пыталась у себя повторять сверстать их потом когда у меня начался react такой более глубокий я поняла что я бы не совсем понимаю я начинаю свой проект делать что-то типа туду листа но это так я назвала его как список покупок вот примерно то же самое что и туда лезть но с таким чуть чуть более расширенным функционалом ну и пыталась провести работу с api попросил ребят написали backend чтобы у меня хотя бы там не знаю хотя бы
01:23:25 - 01:24:52
какая-нибудь одна модель кобыла чтобы я побольше разобралась как и работает как внешними данными долина как как делать api запросы как проверяете что мне приходит там через там пост моделей через венцом не ну и диплом у меня был это в приложение которое что-то вроде [музыка] как сказать как его выразить будет онлайн онлайн школа что-то в этом роде то есть вот лёнинген систем да то есть там можно уроки создавать и так далее да наверное полем окей гуру очень интересно мы на следующей неделе планируем новый новое
01:24:08 - 01:25:54
видео выложить короче мы в ближайшее время планируем выложить видео как раз про идеи для проектов интересно было послушать что у тебя на самом деле классный классный деятеля под проектов ok супер принципе у меня все по вопросам на сегодня я очень тебя благодарю что ты прошла это собеседование на самом деле я тебе хочу сказать что общее мой фидбэк достаточно положительно я понимаю что ты не так давно начала вообще все все это учить в плане верстки и так далее плане верстки джесса не прочего я вижу
01:25:01 - 01:26:25
достаточно много областей в которых тебе необходимо будет подтянуть знания но также вижу и много областей в которых у тебя достаточно как бы глубокие знания есть и я вижу что у тебя есть опыт с этим вот давай сейчас пройдемся по тем моментом которые тебе задавал сейчас сейчас начать начали мы с тобой свертки начали с разницей между че лекторами классов тут вроде в общем все ок конечно сомневалась вернее я задал так вопрос чтобы ты засомневалась и ты засомневалась это больше вопрос уже уверенности и знает четкого понимания
01:25:48 - 01:27:16
между как бы с селектора мида я думаю мы там разобрались там вопросов уже больше у тебя возникать не будет по поводу позиционирования тоже принципе все правильно рассказала единственный момент был по поводу абсолютного позиционирования с ним мы тоже все обсудили я думаю там не не будет никаких моментов поговорили про флэша фон стоят контент я понимаю что ты с таким не сталкивалась и не работала и так далее но мне понравилось что ты как бы пыталась сама додуматься как как это реализовать и принципе идеи были тоже правильнее
01:26:31 - 01:27:48
вопрос с медиа это больше такой как бы advance я не ожидаю что начинающий разработчик сразу знает как с этим всем работать это просто скажем так с моей точки зрения это вопросы были такие посмотреть так а здесь как в глубину а здесь глубина но а ты себя понимаешь а ты себе понимаю что и как бы зоны для роста есть вот так что здесь все об не страшно вот момент по поводу разницы между layout paint и так далее тут рекомендую может быть там через пол годика сейчас я думаю тебе есть чем на работе заняться но я тебя рекомендую все таки
01:27:13 - 01:28:37
почитать эти темы более внимательно потому что понимание того как браузер рендерит все как он работает внутри она очень-очень впоследствии помогает делать интерфейс и правильно так чтобы они не тормозили так как чтоб они быстро рисовались и красивая и все было прекрасно вот окей с версткой здесь у нас было все теперь по поводу джесса что у нас же сам разница между операторами сравнения все прекрасно по поводу promise of помнишь ну как бы название это не так не так страшно но главное понимание вообще
01:27:55 - 01:29:29
самого принципы что promise действительно бывает как бы состоянии ожидания или реджекты так что тут все супер так по поводу set time out of и асинхронная работы кода здесь необходимо явно почитать про even клуб это очень важная тема она тебя понадобится что накла инсайде чтоб с модой будешь работать там тоже если он клуб он немножко свой но принцип абсолютно идентичны вот и как раз вот set time out один из способов показать как как это все работает поэтому здесь обязательно посмотри ещё рекомендую сразу на будущее почитать
01:28:42 - 01:30:08
про микро тоски и макро тоски там есть небольшая разница между тем как отрабатывает допустим и когда с от работает с и тайм-аут или например отработают promise и это был один из вопросов которые хотел задать ну не стал ok в чем разница между get an property names и объект this в целом достаточно не супер прям частый кейс но иногда бывает объект из используешь думаю что блин где дешево и свойства а у тебя там какое-то свойство была создана как неисчисляемое поэтому она не попадает тебе вот поэтому тут и
01:29:28 - 01:30:50
так такие моменты это больше просто знаешь как лучше как-то один раз запомнить большинстве используя black keys но если мне надо я использую get он property не так по поводу создания кнопки которая удаляет при нажатии на нее все отлично создала выкрутилась ситуации то есть ты помнишь пропан child как создать элемент выкрутилась и ситуации через и на html это гуд хорошо пообщались про event леснар и прорывов кстати иван тристар тоже классно ты помнишь как это сделать вижу что немножко запуталась с
01:30:09 - 01:31:33
функциями fontaine то coloration function expression все вот это вот вместе помнишь что надо использовать эру function но не совсем помнишь почему ну вернее помнишь ты помнишь что там контекст но как бы правильный который нам обычно нужен чтобы не делать бант но опять же здесь же все запуталось в том что будет это там remove работать или не будет разобрались надеюсь здесь все будет ок дальше по поводу двух функций пунктов fancy function of с рекордным молодец что заметила по поводу скобочки на другой строчки
01:30:52 - 01:32:19
бывает случается и такое можно что же такое почему хорошо сейчас орешки все подсвечивают такой кейс вот но по поводу ритер на то есть то что функция всегда и тёрни танди фонтана не может ничего не returned to do an die fan ты тоже тоже как бы свое свое ничего так мило да по поводу вывода в консоль там все стоп лексикон топчик ты так далее запуталась потому что наверное видела такие похожие задачи где переопределяют name на у нас было переопределение целого объекта нужно здесь нужно внимательно смотреть как это все
01:31:35 - 01:32:57
происходит просто чуть больше внимательность я думаю в остальном все ок ok задача с interception а мне очень порадовало предложила два варианта рассказала про сложности которые получится оба варианта как это сказать съедобный году оба варианта og в плане самих идей то есть что первое что 2 когда-то может понадобиться и 1 сыном сложностью вот поэтому нельзя очень понравилось очень быстро пришла к решению и рассказал как чтобы и сделаны вот да я согласен что у нас достаточно много всего в этот промежуток времени
01:32:16 - 01:33:49
было и как бы на начинающие позиции там дают обычно по меньше всего и побольше времени из этого получается здесь у нас будет чуть более сжатые сроки иногда бываешь и там две три задачи дадутся все собеседование и все вот у нас здесь было много все разнообразного ну зато мы попробовали различные различные области и того же с ее верстки и так далее мне кажется что это было очень полезно нижние да отлично ok и по поводу guide я вижу что ты с ним работала что-то уже знаешь и как бы тут какие-то моменты которые же
01:33:06 - 01:34:27
нам нужно просто там больше практики именно с этими моментами тогда она не будет возникать никаких вопросов кстати по мер шире bass у нас есть видео на канале можешь посмотреть про интерактивный либо из тоже гуд в принципе все еще хочу сказать что мне достаточно по литерный фидбэк по первой части да то есть по при скрину я как бы услышал бы такой приз квин и я явно бы пропустил дальше на техническое собеседование из тех позитивных сигналов значит хитрый момент заключается в том что когда ты вот при
01:33:46 - 01:35:02
скрин или например даже те же задачи когда мы решаем это не значит что я там вот правильно ответил человек или неправильно нет во время всего собеседования я стараюсь собирать различного рода сигналы даже на неправильно решенной задачи я могу получить правильные как позитивные сигналы того как человека что делает вот принципе такое было и здесь как бы когда мы решали задачки по поводу при скрина хотел сказать что вот из позитивных сигналов которые я услышал это то что ты достаточно противно да то есть ты не
01:34:26 - 01:35:32
стала сидеть ждать так я вода учусь до конца курса и только тогда пойду искать работу на раз-два ты пошла сама поэтому как бы не практику которую ты искала ты сама пошла искать эту практику да то есть это тоже для меня какой-то такой позитивный сигнал пар активности и в принципе активности человека вот поэтому все эти моменты мне очень понравились и я думаю что у тебя все получиться с карьерой будет все супер вот главное главное оставляет такой позитивный настрой и дальше благодарю тебя за собеседование было
01:35:00 - 01:36:14
реально очень классно ребята кстати рекомендую ильнура оказывается есть свой youtube канал небольшой и те кто хотел узнать отзывы про яндекс практикум я видел что у меня есть на канале видео с отзывом про яндекс вариант вы можете посмотреть на я еще сам не смотрел но но видел что он есть так что тоже посмотрю благодарить либо очень было реально полезно мне кажется и нашим зрителям тоже будет очень полезно посмотреть вообще как проходит реальные собеседование может есть чего сказать сказать только одно вопросы большое
01:35:40 - 01:37:03
спасибо я прям ну я в принципе подозревалась что у меня не очень хорошая практика и не очень хорошим баграм но я как бы стараясь каждый каждый раз все это как бы это неправильно говорить что не очень хорошая практика не очень хорошо бы ground у тебя наоборот как бы я вижу что у тебя есть очень хорошая практика очень хороший обыграл то что вопросы которые я задавал были некоторые ну то есть я же не так за задал вопрос нам типа сделай кнопку да вот ты сделала кнопку и все как мы на этом остановились
01:36:21 - 01:37:24
как бы все молодец нет я дальше копаю до того момента когда я понимаю все там уже как бы там уже зона роста поэтому она была практически везде так это что ты бы думает что он много на чего не ответила это не значит что с точки зрения работодателя это будет как бы он все все очень плохо нет ну как бы работодатель понимает так здесь человек знает здесь он тоже знает о вот там он уже не знает ну как бы не страшно это начинающего позиция это мы можем получить но человек понимает во всех как бы в разных областях если такое широкое
01:36:53 - 01:38:03
собеседование он помимо понимаю во всех областях до какой глубины уже есть знание а где необходимо еще будет подтягивать поэтому я думаю что хорошо справилась и и очень тебя благодарю спасибо вообще я не ожидал что этом попаду я думал вас там огромный lacetti огромная очередь очень я серьезно говорю нас очень огромная очередь большая очередь желающих я на самом деле еще очень внимательно смотрю на то если люди описывают да то есть как бы у нас на месте отдельная секция с комментариями ты там очень подробно
01:37:28 - 01:38:43
ответила я вижу что ты очень хочешь проактивность прямо там видно вот или именно поэтому выбраться на тебя потому что грубо говоря все мое обучение честно началось с того что я вот пришла к вам на канал и такая ого вот это хорошо подтянуть свои алгоритмы согласно класс стоит он супер очень круто да я благодарю тебя очень желаю реально тебе всяческих успехов в твоей карьере и я думаю у тебя все получится я очень рада спасибо вам большое еще раз на все успехов благодарю тебя спасибо огромное вот такой вот собеседование у нас
01:38:05 - 01:39:30
получилось эльнура большая молодец друзья поддержите и пожалуйста своими лайками и напишите что-то хорошее в комментариях желаю ей больших успехов во фран тенге и быстрого карьерного роста еще раз напоминаю что ильнур и есть свой youtube канал и если у вас есть какие-либо вопросы к ней возможно вопросы потому как проходит обучение на яндекс практиками я думаю вы можете задать их внизу в комментариях под ее видео друзья если видео вам было полезно то ставьте лайк поделитесь обязательно этим видео с друзьями если вы еще не
01:38:49 - 01:39:44
подписаны на канал то обязательно кликните подписаться и не забудьте нажать на колокольчик если вы хотели бы сами поучаствовать в такого рода собеседования то вы можете заполнить форму ссылочку на который я оставлю внизу в описании на сегодня всё до новых встреч пока если у вас есть еще время переходите на этот плейлист и смотрите другие собеседования на нашем канале
друзья привет у нас сегодня с вами на очереди очередное публичное собеседование и сегодня собеседование будет проходить или нура она front-end разработчик из ташкента ильнура изучала frontend на яндекс практикуме и буквально месяц как она попала на свою первую работу как обычно по формату в начале у нас будет небольшой приз queen дальше у нас будет основная техническая часть с техническими вопросами и в конце я дам свой фидбэк ли нури по поводу того как она прошла собеседование так же я буду по уходу собеседования комментировать те
00:00:00 - 00:01:03
вопросы которые буду забывать что давайте приступим привет или нура рад тебя сегодня здесь видеть у нас сегодня с тобой интервью на должность формат от разработчика очень благодарен тебе за то что ты согласилась пройти это интервью знаешь что ты не так давно в принципе во фран тенге но лишь как смелая очень да смотри у нас будет сейчас вначале начнем с при скрина вкратце расскажу про свою историю как как чего потом будет техническая часть потом в конце я дам свой фидбэк а давай начнем с того что расскажи
00:00:32 - 00:01:56
пожалуйста каким образом ты вообще попала во front-end как училась как занималась сколько вообще то в принципе занималась и что делаешь сейчас хорошо значит я только что закончила филиала мгу в ташкенте и когда я училась на третьем курсе началась какая-то потребность в дополнительных знаниях то есть я понимала что я скоро закончу университет и мне надо куда-то дальше двигаться программирование у нас была в целом очень много то есть все четыре года но мне как-то не очень сильно нравилось от прям сидеть и сутками код писать чтобы
00:01:19 - 00:02:38
это все работало потом в концертном 2 циферки выводятся это такое ну круто специальность у тебя какая прикладная математика и информатика отлично ok поэтому запрограммировать искать какие языки изучали основном у нас был си у нас был си плюс плюс и на третьем четвертом курсе нам начали преподавать питон и программирование на питоне то есть у нас там были нейронные сети ну и поэтому мы в питон тоже погрузились еще было котлин но он так мимолетом так буквально вводный курс мы прошли и ассемблер ну тоже самое что и скотт ли
00:01:59 - 00:03:20
нам дело было вот поэтому на третьем курсе я уже в принципе знала что такое steam и css в лице и с этим познакомим и даже какие-то сайте кивер стала сайт лицей мы делали совместно с учителем и поэтому я думаю ну почему бы не попробовать во front-end и начала как бы подтягивать все свои знания которые у меня были по html css на тот момент flex и гряды это открылись для меня новая тема начала изучать java script это были какие-то такие курсы типа курсы раз степик вот это вот все на ю тубе я что-то там смотрела но как-то очень
00:02:39 - 00:03:53
медленно шла по этому для меня открылся индекс практику и я пошла на него с сентября месяца получается я изучающий двадцатого года на снимке до вот там я изучаю получается там профессии web-разработчик и там полностью все практически с нуля и стимул css javascript react и сейчас у нас уже даже но да пошла поэтому практически все мои знания получены данный момент это вот яндекс практикум плюс мои какие-то статейки и которые я читала на хабре лёрн java script там видосы как писать задача nulled коде алгоритмы всякие вот в общем
00:03:16 - 00:04:45
как то так в марте я пошла на стажировку в компанию онлайн сервис групп там ребята писали проектные работы на view джесс то есть у меня немножечко появился такой фреймворк знание этого фреймворка но не особо прямо сильно я в него погрузилась в там с я протяну там два месяца но это стажировки про было и что-то как-то не срослось с коллективом я решила что работать я в нем не хочу стажировка стажировкой а работать не там не очень хочется и эта стажировка ты как туда попал а то есть это ты от университета или ты
00:04:00 - 00:05:19
просто сама нашла себе такое я сама нашла там получается уже работали мои одногруппники я спросила есть ли у них места потому что я бы хотел работать front in germany сказали мест рабочих нет есть стажировка хочет приходить я сказала долги хочу приду там стажировка это зайду да за хорошего за за хорошие отзывы да да стажировка для за хорошие отзывы понятно ok хорошо как дальше что дальше было закончил университет не поняла что пора двигаться искать работу потому что курс индекс практикам уже практически подходит концу
00:04:43 - 00:06:07
я думаю что в принципе ну ладно знания вроде бы есть хотя в какие никакие попробую начала тыкаться в разные ваканси на хи хи и так откликнулась на одну контору которая занимается продажей компьютерной техники различные у них есть как онлайн так и офлайн магазины и и собственно на моих хрупких еще на нескольких не очень хрупких плечах висит frontend которым мы занимаемся там работа с онлайн магазином и внутренняя админка то есть учет всего просто а у них какой-то грубо говоря там своя разработка да то есть это не какой-то
00:05:24 - 00:06:46
интернет-магазин nemo виду готовое решение они свое писали что-то да у них был шаблон как я понимаю на дизайн шаблона которые они переделали под себя на на кости и навью джесс опять-таки и дизайн не приходится писать ручками дизайн используются элементы ui bootstrap но в целом по части и всего остального работы прямо много сколько ты там уже работаешь месяц даже не месяца по моему только скажи пожалуйста но вот я понимаешь и не так много но примерно вот каковы сейчас твои обязанности да там что что именно тебе
00:06:05 - 00:07:33
приходится делать может быть там приведи пример какого-то рода задачах с которой ты вот прямо сейчас работаешь ну вот последнее что я делала это были фиксы с версткой там такой момент был что в какой-то момент с бэг-энда не приходят одни поля данных и остается прям вот такой большой кусок пустого пространства на странице и нужно было это пространство как-то поменять там через колонки чтобы наверх поднималась но это была последняя тоска такая легкая скажем так а из более серьезных связывали работу с брендом нужно было создать три
00:06:52 - 00:08:16
новой абсолютно страницы в админской учетки которые бы возвращала такой момент как за куб то есть закуп наш у сторонних дистрибьютеров у иностранных а всяким ноутбуком компьютером и прочее нужно было чтобы выводилось какой товар и сколько там ну в общем короче новая функциональность принципе тоже разрабатывать не только поддерживаешь это старая но и новые это делаешь фишки классно ok правильно ли я понимаю что там но ты у тебя там в у тебя верстка это вот как раз те технологии с которыми ты прямо сейчас работаешь да
00:07:33 - 00:09:07
окей but хорошо так супер в принципе расскажи еще в двух словах по yandex практикуму вот ты упомянула что там у вас был еще react не знаю там какие-то системы сборки там не зная работа свой паком вот это вот у вас тоже было такое да был запах мыла мы проходили им пользовались на нескольких проектных работах не понял такие хорошо это вот окей еще пару вопросов таких общих как у тебя с английским ну как собаки понимаете понимаю говорить не говорю но в целом могу ответить но не ручаюсь за качество грамотности и
00:08:19 - 00:09:52
правильности этом поддержи склонений а ты какие-нибудь курсы вот которые ты говоришь на курсы и так далее ты их на английском смотришь нет это были русские крышки от конфеты и nfc и совместно с яндексом был как - я понял мукой а вообще доводилось что-то на английском смотреть читать документацию статьи да я стараюсь читать документацию на английском но в какой-то момент происходит полное непонимание я просто перевожу страницы на русский но но в целом с английским более или менее нормально так нужен опыт
00:09:07 - 00:10:34
нужна практика это точно вот хорошо как в принципе у меня здесь все из тех вопросов которые хотел задать ok начни ростки и давай наверное с чего-то попроще начнем расскажи пожалуйста в чем разница между давая должны не так начнем с вот такого вопроса в каком случае html элемент который ты вот создаешь на странице ты ему сделаешь поставишь ogio в каком случае ты ему пропишешь какой-то с s-class для того чтобы стилизовать например так далее вот айдишник какому-то элементу в каком случае ты бы прописывала
00:09:51 - 00:11:26
когда наверно он уникальный один на странице и больше никогда повторяться не будет а если у нас какой то элемент который будет встречаться несколько раз то ему проще прописать класс наверное и переиспользовать в принципе правильно вот например смотри у меня на странице есть хэдер ты ему про пишешь о хищник или класс я всегда прописывал классы и никогда не задумалась над такими вопросами так если у меня хедер наверное я ему пропишу айдишник лучше прописать вас до на самом деле как бы ты вот видишь
00:10:41 - 00:12:07
говорит что ты не записывала не задумывались на самом деле хорошо что прописывалась с s-class когда то наверное еще 2009 год виталик харисов из яндекса в своем докладе показывал пример ингрид смотрите когда вы используете едешь ник он должен быть действительно уникальным на странице новый гарантировать это имеет этого не можете был тогда еще такой сервис там ирушка как бы тебя есть готовая страница у тебя есть header и footer заходим на страницу настройки внешнего вида и там внутри страницы в которой
00:11:31 - 00:12:46
есть header и footer есть маленькая превьюшка других страниц header и footer а и ты когда выбираешь цветовую гамму ты автоматически просто меняешь центральную часть в том числе но как бы где превьюшка стоит а там тоже есть header и footer то есть как бы с одной стороны ты говоришь да никогда он не может быть два фидера на одной странице я вот она она вполне может быть разницы в плане не знаю там скорости какой-нибудь там сидишь ником из классными практически то никогда не будешь замечать даже если она
00:12:09 - 00:13:16
есть она там мизерная ты не то на чем стоит экономить зато у тебя будет consistent ность поэтому действительно я думаю стоит везде использовать обычные классы если там айдишники в очень очень редких случаях это как бы ты их сходу назвать не сможешь они будут там типа ну вот да вот тут наверно нужно идиш не разница в чем тогда разница в принципе если говорить с точки зрения с с чем разница между стилями для класса и стилями для элемента сойди наверно в весе то есть в приоритете у айдишник а приоритет выше чем у класса
00:12:42 - 00:14:08
сколько все верно специфичности у него выше покере хорошо начнем начали хорошо так я им дальше расскажи пожалуйста тогда какая разница между различными видами позиционирования элементов то есть у нас там статическое абсолютное и относительное фиксированная так хорошо начнем наверное со позицию напротив это объясняет как родительский элемент позиционирован и исходя от позиционирования данного родительского элемента его дети могут позиционироваться относительно его то есть выше ниже и левее про игре это задает у нас позиция
00:13:27 - 00:14:57
абсолют вот похищен fixed у нас получается закрепляет элемент на странице то есть при скроле он останется на этом же месте и ну там было еще им хилит и если тоже есть да это получается на следу наследует от родителя позиционирование from such востоке пищу вот абсолют это получается позиционирования относи абсолютное позиционирование относительно родителя ребенку то есть ребенок внутри блока позиционируется относительно тех значений которые были заданы сейчас мы про это поговорим еще есть статическое позиционирование а это что
00:14:15 - 00:16:07
не знаю не сталкивалась дефолтное позиционирование когда ты просто пишешь обычно ешьте молю тебя все элементы по дефолту как раз встать и к позиционированию то есть обычный flow это как раз позиционирование static хорошо еще один вопрос из казалось что абсолютное позиционирование это позиционирование детей относительно родители смотрели рыбу надо родителя о котором у которого указано что позиция нра латиф иначе какое будет поведение облака неизвестно она может улететь вообще наверх до чуть ли не body если не будет где-то выше в
00:15:13 - 00:16:44
ступени указано позицию навыков позиция на рынке а если у меня родитель от меня есть ребенок который я пытаюсь позиционировать абсолютно а родители меня не с позиции латифа тоже с позиций абсолют относительно чего будет ребенок позиционироваться относительно родители у которого похищены латиф хотя возможно и относительно последнего позишн абсолют том числе на хорошо ладно расскажи пожалуйста ты разрабатывала работала ли с мобильной верстка да то есть там под мобильные что-то я думаю знакома там с медик вере тогда
00:16:03 - 00:17:32
тебе вопрос а расскажи пожалуйста можешь ли ты привести примеры медик вере которые свойства медиа который отличные от screen у нас есть свойства медиа да то есть мы обычно пишем screen и там дальше проблема в том что он наверное пока что я кроме скрина больше ничему не сталкивалась да возможно возможно и анимация по моему тоже через медиазапросы писалось нам медиа тоже запроса писалось но там немного нет порта то есть я говорю сейчас про свойство собачка медиа она просто может использоваться турне
00:17:08 - 00:18:24
дикари смотри то есть ты можешь с помощью у тебя есть screen у тебя есть print и спич и то есть ты можешь писать отдельный стиль и например для страницы печати у тебя есть грубо говоря страница если ты напишешь там медик вере в котором будет написано там медиа screen то у тебя будет стиле для обычного скрина а если ты хочешь например для страницы для печати поменять фон на белый убрать каких-то там менюшки тебе не нужны и так далее оставить только контентную часть все это ты можешь сделать и написав отдельный стиль и и
00:17:48 - 00:19:06
поставив медик вере о том что будет только для mega print и опять же этот медиа можно использовать при подключении стилей когда ты делаешь link да то есть на style там тоже можно создать что это только для print версии вспомнила что сталкивалась таким ну буквально один раз хорошо так мы начали говорить с тобой pro linc подключение скриптов а расскажи мне пожалуйста есть такой как это сказать банк называется flash of once told контент когда ты загружаешь страницу и у тебя в начале страница такая разваленная вся а потом
00:18:28 - 00:20:12
бац и все становится красиво почему это происходит и знаешь как этому можно избежать так точно не знаю но могу предположить что скорее всего проблема в том что когда у нас страница прогружается еще не все модули как бы собрались и поэтому нас немножко разрозненно все получается а потом уже в конце когда уже страница загрузилась все модули встали на место и страницы отображается корректно а что ты подразумеваешь под модулями ну вот как раз сосед с файлы различные то есть может быть наверное такой
00:19:21 - 00:20:44
вариант что у нас стиле для фидера там в одном css файлы стилей для воинов другом a future в третьем и прежде чем собрать это все в единое должно пройти какое-то время вот давай представим себе что у меня все стили у меня есть бы папка например на проекте не все стили у меня собраны в один файл я его подключил и мне все равно может быть такая штука у меня загружается страница все некрасиво потом две секунды бат все красиво а мы стиле как подключаем типа прям через линк или мы которым через звук
00:20:06 - 00:21:29
в стилях есть картинки все ровно потому что ну бывает такой момент когда верстка скачет потому что в стилях есть картинки но им не прописаны высота и ширина из-за этого все вот тут так а потом когда уже картинки про грузили встали на свои места верстка стала адекватной смотри давай хорошо я это хорошо что знаешь про нужно задавать размеры картинок смотри по поводу flash anstalt контента есть он называется flash anstalt контент у тебя не стилизованный контент то есть сама как бы сама проблема заключается в том
00:20:58 - 00:22:25
что у тебя вначале загружаются html и в принципе по умолчанию браузеров отличия java скриптовых каких-то вставок которые у нас идут без бисера и осинка он браузер не ждет когда загрузится весь css-файл у тебя bangle например мы взяли склеили вот все все все стили в один большой файл и он достаточно тяжелый у нас может там внутри есть картинки как ты сказала и он долго грузится и поэтому тебя в начале отобразится голый html как есть тебя отобразится контент все картинки которые ты ставила в html прям вдруг они
00:21:43 - 00:22:59
уже загрузились там будет текст и так далее ссылки но из-за того что у тебя нету стиле это все выглядит некрасиво потом стиле загружаются браузер сделал наш наш процесс с ларри кингом payne там и прочее и он бац отображает нам все красивым поэтому у нас в начале моргнул не стилизованный контент потом бац у нас все красиво если идея как такое можно было бы почти нить [музыка] использовать прелоадер и какие-то пока страницы не отобразится красиво ну пока весь контент не будет загружен идея правильная просто у тебя как бы мы
00:22:24 - 00:23:49
шли не java скрипта мы это все делаем но думаешь правильном направлении ok еще идеи есть [музыка] может быть есть какая-то функциональность которая позволяет не отображать html-страницу вообще пока полностью все они все все внутренние файлы не прогрузятся включая стиле и javascript и прочее ты такое может сделать сама с помощью css а смотри есть принципе есть воды нет тебе не нужен java script для этого есть две основные техники которые делается первая техника это действительно скрыть весь контент
00:23:13 - 00:24:38
изначально то есть ты можешь написать же как бы повесить обычный стиль или когда это делают за джалла скриптом это тоже опять же вешают какой-то классный на body которые просто делать дисплейном всему а когда все загружается обычно это делают действительно с java script он тогда еще и джесс подгрузится у тебя весь джез водит необходимые данные и после этого он убирает с бадди этот дисплей нан и у тебя уже все загруженные д сссс и так далее это один из вариантов второй вариант это подгружать самый важный css и
00:24:00 - 00:25:29
вставлять его как бы прям онлайном внутрь html то есть ты можешь написать так style и написать туда прямо стилей не загружать каким-то внешним файлом если ты сделаешь так то у тебя как бы для того чтобы дойти до боли браузер должен будет загрузить кусок этого штемпеля вот и обычно делаю так что вот первый экран который обычно виден пользователям например там хедер менюшка вот эти стили можно поместить внутрь как раз html а все остальные стили которые идут они уже будут лежать там например в бандле
00:24:45 - 00:26:01
называется critical css то есть это действительно критически важный который ты вставляешь но перед ним или и при загрузке страницы у тебя оно отобразится первый экран отобразится всегда красиво у тебя не будет вот этого флэша некрасивого без стилей а потом когда загрузится bangle пользователь уже скроле 2 секунды точно ничего посидит что называется на первое на первом скроле и потом все будет у нее хорошо окей хорошо это на самом деле старых старый вопрос еще со времен яндекса я думаю ты знаешь у яндекса есть поисковая
00:25:23 - 00:26:46
стрелка и точка тебя есть с левой стороны у тебя идет поле а с правой стороны они рисуют бы у тебя фон желтый оранжевый и справой стороны у тебя есть треугольничек потому что он выглядит как стрелка вопрос на дворе 2021 год как бы ты сверстал а вот этот вот правый треугольничек как бы ты сделала его представим себе что там нас не знаю однородный фон без всяких градиентов к примеру вот через границы через border то есть у меня так по моему верхние будет прозрачная левая или правая у нее будет задано
00:26:04 - 00:27:46
размер по-моему это как-то через borders делалось то есть какая-то с какая-то сторона блока задавалась граница прозрачная одна или две другие задавались уже с конкретным значением цвета и с конкретной высотой шириной в зависимости конкретно высотой и в зависимости от этой высоты нас выстраивался угол окей да действительно так можно а еще варианты не смогу нарисовать тоже вариант еще варианты у него очень много вариантов у этой задачи решен сейчас еще подумаю можно вырезать какие долго думаю не знаю
00:26:56 - 00:28:29
сейчас не предположу но вот из двух известных мне этого через границы или svg некий хорошо я просто специально намекнул что 21 год у нас там translate есть rotate нет на самом деле есть есть еще очень много вариантов как это реализовать но я думаю что я совсем забыла про то что можно же нарисовать маленький кусочек а повернуть его хорошо здесь я думаю по верстке хватит давай перейдем больше к джессу то же с чего-то попроще начнем расскажи пожалуйста в чем разница между двумя равно и тремя равно
00:27:51 - 00:29:21
это сравнение на типы то есть 2 равно у нас игнорирует step то есть 0 и фолз у него будет одинаковый он вынес true а если мы ставим 3 равно у нас идет сравнение на тип дополнительно то есть только один и число 1 он выдаст falls если можно сравнивать окей хорошо то есть тут тут наоборот наш как бы 3 равно это полное сравнение действительно одного другому а-два равно это сравнение с когда и джон скрипт включает свою магию с приведением типов ok смотри еще один вопрос если ты хочешь повесить нам какую-то кнопку например обработчик
00:28:42 - 00:30:27
клика да то есть ты добавляешь это винт леснар в ходе а каким образом я могу удалить обработчик события я больше не хочу чтобы кликая на кнопку меня отрабатывал этот обработчик я знаю сейчас я попытаюсь вспомнить как это называется он так и называется ремус and lies in our но ему нужно передать абсолютно ту же функцию которая до этого вызывалась да все верно хорошо да действительно у нас есть раму в английском и ты должна передать хендлер именно тот который вешался изначально и танкиста вот смотри у
00:29:37 - 00:31:00
нас есть две функции если разница в том как они отработают и в чем именно эта разница консоль лог мы игнорируем да сейчас да то есть мы мы сейчас говорим про вот эти вот функции есть разница что у функции foo один из его это разные контексты у бара то есть возвращается два различных объекта и они будут между собой не равны если давай так если я запущу ev1 что у меня будет возвращено объект у которого ключи пара значений х а если я запущу фу 2 что будет возвращено тоже объект но нет подождите возможно даже не сработает потому что
00:30:23 - 00:32:01
рядом с ветераном ничего нет и наверное java script это воспримет как просто выход из функции а то что ниже он проигнорирует а еще будет из функций возвращено в этом случае если ты просто пишешь или керну что возвращается ничего не возвращается ну что то что то таки возвращается на нет да ты права тут потому что очень важный момент действительно с как бы если ты хочешь вернуть объект у тебя скобочка это должна начаться вид ну на этой же статье что и re-therm это бывает как это бывает с этим иногда баги когда
00:31:27 - 00:32:56
ты я же вроде все возвращаю почему она не работает почему он define окей хорошо ну если как бы на этой строке ничего нет возвращается из функций анды файл и эффект будет такой же если с функцией ты ничего не возвращаешь у тебя нету рикер на по умолчанию функция всегда что-то должно возвращать и она возвращает по умолчанию define окей хорошо расскажи пожалуйста [музыка] что в этом случае водится у нас в консоль у нас выведется хэллоу скорее всего а почему потому что у нас когда мы копируем объект вот через вот
00:32:19 - 00:33:49
этот вот вот эту нас да у нас создается ссылка на [музыка] сейчас сказала неправильным потому что сейчас начала объяснять и понимаешь что сказала неправильно у нас при копировании объекта создается ссылка на объект и когда мы меняем когда мы меняем одно значение у нас второе не меняется потому что ссылки разные сейчас сказал сама не понимаю сказала да еще раз что будет выведена когда мы с окантовочный что что у нас консоли за контактными нас выведется бай бай у нас выведется buy потому что при копировании объекта мы создаем мы
00:33:10 - 00:35:02
копируем как бы ссылку на другой объект в памяти и изменяя его мы изменяем по ссылке и второй объект тоже может получать эти же значения кажется так хорошо скажи пожалуйста если я вот мы взяли в second- объект скопировали ссылку на объект на все сто плиты если я first обжиг ты сейчас присвоено значение 2 секан топ знаем чему будет равен он все так же останется объектом окей он также останется объектом теперь внимательно посмотри что происходит в четвертой строке что что здесь происходит [музыка]
00:34:24 - 00:35:53
создается новое поле нет на какой объект какой объект новый новый новый объект ждёт новый объект и я присваиваю first объекту новый объект так также на я присваивала бы здесь 2 музыкант объектом хэллоу тогда да хэллоу все верно то есть это и не знаю может быть насмотрелась много задач каких-то там часто делают как раз в обратную сторону то есть там просто делают всё стопчешь . name равен да давай там или b вот здесь мы создаем ухну мы присваиваем чё стоишь новый объект который меняет усович поменял теперь свою ссылку a
00:35:24 - 00:37:26
second об никак не менял свою ссылку он до сих пор смотрит на этот объект поэтому действительно будет хеллоу окей так давай посмотрим дальше невнимательность моя давай тогда немножко попишешь код сейчас не знаю что у нас на канале было эта задача но она у нас была в более сложные вариации попробуй теперь и решить в более простой вариации и так у нас есть два массива 6 секунд у нас есть 1 2 3 4 3 4 5 6 а тебе необходимо написать функцию interception которая вернет в нашем случае 34 представим себе что нам не
00:36:35 - 00:38:03
нужно беспокоиться о повторах у нас повторов внутри массива нету у меня не может быть 22 да здесь и и так далее здесь не может быть 55 то есть у нас между ними может быть пересечении но внутри каждого массива у меня уникальные числа идут необходимо написать функцию interception которая вернет мне пересечении этого массива с этим ну в нашем случае тут три четыре вот есть хорошо я че сказать не смотрела еще такую задачку у вас так ну давайте тогда я не знаю у нас есть ограничение по памяти или давай представим себе что у нас здесь
00:37:19 - 00:38:54
очень как это простейшие случаи и нет каких-то ограничений по памяти времени хорошо тогда я массива будут маленькие ага я могу решить двумя способами первый способ это будет двумя циклами что будет в принципе долговато а второй это через объекта и там по моему будет линия и финиш ну давай тогда просто как мне удобнее большой и удобнее мы похожи если циклами это получается мы идем по первому массиву и одновременно идем по второму и сравниваем элементы если элементы между собой одинаковым и их в кладем в
00:38:06 - 00:39:35
какой-нибудь условный 3 массив и потом его в конце вернем ты идешь по первому массиву и для каждого элемента здесь ты продвигаешься по всем второму массиву и ищешь совпадает ли это число с каким-то из этих я правильно понял да и можно там найти вы а через фанерный индексов то есть в первом по первому идти просто циклом его второму типу fine dry index of но все равно это будет очень долго вот а второй вариант это завести объект пройти из по первому массиву и в объект как в качестве ключа из классе значение из
00:38:51 - 00:40:19
массива а в качестве значения класть количество этих переменных у нас я жду тебя уже говорил что у нас не альба здорово да ну тогда можно просто завести там на каждое значение просто единичку проставить вот а потом пройти еще по второму массиву и если у нас у объекта будет ну как через метод хозяин property будет вот это значение с массива секунд то тогда мы это значение будем класть в какой-нибудь 3 массив и в конце его выведем окей хорошо а какая сложностью в этом случае у тебя получится в этом случае
00:39:37 - 00:41:08
будет линия потому что у нас будет только один цикл даже цикла не будет будет только один цикл когда мы по первому пройдемся а по второму с я тоже надо проходить второму да ну там тоже же будет ли не сложность линейные и она у тебя будет n + m ну то есть первым длина 1 длина 2 так печатать мне это все дело теперь то вот даже не знает и все так рассказала давай мы лучше хорошо все рассказала все правильно будет работать давай наверное тогда мы по печатаем лучше на другой более интересные задачки
00:40:27 - 00:41:51
у нас еще впереди давай немножко поговорим ты работала с про мы сами хорошо тогда такой общий вопрос в каких состояниях может пребывать promise не совсем поняла вопрос хорошо смотри у про мясо может быть три состояния на то есть вот как бы если ты попытаешься вывести консоль лог какого-то promise а у него будет три варианта его состояние один из них например field и еще два какие есть from с реджекты мы про это говорим хотя нет rejected но ты сказала ты наверное имела ввиду там у него есть два параметра которые мы
00:41:14 - 00:42:59
передаём да ну да я про имела в виду rejected но еще какой статус у нее есть когда он еще маунти c и не знаю как как русские managing да то есть когда тебя пока он и не зав усилился до и не зарядился обработать в обработке да у тебя как раз брендинг состоянии ok расскажи пожалуйста есть вот такое вот у нас цикл и я в консоль лог вывожу и что будет выведена в консоль но у нас получается от нуля до десяти все это выведется на 9 0 9 включительно просто с определенной задержкой с какой не тут 0 стоит лай миллисекунда
00:42:14 - 00:44:07
то есть без задержки получается задержки да просто подряд fila видится ну к сожалению нет да получается сразу все 10 значений выведется не по одному а сразу все есть нет я так понимаю с иван глупом знакомом вообще что такое в альт клуб и как он работает джерси знакома но плохо понятно окей хорошо тогда настоятельно рекомендую почитать потому что от него очень очень много зависит в принципе и при разработке в том числе дело в том что с и тайм-аут в данном варианте выглядит как какая-либо любой асинхронная функция
00:43:18 - 00:44:54
и так как у нас здесь стоит war снт mode и вот этот вот волшебный и выйдет следующее что когда у тебя запускается цикл for у тебя все с и тайм-аут и ставится в очередь у тебя цикл for добежит но вот если я напишу здесь консоль log and у меня в начале выведется в консоль and а потом только начнут отрабатывать set time out и здесь та же случится случится хитрая штука так как мы используем если мы используем здесь wore the war у нас создается как бы вне нашего for a data и вот у нас суда декларация
00:44:14 - 00:45:53
варп переходит и равно у тебя и вначале 0 потом она дойдет до десяти и только когда у тебя закончиться цикл отработает and и типу и у тебя уже равно 10 у тебя начнут зарабатывать консоль логе 10 раз с этим 10 и таймаутов но это у тебя смотрит постоянно на вот этот вот и и у тебя десять раз выведется 10 следующий мой вопрос был как это починить можно починить вот так потому что у тебя получается скоро будет уже не глобальные а вот такой вот местные и соответственно и будет смотреть замыкания внутрь самок
00:45:02 - 00:46:18
они внутри нашего блока for и поэтому для каждой на каждой итерации у тебя будет свой и это один из вариантов можно вот так сделать сюда передовики mode позволяет это сделать но как бы это это уже магия на уровне септима а то опять же можно сюда и передать и другими способами через забанить и прочее окей окей а можешь лентой молодой проблема с этой мало тебе проблем с этой интервалами на проблему не совсем выбираю как эта вещь работает были такие ситуации что как бы вроде все правильно но с этой матом
00:45:48 - 00:47:16
отрабатывает раньше или позже и в итоге белибер листика получается не было а расскажи пожалуйста давай тогда следующий вопрос с автоматами не буду больше грузить хотя тут как раз была еще одна расскажи пожалуйста в чем разница между get along property names объекта и объект this [музыка] в чем разница этими штуками где тантра про теней мтс наверное возвращает [музыка] даже не так даже наверно он больше ищет а names я вижу нас значение кейс сейчас [музыка] подумаю наверное не в чем он давай тебя в качестве подсказки
00:46:36 - 00:48:33
нарисую вот такую вот штуку у тебя есть массив с тремя элементами a pc и у тебя есть объект объект лайк у которого 012 на есть поля и выключи такие же как и здесь вот разница если я попытаюсь вывести через get all property names и или через объект keys вернет в случае с случае с объектом где-то он про протянем свернет у нас получается 012 объект кейс тоже вернёт 0 12 новых случае с массивом там get он про протянем с по моему вернет значение 0 1 2 а вот объект кейс по моему нет нет смотри дело в том что get up get an
00:47:54 - 00:49:53
property names он возвращает и перечисляемые и не перечисляемые свойства из объекта то есть ты правильно сказала что я не буду возвращать 0 1 2 но в случае с обжиг там у тебя будет просто 012 а случае сараем как раз будет разница так как у арея есть еще не перечисляемые свойство которое называется links длина твоего массива и вот как раз через объект keys у тебя его не будет видно а через год он property names planks ты будешь получать соответственно у тебя будет вывод получим мне ключи пожалуйста для этого
00:49:00 - 00:50:21
объекта 012 этот этот будет выводить а вот сараем получим не пожалуйста через объект в кису тебя будет 012 а через год он property names будет 0 1 2 links ну понятно что как бы на арену и на объекты подряд и кто такой будет делать ну типа основная сама фишка это в том что если ты допустим декларирует до задаешь какие-то свойства и говорит что они у тебя будет не перечисляемые то разница будет потом если ты через key сделаешь то тут только то что и тренируется а через где-то он property names там будет все свойства
00:49:41 - 00:50:53
хорошо отлично хорошо тогда открываем вкладочку html сейчас там вот есть тег скрипт а и у нас есть div сойди об вот внутри div сойди об ты можешь написать свой html а потом переключимся в ds простейшая задача тебе необходимо сделать кнопку обычный батон ставить на страницу и написать так чтобы когда я кликнул на эту кнопку у меня удалилась эта кнопка и создалась на ее месте две новых я будет батон один например текст на 1 а на 2 bottom 2 ибо там три допустим так то что она такая маленькая ничего
00:50:24 - 00:51:58
мы можем не писать тут вот так окей решеток так теперь я возвращаюсь в яндекс так [музыка] нет наверное начну с дива он же у нас от назывался да на шо он найдем кнопку сейчас столько кнопки мы тоже какой-нибудь класс пропишем [музыка] так пока я во вторую строчку название переменной под профиту 1 кей [музыка] значит что хотим сделать мы хотим удалить на кнопочку и добавить видно на ее вместо две новые хорошо [музыка] по-моему это делаешь вот так так и [музыка] две новые до кнопки все произошло не ночью произошло
00:51:32 - 00:54:02
я их по-разному назовут чтобы видно было окей так что там [музыка] так вот ты чураешься все и можно я скопирую эту строчку и сделаю еще одну такую же только с батон 3-ки и только сейчас сам не чик-чик hummer ай да клик клик finder только сейчас секундочку наверное я хочу сделать стрелочные функцию расскажешь почему ты хочешь сделать стрелочные функцию [музыка] аму что сейчас потому что состоялась устричных функций в данном случае удобнее будет удалять их через риму fuente сына то есть у нас получается мы
00:54:11 - 00:56:22
будем если мы захотим удалить наш ивент listener со встречным функции по моему так проще будет удобнее на и брюсова как сама функция callback мы здесь просто экземпляр вызываем и сама функция вызывать надо так ладно мы сейчас перейдем к этому хорошо давай давай проверим что у нас все работает мы сейчас поговорим немножко про брата все ну вот не уверена что это работает ты можешь запустить там вот справа у тебя есть браузер там видно да у тебя файл picked up in child of но вот параметр 1 is not of type ноут
00:56:11 - 00:57:45
так сейчас что венчают матюкаться у меня последнее что у меня есть это на expected talkin' в яндекс через я почему-то не вижу этого смотри то есть ты сейчас делаешь open child но и vpn chile пытаешься передавать строку до pm child просит в качестве аргумента ноду они что ну как бы они строку все на он ожидает что ему передашь элемент ушки больны да тогда возможно может лучше не через а punch-out через и навестим и [музыка] хотя через а punch-out можно шел как мне тогда передать сюда с какие есть варианты
00:57:11 - 00:59:05
какие есть варианты [музыка] как нам надо передать возможно сохранить в строку название тега полностью нашего и сделать из него воду ну так нельзя давайте попробуем через nr xml но я точнее попробуем через энергичным и тогда это будет вот так и чтению [музыка] вот так 2 и 2 это же самое нет 2 перри за трет блин а 1 на 1 добавится а нам надо удалить кнопку данном вот получается 1 и навестим л полностью перизат рот везде в которой был и добавить в него кнопку когда мы второй раз добавим нас только одна кнопка
00:58:23 - 01:00:20
останется а если ты плюс равно напишем зачем ты вот в 6 делаешь плюс ровно добавить в div кнопку чтобы при мучают батон же у нас уже удалить на этот момент вот и у нас я все ему если ты плюс равно на поставить что будет 7 если плюс равно поставлю меня у меня просто там плюс равно нету сейчас надо нету потому что я еще не написала просто добавится новая кнопка там там там все скобочка осталось концернов у тебя сейчас все работает почему потому что я сделал это через энергичным и я не вижу результат работы с правой
01:00:03 - 01:01:37
стороны там есть окно окошко браузера прямо здесь браузер я вижу у меня сейчас только батон один такт кликнуть по нему то надо понятно я думаю что ваши крики мои крики это динамики они все поняла это работает потому что плюс равно и навести мэлани передать ира это просто добавляет новое как бы мы ok хорошо если я первый плюс равно удалю и оставлю только плюс будет работать сам лю только равно загородного если только равно оставить да в принципе можно при этом по моему даже риму в чают нам не нужно будет
01:01:05 - 01:02:41
потому что и не разделял удалит состав окей тогда скажи мне пожалуйста вот up and child вернемся к варианту который у нас был изначальный up and child он хотел чтобы ты ему надо передала таким образом я могу создать ноду в джесси чтобы я мог до передать ну да возможно если у нас есть template шаблон кусочек в котором прописана допустим кнопка то тогда мы ее можем спланировать и у нас как раз будет надо не совсем там есть метод называется крейг элемент с помощью него ты можешь создать элемент ты задаешь ему типа что
01:01:54 - 01:03:32
это будете там например батон потом да там сможем у свойства прописать и так далее можно также через dokken фрагмент такое сделать это есть вариантов на самом деле как как создать это и передать внутрь а панчан много окей хорошо работает и это хорошо давай тогда пойдем дальше мы хотели с тобой обсудить вопрос мы с тобой хотели обсудить вопрос эру фанк шинами с function declaration нами и так далее . вот был клик хендлер и у тебя был вот так вот написанный function clipfinder я напишу синицы чтоб
01:02:46 - 01:04:11
он не мать у koleso а потому что их несколько серого наугад не используемая функция расскажи мне пожалуйста тогда вот как я их по пери называю тогда это будет первый это будет второе это будет 3 в чем разница между тремя вот этими вот хендлера мысли внутри у них у всех одинаковые будет вот такой вот код даже без вот этого мы договорились что нам риму не понадобится если разница между тремя этими хендера мир с точки зрения функциональности какой-то ну с точки зрения функциональности они в принципе все выполняют один и тот же код
01:03:29 - 01:05:16
единственная разность в том что когда мы кондиционеру передаем функций у нас же создается как бы ее условный экземпляр который был на вид на вешаем на кнопку вот и когда мы захотим удалить этот ивент lysander у нас вот здесь может возникнуть ситуация что разные как разным функция мы обращаемся и он не сможет удалить этот леса на давай тогда сделаем вот как смотри мы сейчас сделаем хитрому сделаем консоль logo это будет хендлер 1 [музыка] будет хендлер 2 это будет энглер 3-я навешиваю на нашу кнопку все три
01:04:28 - 01:06:12
хендлера [музыка] 23 так нам теперь батон и сейчас там есть батон есть нажимая на батон и у тебя есть все три хендлера мы повесили все три хендлера давай теперь вот в конце на 20 строчки напиши пожалуйста удаления хендлера например 2 допустим ну по идее это будет будет сделано вот так кликах nr2 он должен его удалить но и о пище той что он не удалится вот во втором случае удалиться потому что у нас хорошо давай тогда сделаем вот так в тени сделаем [музыка] 1 2 и 3 вот смотри мы повесили с тобой
01:05:31 - 01:07:16
вент леснар и и сразу а потом вот тут yandex консоль лоб и нет на то есть мы выведем инициализацию и теперь если я кликну на батон по идее у меня не должно быть ничего так как мы все взрывали и ванте store ты говоришь что в каком-то случае не удалится что выведется в консоль выведется хендлер 1 2 или 3 конкрет конкретно какой выведется мари у нас до этого вводились все три да да сейчас мы удалили все три и теперь не факт что все три выведутся потому что какой-то удалиться а какой нет удалиться знаешь какой я
01:06:46 - 01:08:25
хочу сказать что удалиться тот который записан через константы а просто function он не удалить то есть первый не удалится то есть у нас должен хендлер один сейчас показаться в брак в консольки правильно это прийти это нажимаем и ничего нету разницы нету то есть у тебя что так ты передаешь обычную функцию что так ты передаешь тела функции суда ну как бы в клик хендлеры ты передашь одну и ту же функцию разницы что в этом случае что в этом абсолютно никакой нету едем дальше раз мы разобрали что разницы
01:07:35 - 01:08:51
между function им и вот давай так даже вот этот фанк сам declaration мы с тобой откинем ты наоборот сетовала на то что надо делать его function а разница между вот этими по твоему как бы мнению она есть какая-то вот если я напишу через константу но вот обычный фанкшн или ирфан кхан есть какая-то разница между ними стрелочная функция это у нас тоже не функция которая выше написано это у нас фанк sin x пришли на получается mr2 это function expression да окей хорошо [музыка] внимание вопрос есть ли разница когда у тебя фанкшн
01:08:14 - 01:09:52
expression или когда у тебя function не так и так и так это у тебя function expression вот эти вот globo для навешивания event list or off в чем разница почему лучше использовать например эрл function чем обычный function возможно дело в контексте стрелочные функции возложены сейчас надо сформулировать стрелочным моментами так спешно функция у нас имеет свой контекст и если у нас клику будет передано стержня функция которая внутри себя имеет какой-то контекста через с то она его не потеряет в отличие от функция
01:09:13 - 01:10:46
которая может быть [музыка] задекларирована через ключевое слово фанкшн все верно собственно говоря что в этом что в этом случае у тебя вы из будет смотреть на винду и для того чтобы не терять этот контекст тебе необходимо допустим там использовать какой-нибудь байт или какими-то другими олдскульными методиками работать ну можно написать or function который не имеет бы своего отдельного контекста вызова так как асинхронный вызов у нас клики это все синхронный выезжаешь этой функции у нас не потеряется контекст и он будет все
01:10:12 - 01:11:39
тот же и здесь будет смотреть куда тебе необходимо в супер разобрались разобрались тем что разницы нету при подключении хендлеров это все одинаково и также разобрали что у нас разница основная почему обычно используют ирфан кхан и именно в том что если бы у нас здесь был какой-то зыс то тогда да разница есть да ну а кстати хороший вопрос если у меня здесь есть здесь я кликаю на кнопку на что будет смотреть этот дэс на функцию внутри себя вопрос то есть если я сейчас напишу консоль like this вот так во всех трех
01:10:55 - 01:12:48
удалю арбуз наши чему будут равны эти три леса что будет выведена в консоль в первом случае и во втором возможно выведется ondemand а во втором за видится windows оху в третьем скорее всего вы видите винду нет к сожалению смотри у тебя так уж он нам он нам по выводил куча всего love да смотри у тебя в данном варианте когда мы кликаем на зыс обработчик события у тебя будет смотреть на кнопку на которой ты кликаешь вот а в этом случае у нас из так как эта функция не имеет своего то есть если бы если бы это например было у меня в
01:11:53 - 01:13:40
объекте как мне да то есть не знаем я создаю объект а это метод внутри этого объекта то это ты смог бы смотреть на этот объект ну в нашем случае со стрелочной функция ну что эта функция не имеет своего контекста и она смотрит на тот контекст которому ты сейчас у нас все лежит [музыка] так вопрос тогда следующее немножко поговорим простите пии скажи пожалуйста чем отличается пут и post запросы так пост это у нас добавление нового абсолютно нового под это у нас изменения уже существующего окей хорошо правильно
01:12:52 - 01:14:32
скажи пожалуйста может быть ты знаешь в чем главное отличие пута от поста ну даже вот будет разница если я десять раз выполню один и тот же путь и 10 раз выполню один и тот же пост будет разница когда вы выполнить один и тот же пост у вас создастся 10 одинаковых объектов пока вы не выполните 10 раз пол фут у вас возможно один и тот же вес 10 нас обновиться на все верно то есть у тебя не меняется если ты десять раз делаешь put у тебя объект такой останется через десять раз с постом действительно у тебя
01:13:45 - 01:15:18
10 обжиг то создастся новых хорошо хорошо для чего нужен так и чулок джейсон п качок джейсон это у нас зависимости которые должны быть установлены в случае если как как какой-то версии не хватает то есть она там нам мало мощь не на маломощных а в общем не поддерживают новые версии и тогда нужно использовать только те старые которые прописаны в каталоге то есть пункт итак пришло к ли джейсон используется для того чтобы записывать решенные конфликты версии это правильно вот какой benefit для project а вот почему
01:14:32 - 01:16:30
например если я работаю в команде с кем-то хорошо было бы комитета джейсон прямо себе в репозитории jyj необязательный файл тпк джейсон этот файл нужен потому что именно из него ставится у тебя там зависимости понимает mpm какие именно тебе необходимые пакеты вот так и зло джейсон он создается при инсталляции и не его не обязательно комитет а почему вот многие комитет для чего это делают наверное это связано с тем что у разных получается программистов которые занимаются над одним и тем же проектом у
01:15:37 - 01:16:57
них могут стоять разные версии каких-то пакетов а пока чулок он записывает какую нужно использовать для того чтобы проект не упал по моему как то так ну почти то есть он очень близко а мысль правильные то есть на самом деле у разных программистов могут быть разные версии одного и того же пакета который вынес тонируйте как dependency просто потому что например сейчас очень часто пишется не конкретная версия пакета а например там я готов любую минорную версию поставить которая есть и может быть ситуация что у тебя например
01:16:18 - 01:17:52
минорная версия 2 а у другого коллеги они уже минорная версия 5 она продакшене у вас минорной версии 1 и выходит что у вас разные версии пакетов dependency которые вы себе поставили из-за этого у вас могут быть как бы разное поведение вашего проекта для того чтобы точно гарантировать что у вас у всех одинаковая версия как раз и можно комитет по козлов джейсон когда ты будешь инсталлировать он из п козлов джейсона будет смотреть те версии которые необходимо поставить прям конкретные и будет их инсталлировать мне
01:17:06 - 01:18:18
недавно задавали вопрос а зачем тогда вообще нужен такой влог джейсон почему я не могу хардкорно себе прописать версии впк джейсоне без всяких там этих тильды прочих не чтобы не обновляться на более свежие версии там если мне все равно какую минорную версию вот какую поставить такую поставит все дело в том что как бы обновляться в этом случае реально легче то есть если тебе действительно необходимо обновиться то ты можешь поправить свои пакеты всего лишь одной команды и опять же после этого взять и закомитить повезло джейсон
01:17:42 - 01:19:01
опять вы гарантируете что у вас на продакшене у всех разработчиков будет одна и та же версия когда все обновятся вот и вы говорите что вот это вот версия которая закончена она у вас стабильная сборка и с ней можно работать окей как то так теперь таки прогиб пару вопросов и я думаю мы закругляемся расскажи пожалуйста а что такое стейджинг орех гид и джон керри а это получается изменения которые были произведены были закончены но не отправлены не не залиты не запущены не совсем это те изменения которые были
01:18:23 - 01:20:00
произведены и готовый для commit a bad когда ты делаешь гид тыс ну ты кладешь свои файлы в stay джон керри то есть если ты просто изменила файл он тебя не стоит джон керри если ты напишешь git commit у тебя ничего не будет закончена частый джон керри пустой если ты делаешь guide and какого-то конкретного файла ты увидишь что и сделать git status- ты увидишь to guide я показывает стейджинг эре то есть файл файлы которые to be committed он так пишет который планируется камеру и просто типа очень files все остальные
01:19:11 - 01:20:27
которые ты не добавилось то джон керри в отличие это свена старого в котором типа вот если у тебя в папке изменены файлы ты делаешь git commit и он все комитета у тебя изменено здесь у тебя есть гибкость в том что там у тебя 10 файлов изменено а я хочу сделать камедь только с двумя из них то есть ты берешь и добавляешь что и джон керри и только то что ты собираешь к мекке окей тогда еще один вопрос погиб в чем различие гид мертв и гитаре бейс так гитлер шаге 3 bass работала с ними не то чтобы работала я пыталась
01:19:50 - 01:21:07
прочитать документацию понять что что они значит между собой гид ночь у нас получается это что он делает он просто берет и заливает все изменения в в одну ветку а гитри bass если я не ошибаюсь и прежде чем залить изменения он позволяет посмотреть какие строки между собой конфликтные и выбрать какое какой из комментов необходимо замерзнуть как на там не совсем так я понял про что ты говоришь смотри гепнер шаге 3 bass отличаются тем как как бы то есть если ты хочешь свою печаль и даже мастера ты говорила про
01:20:30 - 01:22:10
интерактивный ли бейс в котором можно выбрать какие комменты ты хочешь там менять там не про конфликт и какие ты хочешь со ск лошадь и так далее это интерактивный либо из обычный ли бейс и обычный меньше это про то как ты выливаешь какую-то ветку в какую-то другую ветку допустим мы двигались по одной я извиняюсь перебила и у нас сверху есть еще одна метка какая-нибудь и у нас изменения пошли по этой ветке а в ветке выше у нас получается изменений не осталось и нам нужно сделать так чтобы ветки выше у нас продолжалась работа но
01:21:21 - 01:22:43
при этом изменение из ветки ниже туда тоже попали поэтому делается гитаре бейс и получается и здесь работа продолжается уже с новыми готовыми изменениям и здесь нету тех которые произошли там но не за комичной то есть то что может поломаться на наш проект ветки выше вниз мне попадет от туда попадет и мер шире бейс позволяют тебе под обновить твою фича ветку например от мастера этот этот позволяет просто не делает это как-бы раб по-разному мерз у тебя подклеивать все изменения которые получились мастере после того как ты
01:22:01 - 01:23:23
отпочковался в ветку и делает это дополнительным кометам в твоей фича метки ари bass как бы смещает создание твоей фичи ветки самый-самый конец твоего мастера и такое ощущение что ты например там его создал эту ветку сегодня на поэтому у тебя все изменения которые существуют мастере они тоже у тебя есть очень хорошо принципе здесь все и последний вопрос на сегодня расскажи пожалуйста а вот помимо обучение мне интересно у тебя есть какие-то проекты которые ты делала которыми занималась на которых училась
01:22:43 - 01:24:02
разрабатывать да я ну когда был было верстка я просто какие-то страничке пыталась у себя повторять сверстать их потом когда у меня начался react такой более глубокий я поняла что я бы не совсем понимаю я начинаю свой проект делать что-то типа туду листа но это так я назвала его как список покупок вот примерно то же самое что и туда лезть но с таким чуть чуть более расширенным функционалом ну и пыталась провести работу с api попросил ребят написали backend чтобы у меня хотя бы там не знаю хотя бы
01:23:25 - 01:24:52
какая-нибудь одна модель кобыла чтобы я побольше разобралась как и работает как внешними данными долина как как делать api запросы как проверяете что мне приходит там через там пост моделей через венцом не ну и диплом у меня был это в приложение которое что-то вроде [музыка] как сказать как его выразить будет онлайн онлайн школа что-то в этом роде то есть вот лёнинген систем да то есть там можно уроки создавать и так далее да наверное полем окей гуру очень интересно мы на следующей неделе планируем новый новое
01:24:08 - 01:25:54
видео выложить короче мы в ближайшее время планируем выложить видео как раз про идеи для проектов интересно было послушать что у тебя на самом деле классный классный деятеля под проектов ok супер принципе у меня все по вопросам на сегодня я очень тебя благодарю что ты прошла это собеседование на самом деле я тебе хочу сказать что общее мой фидбэк достаточно положительно я понимаю что ты не так давно начала вообще все все это учить в плане верстки и так далее плане верстки джесса не прочего я вижу
01:25:01 - 01:26:25
достаточно много областей в которых тебе необходимо будет подтянуть знания но также вижу и много областей в которых у тебя достаточно как бы глубокие знания есть и я вижу что у тебя есть опыт с этим вот давай сейчас пройдемся по тем моментом которые тебе задавал сейчас сейчас начать начали мы с тобой свертки начали с разницей между че лекторами классов тут вроде в общем все ок конечно сомневалась вернее я задал так вопрос чтобы ты засомневалась и ты засомневалась это больше вопрос уже уверенности и знает четкого понимания
01:25:48 - 01:27:16
между как бы с селектора мида я думаю мы там разобрались там вопросов уже больше у тебя возникать не будет по поводу позиционирования тоже принципе все правильно рассказала единственный момент был по поводу абсолютного позиционирования с ним мы тоже все обсудили я думаю там не не будет никаких моментов поговорили про флэша фон стоят контент я понимаю что ты с таким не сталкивалась и не работала и так далее но мне понравилось что ты как бы пыталась сама додуматься как как это реализовать и принципе идеи были тоже правильнее
01:26:31 - 01:27:48
вопрос с медиа это больше такой как бы advance я не ожидаю что начинающий разработчик сразу знает как с этим всем работать это просто скажем так с моей точки зрения это вопросы были такие посмотреть так а здесь как в глубину а здесь глубина но а ты себя понимаешь а ты себе понимаю что и как бы зоны для роста есть вот так что здесь все об не страшно вот момент по поводу разницы между layout paint и так далее тут рекомендую может быть там через пол годика сейчас я думаю тебе есть чем на работе заняться но я тебя рекомендую все таки
01:27:13 - 01:28:37
почитать эти темы более внимательно потому что понимание того как браузер рендерит все как он работает внутри она очень-очень впоследствии помогает делать интерфейс и правильно так чтобы они не тормозили так как чтоб они быстро рисовались и красивая и все было прекрасно вот окей с версткой здесь у нас было все теперь по поводу джесса что у нас же сам разница между операторами сравнения все прекрасно по поводу promise of помнишь ну как бы название это не так не так страшно но главное понимание вообще
01:27:55 - 01:29:29
самого принципы что promise действительно бывает как бы состоянии ожидания или реджекты так что тут все супер так по поводу set time out of и асинхронная работы кода здесь необходимо явно почитать про even клуб это очень важная тема она тебя понадобится что накла инсайде чтоб с модой будешь работать там тоже если он клуб он немножко свой но принцип абсолютно идентичны вот и как раз вот set time out один из способов показать как как это все работает поэтому здесь обязательно посмотри ещё рекомендую сразу на будущее почитать
01:28:42 - 01:30:08
про микро тоски и макро тоски там есть небольшая разница между тем как отрабатывает допустим и когда с от работает с и тайм-аут или например отработают promise и это был один из вопросов которые хотел задать ну не стал ok в чем разница между get an property names и объект this в целом достаточно не супер прям частый кейс но иногда бывает объект из используешь думаю что блин где дешево и свойства а у тебя там какое-то свойство была создана как неисчисляемое поэтому она не попадает тебе вот поэтому тут и
01:29:28 - 01:30:50
так такие моменты это больше просто знаешь как лучше как-то один раз запомнить большинстве используя black keys но если мне надо я использую get он property не так по поводу создания кнопки которая удаляет при нажатии на нее все отлично создала выкрутилась ситуации то есть ты помнишь пропан child как создать элемент выкрутилась и ситуации через и на html это гуд хорошо пообщались про event леснар и прорывов кстати иван тристар тоже классно ты помнишь как это сделать вижу что немножко запуталась с
01:30:09 - 01:31:33
функциями fontaine то coloration function expression все вот это вот вместе помнишь что надо использовать эру function но не совсем помнишь почему ну вернее помнишь ты помнишь что там контекст но как бы правильный который нам обычно нужен чтобы не делать бант но опять же здесь же все запуталось в том что будет это там remove работать или не будет разобрались надеюсь здесь все будет ок дальше по поводу двух функций пунктов fancy function of с рекордным молодец что заметила по поводу скобочки на другой строчки
01:30:52 - 01:32:19
бывает случается и такое можно что же такое почему хорошо сейчас орешки все подсвечивают такой кейс вот но по поводу ритер на то есть то что функция всегда и тёрни танди фонтана не может ничего не returned to do an die fan ты тоже тоже как бы свое свое ничего так мило да по поводу вывода в консоль там все стоп лексикон топчик ты так далее запуталась потому что наверное видела такие похожие задачи где переопределяют name на у нас было переопределение целого объекта нужно здесь нужно внимательно смотреть как это все
01:31:35 - 01:32:57
происходит просто чуть больше внимательность я думаю в остальном все ок ok задача с interception а мне очень порадовало предложила два варианта рассказала про сложности которые получится оба варианта как это сказать съедобный году оба варианта og в плане самих идей то есть что первое что 2 когда-то может понадобиться и 1 сыном сложностью вот поэтому нельзя очень понравилось очень быстро пришла к решению и рассказал как чтобы и сделаны вот да я согласен что у нас достаточно много всего в этот промежуток времени
01:32:16 - 01:33:49
было и как бы на начинающие позиции там дают обычно по меньше всего и побольше времени из этого получается здесь у нас будет чуть более сжатые сроки иногда бываешь и там две три задачи дадутся все собеседование и все вот у нас здесь было много все разнообразного ну зато мы попробовали различные различные области и того же с ее верстки и так далее мне кажется что это было очень полезно нижние да отлично ok и по поводу guide я вижу что ты с ним работала что-то уже знаешь и как бы тут какие-то моменты которые же
01:33:06 - 01:34:27
нам нужно просто там больше практики именно с этими моментами тогда она не будет возникать никаких вопросов кстати по мер шире bass у нас есть видео на канале можешь посмотреть про интерактивный либо из тоже гуд в принципе все еще хочу сказать что мне достаточно по литерный фидбэк по первой части да то есть по при скрину я как бы услышал бы такой приз квин и я явно бы пропустил дальше на техническое собеседование из тех позитивных сигналов значит хитрый момент заключается в том что когда ты вот при
01:33:46 - 01:35:02
скрин или например даже те же задачи когда мы решаем это не значит что я там вот правильно ответил человек или неправильно нет во время всего собеседования я стараюсь собирать различного рода сигналы даже на неправильно решенной задачи я могу получить правильные как позитивные сигналы того как человека что делает вот принципе такое было и здесь как бы когда мы решали задачки по поводу при скрина хотел сказать что вот из позитивных сигналов которые я услышал это то что ты достаточно противно да то есть ты не
01:34:26 - 01:35:32
стала сидеть ждать так я вода учусь до конца курса и только тогда пойду искать работу на раз-два ты пошла сама поэтому как бы не практику которую ты искала ты сама пошла искать эту практику да то есть это тоже для меня какой-то такой позитивный сигнал пар активности и в принципе активности человека вот поэтому все эти моменты мне очень понравились и я думаю что у тебя все получиться с карьерой будет все супер вот главное главное оставляет такой позитивный настрой и дальше благодарю тебя за собеседование было
01:35:00 - 01:36:14
реально очень классно ребята кстати рекомендую ильнура оказывается есть свой youtube канал небольшой и те кто хотел узнать отзывы про яндекс практикум я видел что у меня есть на канале видео с отзывом про яндекс вариант вы можете посмотреть на я еще сам не смотрел но но видел что он есть так что тоже посмотрю благодарить либо очень было реально полезно мне кажется и нашим зрителям тоже будет очень полезно посмотреть вообще как проходит реальные собеседование может есть чего сказать сказать только одно вопросы большое
01:35:40 - 01:37:03
спасибо я прям ну я в принципе подозревалась что у меня не очень хорошая практика и не очень хорошим баграм но я как бы стараясь каждый каждый раз все это как бы это неправильно говорить что не очень хорошая практика не очень хорошо бы ground у тебя наоборот как бы я вижу что у тебя есть очень хорошая практика очень хороший обыграл то что вопросы которые я задавал были некоторые ну то есть я же не так за задал вопрос нам типа сделай кнопку да вот ты сделала кнопку и все как мы на этом остановились
01:36:21 - 01:37:24
как бы все молодец нет я дальше копаю до того момента когда я понимаю все там уже как бы там уже зона роста поэтому она была практически везде так это что ты бы думает что он много на чего не ответила это не значит что с точки зрения работодателя это будет как бы он все все очень плохо нет ну как бы работодатель понимает так здесь человек знает здесь он тоже знает о вот там он уже не знает ну как бы не страшно это начинающего позиция это мы можем получить но человек понимает во всех как бы в разных областях если такое широкое
01:36:53 - 01:38:03
собеседование он помимо понимаю во всех областях до какой глубины уже есть знание а где необходимо еще будет подтягивать поэтому я думаю что хорошо справилась и и очень тебя благодарю спасибо вообще я не ожидал что этом попаду я думал вас там огромный lacetti огромная очередь очень я серьезно говорю нас очень огромная очередь большая очередь желающих я на самом деле еще очень внимательно смотрю на то если люди описывают да то есть как бы у нас на месте отдельная секция с комментариями ты там очень подробно
01:37:28 - 01:38:43
ответила я вижу что ты очень хочешь проактивность прямо там видно вот или именно поэтому выбраться на тебя потому что грубо говоря все мое обучение честно началось с того что я вот пришла к вам на канал и такая ого вот это хорошо подтянуть свои алгоритмы согласно класс стоит он супер очень круто да я благодарю тебя очень желаю реально тебе всяческих успехов в твоей карьере и я думаю у тебя все получится я очень рада спасибо вам большое еще раз на все успехов благодарю тебя спасибо огромное вот такой вот собеседование у нас
01:38:05 - 01:39:30
получилось эльнура большая молодец друзья поддержите и пожалуйста своими лайками и напишите что-то хорошее в комментариях желаю ей больших успехов во фран тенге и быстрого карьерного роста еще раз напоминаю что ильнур и есть свой youtube канал и если у вас есть какие-либо вопросы к ней возможно вопросы потому как проходит обучение на яндекс практиками я думаю вы можете задать их внизу в комментариях под ее видео друзья если видео вам было полезно то ставьте лайк поделитесь обязательно этим видео с друзьями если вы еще не
01:38:49 - 01:39:44
подписаны на канал то обязательно кликните подписаться и не забудьте нажать на колокольчик если вы хотели бы сами поучаствовать в такого рода собеседования то вы можете заполнить форму ссылочку на который я оставлю внизу в описании на сегодня всё до новых встреч пока если у вас есть еще время переходите на этот плейлист и смотрите другие собеседования на нашем канале
01:39:17 - 01:40:02