JavaScript: ошибки, которые вы чаще всего допускаете в изучении!

  Переглядів 38,685

Как пройти в IT?

Как пройти в IT?

2 роки тому

Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com
habr.com/ru/company/htmlacade...
Сервисы с задачами по JS и программированию
www.hackerrank.com/
www.codewars.com/
codebattle.hexlet.io/
checkio.org/
Оригинал статьи
dou.ua/forums/topic/34516/
#JavaScript #Frontend #Программирование #Обучение #html #css #фронтенд

КОМЕНТАРІ: 97
@it2138
@it2138 2 роки тому
Товарищи, прошу прощения за не самое лучшее качество видео, звука и подачу информации =) Это был один из первых роликов, поэтому я еще не понимал как сделать хорошо и с правильной динамикой. Надеюсь новые видео вам понравятся больше!
@mikaelgevorgyan4521
@mikaelgevorgyan4521 2 роки тому
HTML это 100% работы =))
@elford9337
@elford9337 2 роки тому
видео пушка, как и твой канал в целом, думаю скоро у тебя будут сотни тысяч подписчиков ))
@puhd4167
@puhd4167 2 роки тому
Норм, усложняй а-то пока скучно
@SergioKornelius
@SergioKornelius Рік тому
ukposts.info/have/v-deo/pn2UoqGirneYkqc.html на 7.45 почему на вопрос не дал правильный ответ?
@SergioKornelius
@SergioKornelius Рік тому
Объясните пожалуйста. Я понял значение функции [].at(). НО Почему бы просто не сделали так чтобы можно было в индексах использовать отрицательные цифры?
@fantast2568
@fantast2568 2 роки тому
на 6:59 ошибочка, ноль возвращается потому что первое ложное
@it2138
@it2138 2 роки тому
Дааа, ты абсолютно прав! Благодарность за внимательность)
@vladick4272
@vladick4272 2 роки тому
@@it2138 нужно видео исправить
@Dimaaasik
@Dimaaasik 2 роки тому
Злой автор сломал этим мне мозг)
@user-pp8lw8cx4w
@user-pp8lw8cx4w 2 роки тому
я как олень полез в ide всё это дело проверять, потом ещё раз 5 пересматривал
@Dimaaasik
@Dimaaasik 2 роки тому
@@user-pp8lw8cx4w бывает)
@NotasCicero
@NotasCicero 2 роки тому
Потрясающая подача! Продолжай в том же духе. Я смотрю, канал активно растёт - это радует!
@kookaburru
@kookaburru 2 роки тому
Он сложный, потому что народ сразу лезет в reduce вместо того чтобы понять как работает цикл for :)
@awenn2015
@awenn2015 Рік тому
Если ты про момент на 9:03 то поздравляю, ты прочитал мои мысли, я сразу про reduce подумал , хотя там сложного то ничего и нет, аккумулятор в виде 0, и каждой итерацией считаем сумму корзины и соответственно потом возвращаем аккумулятор, делов то
@user-ct7et2gs4p
@user-ct7et2gs4p 3 місяці тому
@@awenn2015ой как замучали эти методы меня. сидел над фильтром, редюсом и мапом. за 2 дня научился их юзать))
@Oooohhh_maaaan
@Oooohhh_maaaan Місяць тому
Я не умею использовать редюс гы
@user-ny9nl2ji9f
@user-ny9nl2ji9f 2 роки тому
Классное видео, благодаря ему я доработал код. Из объекта выделял переменные, каждую отдельно, а потом еще и удалял их из объекта через delete. 4 строчки кода сжал до одной: const { driver, car, ...contract } = currentContract Спасибо!
@samolevich
@samolevich 2 роки тому
Спасибо. Интересно. С юмором
@user-rt8fw9hz4f
@user-rt8fw9hz4f 2 роки тому
Большое спасибо за материал!!! Очень хорошая подача )
@Dai_Fudo-Dev
@Dai_Fudo-Dev 2 роки тому
Огромное спасибо.
@mikewazowski7526
@mikewazowski7526 2 роки тому
Классные видео!
@user-lj3bt5nu7i
@user-lj3bt5nu7i 2 роки тому
Видос огонььь!
@alexabees682
@alexabees682 2 роки тому
окей, я когда впервые услышал черрипикнуть, то подумал, что чел просто решил звук воробья так назвать
@PostoiParovoz
@PostoiParovoz 2 роки тому
Завалился на 0 && 2. Не сразу понял, а потом как понял! Это равносильно: false и 2 Второе значение не будет проверяться, так как первое вернуло false и проверка останавливается (как заметили другие в комментариях - в ролике оговорка) Нельзя сказать, что я не знал, но завалил проверку, так как не сообразил сразу.
@demimurych1
@demimurych1 Рік тому
То что Вы рассказываете, нередко является придуманной аналогией которая не имеет отношению к языку JS. И в этом не было бы ничего плохого, если бы Ваши аналогии работали для всего языка одинаково. А не тут работает а тут все иначе. 00:06:02 *Логическое И или логическое ИЛИ* Объяснение автора не только не соответствует спецификации, но еще и запутывает человека. Согласно спецификации конструкция подобной этой: const resultA = 40 && 2 || 33 будет обрабатываться согласно следующему алгоритму: весь код будет интерпретирован как assigment expression ( resultA = 40 && 2 || 33 ) то есть некоторое выражение которое нужно вычислить. Что мы пониманием интуитивно. Далее JS выделит выражение: 40 && ( NextExpression ) И применит к нему следующие шаги: 1. Пусть lval будет результатом вычисления выражения (40) согласно спецификации 40 - числовой литерал который вернет сам себя. то есть lval === 40 2. Пусть lBool будеь результатом выполнения - ToBolean( lval ) где: функция ToBolean возвращает либо true либо false в зависимости от того что в нее передали: 2.1 если передали true или false, то вернуть что передали. 2.2 если передали +0, -0, 0, NaN, null, undefined то вернуть false 2.3 все прочее - вернуть true. То есть ToBolean от числа 40: ToBoolean( 40) => True 3. Если Шаг 2 вернул False то прекратить вычисление и вернуть lval В противном случае вычислить NextExpression Та как Шаг 2 вернул True. То JavaScript идет дальше и теперь вычисляет выражение: 2 || ( Next Expression ) Что приведет к выполнению шагов: Шаг 1 и Шаг 2 идентичен тому что выше. 3. Если шаг 2 вернул true то завершить вычисления и вернуть lval Так как выражение (2) при его вычисление даст 2, а передача жтого результата в ToBoolean вернет true, то цепочка вычислений прирывается. А это означает что изначальный идентификатор resultA связывается со значением 2. Почему это правильно, а то что сказал автор видео - не правильно. Потому что для случая выражения const resultB = ( 4 * 2 ) && ( 3* 6) выражение 3*6 будет вычислено только в том случае, если ToBoolean от (4 * 2) вернет true. То есть дополнительная нагрузка на интерпретатор будет только тогда когда первая часть выражения вернет то, что позволяет оператору && принят решение о выполнении следующей части. То есть в случае const resultB = ( 4 * 0 ) && ( 3* 6) JavaScript никогда даже разбирать на части выражение, которое идет за && не начнет. То есть результат Logical AND Expression в JavaScript правильно описывать так: ( A ) && ( B ) && ( C ) && ( D ) .... && ( n ); преобразовывается в ( A ) && ( все что дальше) и если результат вычисления от ToBoolean ( A ) === true то продолжить вычислять все что идет правее. Если false вернуть результат вычисления.
@funnyenglish4330
@funnyenglish4330 2 роки тому
Ееее кремниева долина! Обожааю
@user-qj2yg1rn3j
@user-qj2yg1rn3j 2 роки тому
Кстати, а можете сделать видео по правилу "правильного кода"? как написать код меньше, быстрее, какой будет работать быстрее даже if else мгоние пишут абы как... а ведь его можно писать ИНАЧЕ и короче
@bohdanartemenko
@bohdanartemenko 2 роки тому
5:32- лайк)
@maksimzolotoi3379
@maksimzolotoi3379 2 роки тому
Посмотрите на все фреймворки и выберите реакт, если не хотите потом искать работу две недели 😂
@N5O1
@N5O1 2 роки тому
8:40 так то есть люди которые все еще пинут код в es5 синтаксисе. стандарты это как версии. в целом это имеет значение только когда мы говорим о компиляции JS, например при настройке TS config. во всех остальных соучае пофиг. но все равно не стоит забывать о тех, кто использует var в продакшене
@user-tb3mm6dl3z
@user-tb3mm6dl3z Рік тому
Топ контент
@dzanis79
@dzanis79 2 роки тому
let потому и нужен что-бы скрыть её там где это необходимо,а не пихать везде подряд.Например в цикле for лучше всего использовать let
@maxvaluev396
@maxvaluev396 2 роки тому
Спанчбоб - мой любимыый мульт)) Лайк!
@fromillia
@fromillia 2 роки тому
Да ты крут
@PavelPirogov
@PavelPirogov 2 роки тому
в reduce отсутствует проверка на размер массива. с пустым массивом оно крашнет
@user-ie1pu9hz2d
@user-ie1pu9hz2d 2 місяці тому
Если программист не знал 1 функцию arr.reduce(, это не значит, что его нужно посылать, и то что он не подходит, так можно любого программиста послать, просто потому что он чего то не знает! Как вариант спрашивать его какую то редкую или не очевидную фичу js и посылать якобы по профнепригодности
@dmytrosokolovsky8959
@dmytrosokolovsky8959 2 роки тому
9:35 если элементов в массиве будет несколько сотен тысяч, решение через for, как раз таки, будет более приоритетным нежели reduce
@artemgoncharuk5174
@artemgoncharuk5174 11 місяців тому
Да на 7:00 ошибка в комментарии, "конечно же ноль, возвращается первое истиное", 0 && 2 должно вернуться не первое истиное, а последнее истиное или первое встретевшееся ложное, поскольку 0 логически считается ложное, он и возвращается.
@aipronator
@aipronator 2 роки тому
12:01 можно же деструктуризировать в круглых скобках (где ф-я принимает параметр) и сделать еще на одну строчку меньше
@Plarget
@Plarget Рік тому
Но он станет менее читабельным
@alenache1
@alenache1 2 роки тому
7:01 возвращается не первое истинное, а первое ложное, поэтому и вернулся ноль, ноль - это фолси, которое && видит как фолс
@user-qj2yg1rn3j
@user-qj2yg1rn3j 2 роки тому
я помню, совсем недавно... был вопрос на интервью - посчитать корзину и вывести total всех цен... так вот, я сделал через reduce и был собой доволен, но!!!! мне сказали, что .reduce работает дольше for()... поэтому я плохо знаю оптимизацию js... ппц... Дорогой автор, мне интересно Ваше мнение!
@ra-dro
@ra-dro 2 роки тому
Как по мне, reduce сложная функция, но for ещё хуже. В последней, наверное, гораздо меньше выразительности. Если в задачи было условие по поиску самого быстрого решения - значит сказали всё правильно. Если же нет, то замечание выглядит странным.
@user-qj2yg1rn3j
@user-qj2yg1rn3j 2 роки тому
@@ra-dro нет, посто было посчитать итоговое. Сделал через редюс. Но сразу докалупались, что это долго... И так не пишут, а пишут через фор, т.к быстрее работает. Но не стояла задача сделать максимально быстро, а просто посчитать числа
@ra-dro
@ra-dro 2 роки тому
@@user-qj2yg1rn3j Значит люди сами не знают, чего хотят, лишь бы приколупаться. Превентивная оптимизация в угоду читаемости - двойное зло. (:
@blackcrow2292
@blackcrow2292 Рік тому
6:05 я ещё люблю их называть операторами замыкания
@gh8499
@gh8499 2 роки тому
Фраза на 4:50, где на фоне такая картинка, звучит очень смешно)
@Dudarik
@Dudarik 2 роки тому
Да не сложный он!! А запутанный, ввиду того, что эволюционировал!!!
@Alexander-S.
@Alexander-S. 2 роки тому
Дорогой автор, позволь вопрос. Ты говоришь, что YDKJS - must read. Но ведь второе издание сейчас имеют лишь 2 тома, а первое (полное) было написано аж в 2014-2015. При этом Справочник по JS от Флэнагана обновился в 2021 году. Я слышал про YDKJS и ранее, но всегда смущало, что местами он мог устареть. Как и Флэнаган (но вот он обновился). Что выбрать читать? Времени мало, зря читать не хочется. А ещё надо тестирование осваивать))
@kol4an721
@kol4an721 2 роки тому
Я всегда делю код на логические блоки с помощью комментов
@alenache1
@alenache1 2 роки тому
я выбрал фреймворк Реакт, а потом оказалось, что это библиотека, что мне делать
@stanislavivko7329
@stanislavivko7329 2 роки тому
9:10 в цикле фор разве еденичку от длинны корзины не надо отнять?)
@XTANCE
@XTANCE 2 роки тому
Не надо.
@Kot_off
@Kot_off 2 роки тому
3:46 где такую картинку взять по Git
@user-dy2kg4he2e
@user-dy2kg4he2e 2 роки тому
С этого ролика) Ставишь на паузу , скриншотишь, сохраняешь :)
@holovkevych
@holovkevych 2 роки тому
@@user-dy2kg4he2e ахах
@yuriikilyk8923
@yuriikilyk8923 2 роки тому
Незнаю меня только и єтим он и манит єсли надоест можна лигко свичнуться в чтото другое без смени язика...
@andriihallahuz9366
@andriihallahuz9366 2 роки тому
как поставить дополнительный лайк?)
@orego800
@orego800 2 роки тому
Да, Backbon особенно важно знать.
@via754
@via754 9 місяців тому
Ну получается что многое нужно учить не для того, что бы использовать, а для того, что бы пройти собеседование 🤦‍♂️
@ThomasBlack452
@ThomasBlack452 2 місяці тому
Я чет тоже немного засомневался. Я конечно в ИТ не работал, не знаю, но на мой взгляд главное уметь делать то, чем ты будешь заниматься на работе. А если ты какие-то мелочи в этом не совсем понимаешь (ну мб для перехода к другим задачам нужны эти мелочи), то тебе сможет подсказать коллега. С другой стороны надо как-то отсеивать тех, кто не сможет выполнять то, что требуется. Я могу пример с музыкой привести. Учил самостоятельно и разбирался долго. Учил всё, от самих нот до сведения. Округлим до 10 лет, условно (учиться можно всю жизнь, в принципе). И я могу со всей уверенностью сказать, что минимум половина знаний вообще не используется и вряд ли пригодится. Это мб раньше надо было знать, как работает сайд-чейн компрессия в мелочах, сейчас же есть готовые плагины, которые в пару кликов это делают. Подозреваю, что с программированием примерно то же самое.
@user-iq6bu6mt2b
@user-iq6bu6mt2b 2 роки тому
В консоли всегда будет выводиться 10?
@SoreraRU
@SoreraRU 2 роки тому
да, потому что сетТаймаут ставит вызов в следующую итерацию eventLoop. ДО того как интерпретатор js дойдет до их выполнения он уже прокрутит цикл 10 раз. В переменной i будет 10, которая и выведется 10 раз, взятая из замыкания колбэчной функции. Может непонятно написал, но тогда вам надо гуглить eventLoop js
@unkind_duck
@unkind_duck 2 роки тому
@@SoreraRU попробуйте выполнить данный код это не так работает это пример замыкания, когда интерпретатор запоминает окружение
@SoreraRU
@SoreraRU 2 роки тому
@@unkind_duck ага ага
@arhim7650
@arhim7650 2 роки тому
@@SoreraRU Тут как раз таки основной вопрос в том, что var глобальна, и по сути, каждый цикл будет перезаписывать её глобально, а не внутри лупа цикла.
@N__C__R
@N__C__R Рік тому
чистый код не во всех случаях гуд
@olezhonnv3215
@olezhonnv3215 2 роки тому
ЖС - легкий. Вся та мозаика на слайде с набором библиотек - чепуха. Там основы главное понять. Остальное все - либо уже не актуально, типа Доджо, Ембер и Марионетт. Либо учится за неделю на уровне практического применения с дальнейшим погружением в нюансы по мере надобности - типа Свелт, Реакт или Вью.
@olezhonnv3215
@olezhonnv3215 2 роки тому
А бест практис наработается после пары-тройки код ревью, если оно есть на проекте. И то, часто это вкусовщина и дело привычки. Одни пишут так, другие - эдак. Одну и ту же задачу.
@user-kr9bc6tu8w
@user-kr9bc6tu8w 10 місяців тому
Ошибка на 6:54: ответ верный, объяснение ошибочно. “&&” возвращает не первое истинное значение, а первое логически ложное, либо если таких не найдено - последнее вычисленное (последнее из цепочки истинных). Даже отбросив контекст - сам по себе ноль назвать истинным в булевом контексте как-то прям совсем дерзко) При всём уважении к автору канала с превосходным материалом - такие штуки перед публикацией стоит проверить, перепроверить, и может быть даже ещё раз перепроверить.
@stanislavivko7329
@stanislavivko7329 2 роки тому
вроде ж 0 это false.... хотя вообще прикольно, не знал что эти операторы можно так юзать.
@this_IsUsername
@this_IsUsername 2 роки тому
Да, ошибка
@this_IsUsername
@this_IsUsername 2 роки тому
В js эти операторы ещё юзают для сокращённой записи, вместо if (true) run() пишут true && run()
@faust2134
@faust2134 2 роки тому
@@this_IsUsername очень плохой пример использования оператора
@this_IsUsername
@this_IsUsername 2 роки тому
@@faust2134 почему?
@ShoxruzBuronov
@ShoxruzBuronov 3 місяці тому
Как я напился ВОДОЙ
@Serega5j
@Serega5j Рік тому
Ещё страшнее PHP
@user-ze9ri6qy5o
@user-ze9ri6qy5o 4 місяці тому
Ага, докажи Мурычу, что Var устарел )))
@athillas460
@athillas460 2 роки тому
Чистый код не существует
@jonkarmok1840
@jonkarmok1840 2 роки тому
Дажваскриптизерам совсем заняться нечем? Какое отношение к элегантному или чистому решению может иметь кусок кода оформленный другим синтаксисом или через другой подход, всякие функциональные плюхи декларативного подхода?
@augusthughes2871
@augusthughes2871 2 роки тому
7:00 через секунду выведется все и сразу от нуля до девяти, ибо цикл просто запустит 10 таймаутов по одной секунде, а не будет ждать выполнение каждого из них для запуска следующего.
@stanislavivko7329
@stanislavivko7329 2 роки тому
да, у тебя запустится 10 таймаутов. но к тому моменту, когда они сработают, и уже равно 10. в консоли ты получишь десять десяток через секунду после старта программы
@user-dv9fk1hd3s
@user-dv9fk1hd3s 2 роки тому
Пройдет секунда и сразу выведется 10 раз по 10. Javascript такой javascript)
@StepanChuevYT
@StepanChuevYT 2 роки тому
@@user-dv9fk1hd3s А если использовать let, то сначала пройдёт одна секунда, а только потом выведутся числа от 0 до 9.
@augusthughes2871
@augusthughes2871 2 роки тому
@@StepanChuevYT да, я сначала представил в виде let. давно уже не юзал вары
@StepanChuevYT
@StepanChuevYT 2 роки тому
@@augusthughes2871 +
@fuad2069
@fuad2069 Рік тому
Не айтем, а итм)))
@dogvscatfunny9956
@dogvscatfunny9956 2 місяці тому
Самый сложный и не понятный язык это js,и не кто его не может объяснить а тем более научить его работе.Я в программирование 3 года но с этим языком полный мусор.
@user-xw3uj8ij6v
@user-xw3uj8ij6v 3 дні тому
ecmascript стандарт и html5 стандарт, остальное все филькина грамота которая плодит мифы и получаем то что 90% разработчиков js думают что eventloop это часть js)
@Tornado-ln7fq
@Tornado-ln7fq 3 місяці тому
Самая главная ошибка,это учить js,серьезно.
@videoart1337
@videoart1337 Місяць тому
javascript ебучее говно
@vladick4272
@vladick4272 2 роки тому
Вредный контент для новичков
Чудовищно функциональный JavaScript
21:31
Как пройти в IT?
Переглядів 53 тис.
JavaScript - проповедь Чистого кода!
15:09
Как пройти в IT?
Переглядів 45 тис.
Godzilla Attacks Brawl Stars!!!
00:39
Brawl Stars
Переглядів 4,5 млн
[실시간] 전철에서 찍힌 기생생물 감염 장면 | 기생수: 더 그레이
00:15
Netflix Korea 넷플릭스 코리아
Переглядів 38 млн
Анна Трінчер - Бар за баром (Official Music Video)
02:38
Анна Трінчер
Переглядів 1,9 млн
Time Complexity - Big O(n) vs O(2n) vs O(n^2)
0:59
Greg Hogg
Переглядів 10 тис.
Старейшая нерешённая задача [Veritasium]
30:08
Эти культовые фразы из фильмов перевели НЕПРАВИЛЬНО
17:58
Skyeng: онлайн-школа английского языка
Переглядів 342 тис.
ВЫБИРАЕМ ЯЗЫК ПРОГРАММИРОВАНИЯ ))))
25:08
Гайд на собес Джаваскриптизёра!
13:16
Как пройти в IT?
Переглядів 29 тис.
Что такое JavaScript?
8:39
loftblog
Переглядів 211 тис.
Godzilla Attacks Brawl Stars!!!
00:39
Brawl Stars
Переглядів 4,5 млн