На все ответил кроме Редакса. Огонь. По твоим видео много чего выучил. Продолжай рассказывать простым языком . Не реально круто и главное понятно. PS делай свои курсы )я 100% запишусь!!!
Работодатель, если ты видишь мой комментарий, то можешь брать меня на работу. Я посмотрел ролик и теперь знаю много чего, ну уж на такие вопросы точно отвечу. Поторопись, а то пройду собеседование к кому-то другому)))
Да, тоже заметил - неточность и в произношении, и в написании. Propagation - распространение, а pagination - разбивка на страницы. А вообще, я часто замечаю подобные штуки и у других видео-блогеров, которые вещают на тему веб-разработки. Самое главное, что нужно понять - все мы люди и можем часто ошибаться в написании или произношении, но это абсолютно ничего не говорит об уровне владения темой. Например, одни говорят "питон", а другие "пайтон", но это, как правило не дает никаких ощутимых преимуществ ни тем, ни другим. Все прекрасно понимают о чем идет речь.
Уже второй раз вижу PropaGINAtion на разных каналах. Первый раз посмеялся - понятно, что человек оговорился, а когда еще и тут увидел - решил: "Зря, видимо, смеялся. Это я, наверно неправильно выучил!"... Стыдливо опустив взгляд, пошел гуглить....
Отличное видео. Спасибо! Пару оговорок в блоке про ксс. У дисплей еще очень много вариантов, кроме тех, которые перечислены. Postion relative - у него основное назначение не это, которое вы сказали. Свойство отвечающее за перенос - flex-wrap, а no wrap - его значение
Если кому-то нужно: React JS (Ulbi TV) 1. Что делать setState() Метод setState() следит за состоянием компонента. 2. Что такое Virtual DOM? Это когда React копирует настоящий DOM, это и называется Virtual DOM. Это процесс называется согласованием. 3. Как отрисовать массив элементов? Через map. 4. Разница между контролиуемыми и неконтролируемыми компонентами? Элемент контролируется с DOM, а не React - это Uncontrolled Component. Элемент контролируется с React, а не DOM - это Controlled Component. 5. Жизненный цикл компонента и его методы №1 - Initialization (готовит установку начального состояния компонента) №2 - Mounting (компонент готов к монтирования ДОМ-дерево браузера) №3 - Updation (компонент обновляется 2мя способами: отправляя новые свойства и обновляя состояние) №4 - Unmounting (на этом моменте компонент не нужен и удаляется из ДОМ-браузера) 6. Какие основные React Хуки вы знаете и используете? Основные: useState() , useEffect() Дополнительные: useContext() , useReducer() , useMemo() , useCallback() , useRef() и другие 7. Расскажите про useState() Коротко говоря этот хук предназначен для обновления состояния. А точнее, [значение, обновлениеЗначения] 8. Расскажите про useEffect() Для выполнения побочных эффектов, коротко говоря. А точнее - первым параметром принимает функцию - вторым массив зависимости. Если массив зависимости будет пустым, то функция сработает один раз. Если мы дали ему какую-то зависимость, то каждый раз при изменении зависимостей, функция будет вызываться вновь. 9. Как отследить демонтирование функционального компонента? useEffect Часто создает какие-то ресурсы, которые необходимо очистить или сбросить. Вот этот процесс мы можем внутри той же функции сделать return () => clearInterval(interval) например* 10. Что такое State Manager и какой вы используете? Отделяет логику приложения и данные приложения отдельно. 11. Что такое JSX? Это ярлык XML. А точнее, это JavaScript XML формат, где мы можем писать и HTML, и JS код вместе. 12. Что такое props? Это параметр, который мы передаем в компонент. Пропсы доступны только к чтению, и их нельзя изменять. И они предназначены для передачы данных от родительского компонента к дочерним.
Интересно, когда объекты создаешь с помощью функций, {} или конструктора в классе, внутри они все равно одинаково создаются, как с помощью функций, или есть разница?
Спасибо, отличная подборка! Почерпнул кое-что новое. Единственное предложение по правкам: метод остановки распространения события называется e.stopPropagation(), а не e.stopPropagINation(). В коде написано верно, но в плашке снизу и в закадровом тексте - нет. Режет ухо.
18:40 че то не то, наверно забылся. Свойство называется flex-wrap, по умолчанию значение nowrap т.е не переносить элементы, для того чтобы разрешить переносить ставим значение wrap
@@UlbiTV в общем, просмотрел и изучил, из хорошего- по реакту и css не ответил на 3 вопроса, но вот по js осилил меньше половины(зато понял, на что еще необходимо обратить внимание) и... На общие вопросы не ответил на первые про http:))). Сделал себе несколько заметок, в частности, понял, что надо будет попробовать сделать что-то в реакте без стейт-менеджеров, просто для лучшего понимания и однозначно надо работать над js, слишком уж много дыр:( но, если честно результатом все равно доволен, особенно по реакту, думал осилю процентов 30
Таймкоды: 00:00 - Введение 01:00 - вопросы по Javascript 13:30 - вопросы по CSS 19:00 - вопросы по React JS 27:50 - вопросы по VUE JS 32:26 - общие вопросы
Запиши, пожалуйста, видео про JS observers, proxy, декораторы, ну и боевые примеры их использования. Кстати, на собесах мне часто попадались вопросы про этапы загрузки и рендера страницы с глубоким погружением в оптимизацию. BOM, Shadow DOM еще были.
Спасибо за видео, очень полезно, освежил в памяти многие моменты перед собесом, надеюсь поможет. Правда там оговорка и опечатка на 11:21 - stopPro[pagation], а не stopPro[pagination].
Спасибо за видео! Реально классный и ценный материал. Почти все знал, кроме vue, но вот все так рассказать, пока точно не смогу. Есть куда стремиться. Сама тема собеседования и поиска работы очень интересная.
Отличное видео, годно очень, по моему есть один недочет на счет позиционирования sticky, это не fixed позиционирование в рамках одного блока, а гибридное сочетание значений static и fixed. Изначально элемент ведет себя как static но после того как скролл доходит до его границы он становиться fixed и прилипает к указанной позиции top или bottom.
Решил глянуть перед собесом. Уверенности добавилось, так как все это знаю. Но что-то мне подсказывает, на претендуемую мною позицию, этой базы маловато. В любом случае, спасибо!)
Классный видос! пару дополнений: - для работы с асинхронным кодом еще используются асинхронные генераторы и итераторы - computed поля вызываются как обычные свойства, а не функция (аналог гетера и сеттера) - передавать пропсы можно и без v-bind, он просто будут строками
До добавления BigInt и Symbol Для запоминания типов использовал аббревиатуру- Nonusb по первым буквам типов: Null Object Number Undefined String Boolean
Обьявление переменной без ключевого слова есть ошибка в стрикт мод. Нельзя обьявлять переменные без ключевого слова так как она сразу поднимаеться на самый верхний уровень области видимости и при инициализации будут проблемы.
завтра первое собеседование на трейни. ещё курсы не закончил полностью, но много сделанных пет-проектов и огромное желание. надеюсь пройду. главное первый опыт получить. потом надеюсь будет проще .. сейчас попасть в ит трабл. спасибо большое автору видео!!!
На 18:43 у Вас немного некорректный ответ. CSS-свойство, которое отвечает за перенос элементов во флексбоксе на новую строку, называется flex-wrap. А nowrap это дефолтное значение этого свойства, которое этот перенос собственно запрещает. Соответственно, чтобы этот перенос разрешить, нужно задать flex-wrap: wrap;
2:26 "var устаревший" видео 3 года. Покажите ,пожалуйста, где в ECMA спецификации var сделан деприкейтед? или хотя бы в предложениях по изменению спецификации где про то что он устаревший? 9:34 функцию так же можно назначить на объект и тогда при вызове в дот нотации ЗИС будет изменён на родительский объект var fn=function(){console.log(this)} var a={'a':42} a.fn=fn; a.fn();
Чтобы не оказать людям медвежью услугу, прежде, чем давать *информацию* ее *следует проверять* Проверять *на соответствие ее официальной спецификации* а не на помойках типа джаваскрипт ру или мдн. Ниже список грубейших ошибок: 00:01:13 *Null это специальное значение, которое представлет из себя ничего* Глава 4 официальной спецификации: Null это это примитив вэлью обозначающее обьект с нулевой структурой. То есть обьект, значение которого не определено. Не любое значение, а *именно обьект* 00:01:31 *Symbol представляет уникальный идентификатор в объектах* Глава 6 официальной спецификации: символ это _primitive value_ которое всегда уникально, не является строкой, и *может использоваться* в качестве ключа объекта 00:02:05 *Какими способами можно объявить переменную* Никакими. В языке JavaScript нет переменных. В языке JavaScript есть только идентификаторы. Глава 13 официальной спецификации. Первый пример эквивалентен variable statment только в non strict режиме. var обьявляет идентификатор в рамках вариэйбл энвайромент текущего контекста выполнения. let и const обьявляют идентификаторы в рамках лексического окружения текущего контекста исполнения. Вар никогда не был и не будет устаревшим. Это разные части языка служащие разным задачам. Глава 14 официальной спецификации. const определяет неизменяемый идентификатор, то есть ссылку на структуру данных. *Все идентификаторы в javaScript являются ссылками* как это и положено быть идентификаторам. 00:03:00 *В чем разница между Null и undefined* undefined это primitive value на которое указывает идентификатор в случае если к нему не применялось assigment expression. Говоря безграмотным языком, если идентификатор был обьявлен, но не инициализирован. null это primitive value на которое указывает идентификатор, который в будущем станет идентификатором на тип Object. Или был идентификатором на тип Object. Ни в каких иных случаях null использовать нельзя, если вы конечно хотите писать быстрый код. Глава 4.4.5 и 4.4.6 официальной документации. 00:03:31 *очистить значения переменной приравниваем ее к null* Так делать нельзя. По той причине что заявлена Выше. Интерпретатор должен точно знать как работать с идентификатором, для того чтобы генерировать эффективный код. Именно для этого и существует Null который определяет ссылку на обьект с неопределенной структурой. В JavaScript ни в коем случае нельзя менять тип данных на который ссылается идентификатор. Иначе вы будете получать код работающий со скоростью черепахи. Впрочем это правило справедливо практически для всех языков программирования. 00:03:50 *методы массивов* Такие методы как map, filter, reduce являются методами реализующими функциональную парадигму программирования и предназначены только для этого. Их можно использовать вне функциональной парадигмы, но это приведет к неэффективному коду который для Вас генерирует интерпретатор Ignition или оптимизирующий компилятор TurboFan. 00:04:36 *ключевое слово arguments* его нельзя использовать вообще нигде. Это exotic object поведение которого не гарантируется однозначным образом. В следствии чего, код может быть сломан в будущем, уже ломался дважды и как следствие своей экотичности не может быть эффективно оптимизирован. 00:04:33 *у стрелочных функция нет своего this, который берется снаружи* Не у кого в JavaScript нет своего this. Стрелочные функции отличаются от нормальных функций только тем, что идентификатор в принципе не устанавливается. У нормальных функций, идентификатор this устанавливается в значение которое зависит от массы условий, и происходит это только в момент вызова функции. Как следствие, так как this это никакой не контекст, а простой идентификатор то его поведение в стрелочных функциях ровно такое же как у любого идентификатора - происходит поиск по цепочке лексических окружений вплоть до лексического окружения у которого родитель имеет значение null. *ИГОГО* Больше у меня нет времени комментировать этот набор мифов. Очень рекомендую автору, хотбы один раз прочитать настоящую спецификацию языка и не выдавать мифы за реальность. С такими ответами, я бы автора отправил с собеседования снова в школу. Еще раз - читайте официальную спецификацию и не множте невежество.
Мэн, спасибо за твою работу, неоценимая концентрация чистой и лаконичной инфы, которая очень помагает понять что подтянуть, что-то вспомнить или структурировать в голове!)
Спасибо большое!) Как раз искал контент, который поможет повторить основные темы по JS. По реакту не всё ответил, так как учу его только. По общим тоже, так как только слышал о REST API
Срочно нужен психолог, который избавит от привычки читать комменты во время просмотра
Очень годный контент, милион лайков поставил бы еслибы мог, спасибо автору
Огромнейшая благодарность!
так тебе всего лям аков зарегать надо, нашел проблему
лучше ставить нечетное количество лайков)
с языка прям снял :)
Q¹
На все ответил кроме Редакса. Огонь. По твоим видео много чего выучил.
Продолжай рассказывать простым языком . Не реально круто и главное понятно.
PS делай свои курсы )я 100% запишусь!!!
Прям душу греет когда такое читаю) Спасибо огромное, очень рад что вам полезен контент)
Храни тебя господь
18:50 Ошибка насчет свойства flex-wrap: wrap
Угу, ошибся)
Работодатель, если ты видишь мой комментарий, то можешь брать меня на работу. Я посмотрел ролик и теперь знаю много чего, ну уж на такие вопросы точно отвечу. Поторопись, а то пройду собеседование к кому-то другому)))
Шикарный контент, благодарю вас за огромную проделанную работу !!!!
Так приятно, не представляете! Спасибо 💘💘💘
Крут.11:28 Stop propaGAtion не пропагИНейшен.
Ахах, заболтался!) спасибо!
Да, тоже заметил - неточность и в произношении, и в написании. Propagation - распространение, а pagination - разбивка на страницы.
А вообще, я часто замечаю подобные штуки и у других видео-блогеров, которые вещают на тему веб-разработки. Самое главное, что нужно понять - все мы люди и можем часто ошибаться в написании или произношении, но это абсолютно ничего не говорит об уровне владения темой. Например, одни говорят "питон", а другие "пайтон", но это, как правило не дает никаких ощутимых преимуществ ни тем, ни другим. Все прекрасно понимают о чем идет речь.
Когда вырастут просмотры, попробуй записать на udemy свой курс, по js например, думаю многим зайдет)
Спасибо)) Но тут ключевое слово "когда" вырастут))
@@UlbiTV с таким контентом думаю это будет уже скоро, так что начинай уже заготавливать курс)))
Супер! Только e.stopPropagation(), а не propagination
Спасибо!) да, оговорился 😂👍
Уже второй раз вижу PropaGINAtion на разных каналах. Первый раз посмеялся - понятно, что человек оговорился, а когда еще и тут увидел - решил: "Зря, видимо, смеялся. Это я, наверно неправильно выучил!"... Стыдливо опустив взгляд, пошел гуглить....
Хорош) только не stopPropagination, а stopPropagation :)
Спасибо) да да, я уже заметил ахах)
06:15 Тимур, создать объект, кроме указанных способов, можно еще так:
1) Object.create(Object.prototype)
2) new Object()
StopPropagation) не propagination)
Оговорился))
Коммент для поддержки канала)))
Спасибо! Очень благодарен!
Отличное видео. Спасибо!
Пару оговорок в блоке про ксс.
У дисплей еще очень много вариантов, кроме тех, которые перечислены.
Postion relative - у него основное назначение не это, которое вы сказали.
Свойство отвечающее за перенос - flex-wrap, а no wrap - его значение
Насчет значений display, специально там добавил слово "основные") насчет no wrap дааа, косяк, как то механически написал, спасибо за замечания!)
Годный ролик.
Спасибо за классные видео!
Мааааленькое замечание: правильно stopPropagation а не stopPropagination. )
Если кому-то нужно:
React JS
(Ulbi TV)
1. Что делать setState()
Метод setState() следит за состоянием компонента.
2. Что такое Virtual DOM?
Это когда React копирует настоящий DOM, это и называется Virtual DOM. Это процесс называется согласованием.
3. Как отрисовать массив элементов?
Через map.
4. Разница между контролиуемыми и неконтролируемыми компонентами?
Элемент контролируется с DOM, а не React - это Uncontrolled Component.
Элемент контролируется с React, а не DOM - это Controlled Component.
5. Жизненный цикл компонента и его методы
№1 - Initialization (готовит установку начального состояния компонента)
№2 - Mounting (компонент готов к монтирования ДОМ-дерево браузера)
№3 - Updation (компонент обновляется 2мя способами: отправляя новые свойства и обновляя состояние)
№4 - Unmounting (на этом моменте компонент не нужен и удаляется из ДОМ-браузера)
6. Какие основные React Хуки вы знаете и используете?
Основные: useState() , useEffect()
Дополнительные: useContext() , useReducer() , useMemo() , useCallback() , useRef() и другие
7. Расскажите про useState()
Коротко говоря этот хук предназначен для обновления состояния. А точнее, [значение, обновлениеЗначения]
8. Расскажите про useEffect()
Для выполнения побочных эффектов, коротко говоря. А точнее
- первым параметром принимает функцию
- вторым массив зависимости.
Если массив зависимости будет пустым, то функция сработает один раз.
Если мы дали ему какую-то зависимость, то каждый раз при изменении зависимостей, функция будет вызываться вновь.
9. Как отследить демонтирование функционального компонента?
useEffect Часто создает какие-то ресурсы, которые необходимо очистить или сбросить.
Вот этот процесс мы можем внутри той же функции сделать return () => clearInterval(interval) например*
10. Что такое State Manager и какой вы используете?
Отделяет логику приложения и данные приложения отдельно.
11. Что такое JSX?
Это ярлык XML. А точнее, это JavaScript XML формат, где мы можем писать и HTML, и JS код вместе.
12. Что такое props?
Это параметр, который мы передаем в компонент. Пропсы доступны только к чтению, и их нельзя изменять. И они предназначены для передачы данных от родительского компонента к дочерним.
просто лучший, посмотрел перед собесом, получил оффер
небольшое уточнение 23:22 useEffect пришел на замену componentDidMount, componentDidUpdate, и componentWillUnmount.
"stopPropagation" - вот так пишется)
Годный контент )
Интересно, когда объекты создаешь с помощью функций, {} или конструктора в классе, внутри они все равно одинаково создаются, как с помощью функций, или есть разница?
Cпасибо за вопрос! С помощью всех 3х способов объекты получаются одинаковые!)
Создание объекта литералом, по сути, то же самое, что и new Object, то есть, опять же, создание посредством конструктора.
Спасибо, отличная подборка! Почерпнул кое-что новое. Единственное предложение по правкам: метод остановки распространения события называется e.stopPropagation(), а не e.stopPropagINation(). В коде написано верно, но в плашке снизу и в закадровом тексте - нет. Режет ухо.
я вот на нем стопорнулась, даже подумала, что три года неправильно читала)))))
@@ОксанаГаращенко-д5р тоже поставил на паузу и трижды перечитал)
18:40 че то не то, наверно забылся. Свойство называется flex-wrap, по умолчанию значение nowrap т.е не переносить элементы, для того чтобы разрешить переносить ставим значение wrap
Плюсую дико, очень годный контент. Продвигаю, благодарю, продвигаю, благодарю!))
Старался для вас) спасибо!
Найс:)))) теперь есть, чем заняться в вс:))) спасибо как всегда! Пойду изучать
Спасибо!)) Жду потом комент о твоих успехах)
@@UlbiTV есть сенсей:)))
@@UlbiTV в общем, просмотрел и изучил, из хорошего- по реакту и css не ответил на 3 вопроса, но вот по js осилил меньше половины(зато понял, на что еще необходимо обратить внимание) и... На общие вопросы не ответил на первые про http:))). Сделал себе несколько заметок, в частности, понял, что надо будет попробовать сделать что-то в реакте без стейт-менеджеров, просто для лучшего понимания и однозначно надо работать над js, слишком уж много дыр:( но, если честно результатом все равно доволен, особенно по реакту, думал осилю процентов 30
@@ipa_stor Очень круто!)
Таймкоды:
00:00 - Введение
01:00 - вопросы по Javascript
13:30 - вопросы по CSS
19:00 - вопросы по React JS
27:50 - вопросы по VUE JS
32:26 - общие вопросы
Спасибо
Спасибо огромное за тайм коды!!! 🙏🙏🙏
Не досмотрев до конца пишу комент и ставлю лайк, видео класс.
Приятно, спасибо!)
А еще у Set поиск по значению будет равен O(1), а у массива это будет O(n)
СОБЕСЕДОВАНИЕ на FRONTEND разработчика JS CSS REACT VUE HTTP. Подготовка к собеседованию
полезно, оставляю коммент для продвижения
Спасибо, это очень важно!)
Автор крачавчик. Все видео супер, видно делает со старанием!
Одна годнота только выпускается, +реп)
Рад что нравится, +реп подписчикам!)
Автор максимально красавчик!
Хороший контент, но можно было бы подробнее остановиться на каждом пункте.
Согласен с этим) Но для понимания, где есть пробелы и что почитать, такое видео тоже хорошо подойдет) А так учту в дальнейшем, спасибо!)
@@UlbiTV Ну, меня зацепило только некоторое в JS, а так очень полезно!
Очень полезно, есть проблемы с js и css, по реакту почти все ответил, топ
Спасибо, друг!)
Готовлюсь к собесу, чувствую себя увереннее, спасибо большое за структурированность и лаконичность!
Предпоследний вопрос по React вообще не понял что автор имел ввиду, про State и предыдущее состояние
Запиши, пожалуйста, видео про JS observers, proxy, декораторы, ну и боевые примеры их использования. Кстати, на собесах мне часто попадались вопросы про этапы загрузки и рендера страницы с глубоким погружением в оптимизацию. BOM, Shadow DOM еще были.
Записал себе в заметки, возможно будет в дальнейшем, спасибо!)
Привет! Максимально сжато и по сути, полезно! Выписал необходимое, спасибо за материал! Твой труд очень ценен.
Воу воу воу! Хорошие новости с утра! Я процентов на 80 ответил бы, не так развернуто может, но в целом бы обрисовал))
В тебе даже не сомневался, ждал твой комент!) спасибо огромное)
@@UlbiTV двойной кайф от видео! И самооценку чуток подняло и моменты которые нужно подтянуть подсветило)
@@kolyabokov88 Очень круто!)
Формат альманаха - просто разрыв. Теперь я знаю, что буду слушать каждый раз перед сном))
Ахахах, формат альманаха - просто разрыв, круто сказал!! Спасибо 👍👍👍
Контент заслуживающий минимум 10к лайков, имею пробельчики в css, а вот со vue всё сложилось, спасибо автору за видео!
Вот и обнаружили пробельчики, надо закрывать!) Спасибо вам!
nowrap по дефолту не даёт перенос, годно и отлично )
Хотел flex wrap написать) опечатался) спасибо!)
Что такое !! на 6:53?
Двойное отрицание, приведение переменной к логическому значению
Класс, а есть алгоритм глубокого копирования объектов без рекурсии?
23:27 useEffect пришел на смену componentDIdMount, componentDidUpdate и componentWillUnmount
Супер, спасибо! Небольшое замечание: не e.stopPropagination(), а e.stopPropagation() ;)
👍
Спасибо!)
Подскажи, пожалуйста, у тебя есть текстовый сценарий данного видоса? чтобы распечатать и перечитывать)
Да, но у него не очень удобный формат) напиши мне в вк, я тебе скину, ссылка есть в разделе о канале
@@UlbiTV если бы он монтажил, а не половину водоса создавал файлики, константы и окружение - то безусловно)
@@Nikitosss91 да, с этим согласен, большинство роликов можно сократить процентов на 50 минимум)
Спасибо
И вам спасибо!))
Спасибо за видео, очень полезно, освежил в памяти многие моменты перед собесом, надеюсь поможет. Правда там оговорка и опечатка на 11:21 - stopPro[pagation], а не stopPro[pagination].
Спасибо) Да, есть оговорки)
Просто нет слов насколько это шикарно 😊💪 Лайк, комментарий и два репоста! Спасибо за контент, бро💪👍 Жаль нельзя поставить много лайков
Еее, спасибо за поддержку бро!!)))))
@@UlbiTVздравствуйте! Хотела спросить насчет видео в boosty Собеседование фронтенд, это то же видео или там они отличаются?
Все чётко. Браво
Спасибо за видео! Реально классный и ценный материал. Почти все знал, кроме vue, но вот все так рассказать, пока точно не смогу. Есть куда стремиться. Сама тема собеседования и поиска работы очень интересная.
Я и сам так рассказать наврядли смогу, материал подготовлен, главное не плавать в теме и понимать о чем говоришь!) Спасибо за отзыв!
Отличное видео, годно очень, по моему есть один недочет на счет позиционирования sticky, это не fixed позиционирование в рамках одного блока, а гибридное сочетание значений static и fixed. Изначально элемент ведет себя как static но после того как скролл доходит до его границы он становиться fixed и прилипает к указанной позиции top или bottom.
Очень полезный видос. Узнал много нюансов и понял в чем слаб. Ютубушко, продвигай!
Спаасибо!)
10:20 Чи можна реактивне програмування виділити як окремий спосіб роботи з асинхронним кодом? Наприклад, робота з бібліотекoю RxJS.
Классно! Спасибо! Но про setState я бы добавил, что он ещё и мутацию может вызывать, поэтому колбэк предпочтительней нежели просто объект)
Спасибо друг!)
Спасибо P.S. конец очень крутой, как объект из 2D превращается в 4D
Это кст Тессеракт
Очень круто, мужик, расту благодаря твоим видео. Огромное спасибо!
Решил глянуть перед собесом. Уверенности добавилось, так как все это знаю. Но что-то мне подсказывает, на претендуемую мною позицию, этой базы маловато. В любом случае, спасибо!)
Спасибо за отзыв!) видео скорее для джунов, и для тех, кто хочет быстро освежить в памяти!)
Полезно! Только некоторые вопросы наверное слишком поверхностно раскрыты, лучше чуть подробнее. Например про REST
Спасибо! учту в дальнейшем!
Отличное видео, добавил в Архив, для просмотра перед собеседованием. Автору спасибо.
Полчаса тут - меньше нервов в боях. Все основы, коротко, быстро и предельно понятно. Спасибо!
А как же NAN ??
Он ведь тоже относится к типам данных
Классный видос!
пару дополнений:
- для работы с асинхронным кодом еще используются асинхронные генераторы и итераторы
- computed поля вызываются как обычные свойства, а не функция (аналог гетера и сеттера)
- передавать пропсы можно и без v-bind, он просто будут строками
Спасибо) да, все четко сказал!)
@@UlbiTV and it should be stopPropogation(), not stopPropagination(). 11:10
Если будет у вас желание, такие видео можно выпустить отдельно и расширенно по каждому разделу вашего видео. А к последнему, я бы еще добавил cookie.
Возможно сниму более детально каждую тему потом!) Спасибо, насчет куки согласен, тоже добавил бы)
Спасибо, освежил в памяти что-то, а что-то и новое узнал, полезный материал
Рад что полезно, спасибо!)
До добавления BigInt и Symbol Для запоминания типов использовал аббревиатуру- Nonusb по первым буквам типов:
Null
Object
Number
Undefined
String
Boolean
лучшее видео по закреплению пройденного материала))) лучшая шпаргалка на собесе)
Делал как для себя!) Спасибо!
Без обид, но тут все вопросы для джуна.
еще бы git
Да, вы правы, гит в конце был бы кстати
Обьявление переменной без ключевого слова есть ошибка в стрикт мод. Нельзя обьявлять переменные без ключевого слова так как она сразу поднимаеться на самый верхний уровень области видимости и при инициализации будут проблемы.
Факт, но это не отменяет того, что так можно объявить переменную)
Молодчина, дай Бог тебе здоровья!
Спасибо друг! Взаимно!
@@UlbiTV спасибо! 🙌
Не стоп пропагинейшн а пропагейшн. Спасибо огромное за видос)
Как боженька! помогает освежить в памяти
завтра первое собеседование на трейни. ещё курсы не закончил полностью, но много сделанных пет-проектов и огромное желание. надеюсь пройду. главное первый опыт получить. потом надеюсь будет проще .. сейчас попасть в ит трабл.
спасибо большое автору видео!!!
Удачи! Все получится, не в этот так в следующий раз
Спасибо, дружище
И тебе спасибо!
На 18:43 у Вас немного некорректный ответ. CSS-свойство, которое отвечает за перенос элементов во флексбоксе на новую строку, называется flex-wrap. А nowrap это дефолтное значение этого свойства, которое этот перенос собственно запрещает. Соответственно, чтобы этот перенос разрешить, нужно задать flex-wrap: wrap;
Топ контент! Спасибо! Понял, что необходимо подтянуть)
Спасибо друг) рад что полезно
2:26
"var устаревший"
видео 3 года. Покажите ,пожалуйста, где в ECMA спецификации var сделан деприкейтед? или хотя бы в предложениях по изменению спецификации где про то что он устаревший?
9:34
функцию так же можно назначить на объект и тогда при вызове в дот нотации ЗИС будет изменён на родительский объект
var fn=function(){console.log(this)}
var a={'a':42}
a.fn=fn;
a.fn();
Спасибо! Годный контент, успехов в развитии!)
Спасибо большое!)
Полезное видео для подготовки к собеседованию на позицию Frontend разработчика
sps
Решил посмотреть видео, чтобы освежить в голове знания.
Нашел ошибку, - у объекта Event нету метода stopPropagination, есть stopPropagation.
[18:46] тут наоборот wrap вроде
Даа, я хотел написать flex wrap, опечатался)) там ниже в коментах уже подметили
Чтобы не оказать людям медвежью услугу, прежде, чем давать *информацию* ее *следует проверять*
Проверять *на соответствие ее официальной спецификации* а не на помойках типа джаваскрипт ру или мдн.
Ниже список грубейших ошибок:
00:01:13 *Null это специальное значение, которое представлет из себя ничего*
Глава 4 официальной спецификации: Null это это примитив вэлью обозначающее обьект с нулевой структурой. То есть обьект, значение которого не определено. Не любое значение, а *именно обьект*
00:01:31 *Symbol представляет уникальный идентификатор в объектах*
Глава 6 официальной спецификации: символ это _primitive value_ которое всегда уникально, не является строкой, и *может использоваться* в качестве ключа объекта
00:02:05 *Какими способами можно объявить переменную*
Никакими. В языке JavaScript нет переменных. В языке JavaScript есть только идентификаторы. Глава 13 официальной спецификации.
Первый пример эквивалентен variable statment только в non strict режиме.
var обьявляет идентификатор в рамках вариэйбл энвайромент текущего контекста выполнения.
let и const обьявляют идентификаторы в рамках лексического окружения текущего контекста исполнения.
Вар никогда не был и не будет устаревшим. Это разные части языка служащие разным задачам.
Глава 14 официальной спецификации.
const определяет неизменяемый идентификатор, то есть ссылку на структуру данных. *Все идентификаторы в javaScript являются ссылками* как это и положено быть идентификаторам.
00:03:00 *В чем разница между Null и undefined*
undefined это primitive value на которое указывает идентификатор в случае если к нему не применялось assigment expression. Говоря безграмотным языком, если идентификатор был обьявлен, но не инициализирован.
null это primitive value на которое указывает идентификатор, который в будущем станет идентификатором на тип Object. Или был идентификатором на тип Object. Ни в каких иных случаях null использовать нельзя, если вы конечно хотите писать быстрый код.
Глава 4.4.5 и 4.4.6 официальной документации.
00:03:31 *очистить значения переменной приравниваем ее к null*
Так делать нельзя. По той причине что заявлена Выше. Интерпретатор должен точно знать как работать с идентификатором, для того чтобы генерировать эффективный код. Именно для этого и существует Null который определяет ссылку на обьект с неопределенной структурой.
В JavaScript ни в коем случае нельзя менять тип данных на который ссылается идентификатор. Иначе вы будете получать код работающий со скоростью черепахи. Впрочем это правило справедливо практически для всех языков программирования.
00:03:50 *методы массивов*
Такие методы как map, filter, reduce являются методами реализующими функциональную парадигму программирования и предназначены только для этого. Их можно использовать вне функциональной парадигмы, но это приведет к неэффективному коду который для Вас генерирует интерпретатор Ignition или оптимизирующий компилятор TurboFan.
00:04:36 *ключевое слово arguments*
его нельзя использовать вообще нигде. Это exotic object поведение которого не гарантируется однозначным образом. В следствии чего, код может быть сломан в будущем, уже ломался дважды и как следствие своей экотичности не может быть эффективно оптимизирован.
00:04:33 *у стрелочных функция нет своего this, который берется снаружи*
Не у кого в JavaScript нет своего this. Стрелочные функции отличаются от нормальных функций только тем, что идентификатор в принципе не устанавливается. У нормальных функций, идентификатор this устанавливается в значение которое зависит от массы условий, и происходит это только в момент вызова функции. Как следствие, так как this это никакой не контекст, а простой идентификатор то его поведение в стрелочных функциях ровно такое же как у любого идентификатора - происходит поиск по цепочке лексических окружений вплоть до лексического окружения у которого родитель имеет значение null.
*ИГОГО*
Больше у меня нет времени комментировать этот набор мифов.
Очень рекомендую автору, хотбы один раз прочитать настоящую спецификацию языка и не выдавать мифы за реальность.
С такими ответами, я бы автора отправил с собеседования снова в школу.
Еще раз - читайте официальную спецификацию и не множте невежество.
Это на Джуна?
Спасибо за крутой видос! Однозначный лайк)) Но не могу не отметить, что stopPropagation произносится по другому;) Но это мелочь.
Мэн, спасибо за твою работу, неоценимая концентрация чистой и лаконичной инфы, которая очень помагает понять что подтянуть, что-то вспомнить или структурировать в голове!)
круто круто. продолжай плиз такие разборы собесов
Спасибо!) Будет отдельно про css и react более развернутые
Сегодня будет собес!! Вперед, к победе!!
Удачи!
и как? прошел?
Молодец. Все разделы рассмотрел
Спасибо) Очень круто!
Спасибо большое! Лайк подписка!
И вам спасибо за поддержку!)
5:08 впервые слышу чтобы интерполяцию так называли спасибо будет чем удивить Тим лида 😂
Красавчик =) Вот прям красавчик
Спасибо за годноту. #Подготовка к собеседованию по Java Script/CSS/React
Благодарю!)
Спасибо большое!) Как раз искал контент, который поможет повторить основные темы по JS. По реакту не всё ответил, так как учу его только. По общим тоже, так как только слышал о REST API
Спасибо!!рад что полезно!)
Thanks for the video tutorials. Very interesting, clear, and useful.
Thx you too!