Циклы FOR, WHILE в JS: ПОЛНЫЙ КУРС с примерами и задачами | javascript циклы для начинающих

Поделиться
HTML-код
  • Опубликовано: 5 июн 2024
  • * ИНТЕНСИВ "Игра на чистом JS: с нуля до деплоя":
    pomazkovjs-hangman.ru/
    ⭐ Поддержать донатом: boosty.to/pomazkovjs/single-p...
    Решения задач из видео:
    t.me/pomazkovjs/115
    В этом ролике поговорим про следующее:
    - Что такое циклы в JavaScript
    - Цикл FOR, WHILE, DO..WHILE
    - Циклы для обхода массивов и объектов FOR..OF, FOR..IN
    Всё подробно разберем, а также потренируемся на задачах, которые сгенерировал ChatGPT.
    Приятного просмотра! 🔥
    ➡️ Ролик про VAR / LET / CONST:
    • var, let, const: ПОЛНЫ...
    ➡️ ROADMAP с НУЛЯ до MIDDLE:
    • Что должен знать JUNIO...
    * ТАЙМ-КОДЫ:
    00:00 Интро
    00:22 Что такое цикл в JS
    00:49 Цикл FOR в JS
    04:21 Практический пример цикла FOR
    08:48 Цикл WHILE в JS
    10:03 Бесконечный цикл
    11:30 Прерывание циклов с break
    12:04 Практический пример цикла WHILE
    13:56 Цикл DO..WHILE в JS
    16:20 Цикл FOR..OF в JS
    17:53 Цикл FOR..IN в JS
    22:09 Задачи по циклам в JS
    30:00 Аутро
    * СОЦ. СЕТИ:
    👀 Instagram - / pomazkov.js
    🚀 Telegram - t.me/pomazkovjs
    * ОБО МНЕ:
    Меня зовут Арсений Помазков, я - senior frontend-разработчик, начавший карьеру на американской фрилансе-бирже и прошедший путь от «стажёра» до «старшего разработчика».
    Я обучился программированию самостоятельно, и моя цель - показать вам, что веб-разработка - это не только перспективно и востребовано, но и очень увлекательно 🔥
    #фронтенд #циклы #полныйкурс #javascript #js

Комментарии • 135

  • @pomazkovjs
    @pomazkovjs  6 месяцев назад +2

    Мой интенсив по JS:
    pomazkovjs-hangman.ru/
    Больше крутого контента:
    🚀 Telegram - t.me/pomazkovjs
    👀 Instagram - instagram.com/pomazkov.js

  • @gothelph
    @gothelph 6 месяцев назад +6

    Спасибо! Один из немногих людей, который умеет объяснять доступным языком!)

  • @sh0ny
    @sh0ny 11 месяцев назад +5

    Арсений, у Вас талант объяснять всё простым языком, снимаю шляпу! ИМХО незаслуженно мало просмотров и комментариев, так же хочу отметить отменную визуальную составляющую, очень наглядно и понятно объяснено про область видимости. Ваш контент помогает в обучении. Спасибо Вам за вашу работу!

    • @pomazkovjs
      @pomazkovjs  11 месяцев назад

      Большое спасибо за комментарий и поддержку! Надеюсь, что просмотрев ещё наберет)

  • @user-co8cn1cz9c
    @user-co8cn1cz9c 4 дня назад

    Спасибо большое за подробное объяснение! Очень полезно🌼

  • @rinmur1692
    @rinmur1692 Месяц назад +1

    ❤❤❤лучшие обяснение loops , просто , наглядно и очень качественно обяснено

  • @elenag6912
    @elenag6912 2 месяца назад +1

    Благодарю вас, мастер. Вы настоящий учитель. 😇🥰

  • @O_Shpak
    @O_Shpak 28 дней назад

    Я редко пишу коменты но тут неудержалась я сегодня посмотрела ролик про замыкания это шедевр, и смотрю ролики этого автора дальше очень редко кто может так обьяснить 🙏спасибо

  • @user-br4jj7vi4l
    @user-br4jj7vi4l 11 месяцев назад +1

    до посмотра этого видео я думала, что понимаю циклыспасибо, узнала столько нового, про которое нигде и никто не говорил! Однозначно лайк, подписка и уважение автору)))

    • @pomazkovjs
      @pomazkovjs  11 месяцев назад +1

      Спасибо за комментарий! Добро пожаловать на канал)

  • @kostyapopkov8036
    @kostyapopkov8036 Месяц назад

    Дуже круто і доступно) Підписка + like) Буду дивитись твої відео) Продовжуй в тому ж дусі)

  • @user-ey2wx2fu7h
    @user-ey2wx2fu7h 2 месяца назад +1

    Спасибо за хорошие видосы с объяснением ❤

  • @rinag1006
    @rinag1006 2 месяца назад

    Арсений, спасибо огромное . Это лучший гид по JS! А подписана на десяток блогеров-программистов. Я в восторге! Мне как раз подходит скорость Вашей речи, я засыпаю, когда блогеры говорят монотонно)) пойду посмотрю, что за полный курс Вы предлагаете. Тыщу лайков!!!

  • @SvirkoSam
    @SvirkoSam 11 месяцев назад +5

    Спасибо за годноту! 🙏🏻 жду больше контента подобного рода, где прямо разжевано до мелочей ❤

  • @ThePJcommunity
    @ThePJcommunity 6 месяцев назад +1

    Спасибо за урок, в курсе который прохожу не совсем понял эту тему, решил посмотреть на youtube и понять лучше, теперь все отлично понял!

    • @Agatush
      @Agatush 5 месяцев назад +1

      случайно не основы программирования в резалт скул?)

    • @ThePJcommunity
      @ThePJcommunity 5 месяцев назад

      Нет, Итальянский курс.@@Agatush

  • @user-jy1ke1ou1f
    @user-jy1ke1ou1f 2 месяца назад

    Спасибо большое! Очень понятная и доступная информация!

  • @user-rv5pb1np2b
    @user-rv5pb1np2b 7 месяцев назад +3

    Спасибо тебе, доброй души человек за твой контент.

  • @tiledmasterpieces9252
    @tiledmasterpieces9252 Месяц назад

    Отлично обьясняешь. Ничего лишгего. И главное все каскадно. Не вразброс. Спасибо

  • @bogush31
    @bogush31 7 месяцев назад +1

    Прям как для особо тупых обьяснил. Спасибо! Очень помогло😂

  • @efimkapliy6370
    @efimkapliy6370 11 месяцев назад +2

    Ооо, новый материал подъехал!🔥🔥🔥

  • @user-fz4bs1em9b
    @user-fz4bs1em9b 4 месяца назад +1

    Великолепное видео! Все по полочкам разложил. Очень полезное видео. Странно, что просмотров так мало.

  • @user-rc3gj1rq5k
    @user-rc3gj1rq5k 8 месяцев назад

    Спасибо за доступную теорию! Как раз нужно было разжевать, казалось бы, простые вещи) Спасибо за ваш труд!

  • @empty.1807
    @empty.1807 11 месяцев назад +2

    Еще одно одно идеальное видео??? А тебе не надоест.
    Шучу конечно, спасибки за годноту)))🎉❤

    • @pomazkovjs
      @pomazkovjs  11 месяцев назад +1

      Спасибо за поддержку!)

    • @empty.1807
      @empty.1807 11 месяцев назад +1

      @@pomazkovjs🔥♥️🔥

  • @Young69people
    @Young69people 5 месяцев назад +1

    Я в восторге от твоего канала!
    Пожалуйста, не останавливайся)

    • @pomazkovjs
      @pomazkovjs  5 месяцев назад

      Спасибо! И не планирую 💪🏼

  • @antongulyuk6216
    @antongulyuk6216 11 месяцев назад +1

    Видео супер! Жду видео почаще) Особенно про контекст this, стрелочные функции и async
    Думаю это будет полезно многим, кто пришел в js из других ЯПов

  • @jetyj9712
    @jetyj9712 7 месяцев назад

    Спасибо большое,всё очень понятно и, главное кратко, по существу.

  • @MarynaChubinskaya
    @MarynaChubinskaya 7 месяцев назад

    Благодарю за доходчивое объяснение!

  • @user-ob2dc6tj4o
    @user-ob2dc6tj4o 7 месяцев назад

    Отлично всё объяснили в этом видео! Очень понравилась ваша идея с разбором задачи из chatGPT. Спасибо вам за урок!

  • @user-dh5kt5cg2s
    @user-dh5kt5cg2s 4 месяца назад

    Спасибо за видео 🤝
    Жму руку

  • @mefioz2397
    @mefioz2397 5 месяцев назад

    начал осваивать js, сильная у вас подача 🔥 хотелось бы больше видео уроков по js с самого нуля

  • @user-si8tx5sk9s
    @user-si8tx5sk9s 3 месяца назад

    Спасибо за объяснение 🙏

  • @user-vr1ht2lc7d
    @user-vr1ht2lc7d 11 месяцев назад

    Спасибо вам за урок! Все очень подробно и главное доступным языком объяснили.

  • @mikheilrashoiani105
    @mikheilrashoiani105 11 месяцев назад

    Все очень доступно, укрепил знания. Спасибо.

  • @artemadvahov8576
    @artemadvahov8576 11 месяцев назад

    Одобрямс. Ждем больше видосов🔥🔥🔥

  • @PerecNeDorogo
    @PerecNeDorogo 6 месяцев назад

    Спасибо за подробное объяснение. Очень подробно. Прям для меня))))

  • @user-gx7fj1sh5r
    @user-gx7fj1sh5r 2 месяца назад

    Вы отлично объясняете ! Спасибо

  • @user-td7pz4qd2e
    @user-td7pz4qd2e 4 месяца назад

    Хорошее видео. По учебнику читал, трудно было понять, а тут все на примерах, прям очень понятно, лайк👍😁

  • @user-pj5pn8kd7n
    @user-pj5pn8kd7n 6 месяцев назад

    Cпасибо большое, только начинаю свой тернистый путь к изучению Js. Вот сейчас твое видео смотрю и познаю азы.Спасибо!

  • @kamil19862307
    @kamil19862307 4 месяца назад

    Спасибо! Очень помогло ваше видео!

  • @nataha8684
    @nataha8684 8 месяцев назад

    красава, очень понятно и в то же время без воды. Хотя вода иногда и помогает, что юы внимание отдохнуло, главное не много.

  • @AN-fb2up
    @AN-fb2up 7 месяцев назад

    Красава. Все точечно разъяснил (как компьютер понимает написанный код), на платных курсах так не объясняют

  • @johnnyzhuravlev7334
    @johnnyzhuravlev7334 3 месяца назад

    Арсений, спасибо за качественный контент. Продолжай подобный формат)

  • @VT-ur6ie
    @VT-ur6ie 11 месяцев назад

    Отличная работа, доступно и понятно🤗, спасибо

  • @prgJkeee
    @prgJkeee 11 месяцев назад

    Коммент в поддержку! =)
    Спасибо за видео, Арсений! Как всегда отличное объяснение и подача материала!!! Жду с нетерпением про функции теперь, думаю там ничуть не меньше получится видео, а то и вовсе больше)

    • @pomazkovjs
      @pomazkovjs  11 месяцев назад

      Спасибо! Видео про функции уже в разработке)

  • @user-jy2fp6px4l
    @user-jy2fp6px4l 4 месяца назад +1

    Спасибо большое очень хорошо объясняешь

  • @Mikhail-MGL
    @Mikhail-MGL 5 месяцев назад

    спасибо!! очень все понятно и складно стало в голове

  • @user-fs5yb9nd6y
    @user-fs5yb9nd6y 5 месяцев назад

    Непонятные моменты были раскрыты за 30 минут. Спасибо!

  • @user-to8ks7nj6w
    @user-to8ks7nj6w 6 месяцев назад +1

    Класс 👍

  • @runak56
    @runak56 5 месяцев назад

    Спасибо большое!!! Это лучшее объяснение на ру ютубе!

  • @valeriana0
    @valeriana0 4 месяца назад

    Спасибо большое 🙂

  • @johnnyzhuravlev7334
    @johnnyzhuravlev7334 3 месяца назад

    Арсений, спасибо. Ты молодец и делаешь качественный материал. Мне бы твои объяснения годика полтора назад))

  • @user-je5yv9zw7j
    @user-je5yv9zw7j 11 месяцев назад +1

    Нарешті класний розбір циклів))

  • @user-hf1ud7lf8i
    @user-hf1ud7lf8i Месяц назад

    Супер видос !!!!

  • @user-fg5cd3mv2z
    @user-fg5cd3mv2z 11 месяцев назад

    Большое спасибо, ждём промисы!

  • @user-km8dz9bg1r
    @user-km8dz9bg1r 8 месяцев назад

    Спасибо за материал

  • @MrLAE911
    @MrLAE911 11 месяцев назад

    Спасибо за видео)

  • @user-cx8ve8dv5b
    @user-cx8ve8dv5b 8 месяцев назад

    Спасибо большое, продолжай в том же духе, очень интересно и доступно🎉

  • @shmelactimel6099
    @shmelactimel6099 5 месяцев назад

    Приветствую! Хочу поддержать канал своим комментарием, твой разбор(лекция) по циклам понятен , интересен, грамотно излагаешь свою тему, без воды, пробуксовки на одном месте и не нудно ,спасибо! p.s отдельный респект за домашнее задание и выполненные ответы в тг для сравнения.

    • @pomazkovjs
      @pomazkovjs  5 месяцев назад

      Спасибо за коммент! Рад, что помогаю 💪🏼

  • @user-rr2gh4ox9i
    @user-rr2gh4ox9i 10 месяцев назад

    спасибо, все понятно

  • @illiabulgakov2013
    @illiabulgakov2013 8 месяцев назад

    Отличное видео спасибо!!!

  • @netlive3049
    @netlive3049 6 месяцев назад

    Спасибо ❤

  • @mayday4977
    @mayday4977 7 месяцев назад

    годнейшая подача!

  • @eldardusmuratov9081
    @eldardusmuratov9081 6 месяцев назад

    хорошая подача, спасибо! хорошая подача, спасибо! хорошая подача, спасибо! хорошая подача, спасибо!

  • @inessdin
    @inessdin 5 месяцев назад

    Отличное видео!

  • @madsurvival7042
    @madsurvival7042 11 месяцев назад +2

    Ты отлично объясняешь, благодарю тебя в комментариях:) было бы круто получить от тебя подарок в виде новых видео на более сложные темы. Так же разжованно как ты это сделал тут. Было бы круто, проекты с твоими объяснениями на js, React itd. Заранее благодарю!

    • @sh0ny
      @sh0ny 11 месяцев назад

      Подписываюсь под каждым словом!

  • @kurkanka
    @kurkanka 5 месяцев назад

    bravo. super

  • @valerjanochka
    @valerjanochka 11 месяцев назад +2

    Видео просто шикарное! Подача материала прекрасна, всё чётко, понятно и без воды. Очень интересно слушать. Даже не заметила, как пролетели 30 минут познавательного ролика. Сложные темы кажутся такими простыми после Ваших видео. Бесконечное Вам спасибо за Ваши старания и время, затраченное на создание такого полезного контента)
    P.s. Было бы ещё круто как-нибудь посмотреть видео на тему промисов, async/await ;)

    • @pomazkovjs
      @pomazkovjs  11 месяцев назад +2

      Спасибо за такой приятный комментарий! Видео про асинхронность и промисы есть в плане, следите за обновлениями тут и в тг/инсте 🙂

    • @user-ui6no2ms5q
      @user-ui6no2ms5q 11 месяцев назад

      ​@@pomazkovjsдоброго времени суток, молодой человек))). Контент, который Вы создаёте на высоте и я очень рад что Ютуб подкинул мне видео про становление 0-джун-мидл. Я начал задумываться про АйТи ещё когда был в другой стране, но гулянки в футбол с друзьями меня сильно отвлекали))). Перерыв немного-немало контента на Ютубе всё-таки понял - Я фронтенд разраб. Хотелось более подробного гайда(какие проекты делать, где брать информацию желательно бесплатную.) Огромное спасибо за Вашу деятельность!!! Удачи в творчестве и разработке!!!

  • @user-wv3lq1zv6d
    @user-wv3lq1zv6d 7 месяцев назад

    у вас хороший контент, пожалуйста, продолжайте)

  • @johnprivalov1062
    @johnprivalov1062 5 месяцев назад

    Благодарю

  • @Xron-TV
    @Xron-TV 11 месяцев назад

    Лучшее объяснение на ютубе❤

  • @user-mv8xr6mt4n
    @user-mv8xr6mt4n 7 месяцев назад

    спасибо за полезный урок)))

  • @neliazigmunt581
    @neliazigmunt581 6 месяцев назад

    спасибо за полезный контент! четко и по делу! подписка 🥰

  • @Liverpoolfc_1892
    @Liverpoolfc_1892 7 месяцев назад

    Отдуши обьснил❤, давай теперь про callback и асинхронные функции по подробнее , пжл.

  • @haykdorunc8986
    @haykdorunc8986 6 месяцев назад

    Xotelos b@ posmotret tvoe obyasnenie o methodax massivov, this - context i promisi.
    Spasibo

  • @user-qx6hn1qw8r
    @user-qx6hn1qw8r 8 месяцев назад

    Good job!

  • @ProHubProduction
    @ProHubProduction 16 дней назад

    Спасибо

  • @weblesson
    @weblesson 8 месяцев назад

    молодец, хорошо объясняешь.

  • @KinoTahlillar
    @KinoTahlillar 5 месяцев назад

    спасибо за урок

  • @smart_asss
    @smart_asss 11 месяцев назад +1

    Ждем видео по по Функциям!

  • @bohdanshyrii2380
    @bohdanshyrii2380 5 месяцев назад

    красава, брат цифры, лайк поставлен, от души.
    тебе удачи)

  • @artsemvodneu6579
    @artsemvodneu6579 2 месяца назад

    Ставлю лайк + подписка

  • @elmirbekmurzaev3418
    @elmirbekmurzaev3418 11 месяцев назад

    Спасибо за отличный контент🎉, го следующий контент про routes в Реакте

  • @alex_xplus7135
    @alex_xplus7135 11 месяцев назад +1

    Спасибо вам за урок!❤

  • @makcmakc963
    @makcmakc963 10 месяцев назад

    👍Отлично получается преподносить материал 💯. Не знаю только у меня так или нет, я уже старый, но плохо слышно звук 🥸

  • @vipercobra4472
    @vipercobra4472 8 месяцев назад

    Слушай хорошее объяснение циклов. Спасибо за него ! Хотелось бы увидеть логику работы цикла for когда надо найти минимальное и максимальное значение массива, просто не совсем понятно как это работает.

  • @user-bk1eb9ky5e
    @user-bk1eb9ky5e 6 месяцев назад

    Ты гений 🎉очень круто р

  • @Alex-bw3my
    @Alex-bw3my 11 месяцев назад

    Отличное видео! Спасибо за Ваш труд Арсений. Всё доступно и понятно. Есть вопрос. Понятно, что пишется код и его результат виден в консоле, но в итоге как он работает, какое влияние оказывает на "элементы" с которыми код взаимодействует?

  • @erixdj5116
    @erixdj5116 2 месяца назад

    Good job

  • @user-jy1je5hh3n
    @user-jy1je5hh3n 4 месяца назад

    👍👍

  • @telepuzzzik1
    @telepuzzzik1 11 месяцев назад

    спс

  • @MrSunTrope
    @MrSunTrope 2 месяца назад

    Было бы здорово урок по импортам в js

  • @evgeniasmirnova6939
    @evgeniasmirnova6939 3 месяца назад

    Я junior frontend разработчица. И мне ,как начинающему специалисту,важно понимать детали. У вас подача проста и понятна, хорошая визуализация + ваше обаяние

    • @user-so4kb2wp5z
      @user-so4kb2wp5z 2 месяца назад

      Долго училась? Сама или по курсам каким то?

    • @evgeniasmirnova6939
      @evgeniasmirnova6939 2 месяца назад

      @@user-so4kb2wp5z больше года. в основном сама, а так еще курс прошла и сейчас реакт изучаю

    • @user-so4kb2wp5z
      @user-so4kb2wp5z 2 месяца назад +1

      @@evgeniasmirnova6939 а сколько примерно в день часа 3-4 или как кто-то рассказывает по 10 часов?)

    • @artsemvodneu6579
      @artsemvodneu6579 2 месяца назад

      @@user-so4kb2wp5z24/7)

  • @user-cn3xi8cd7h
    @user-cn3xi8cd7h 7 месяцев назад

    большой рахмет

  • @schneegestober7232
    @schneegestober7232 5 месяцев назад

    Ты збс объясняешь)

  • @Theermek
    @Theermek 11 месяцев назад

    Привет, сними видео с лайфхаками, как разбираться в чужом коде и как импортировать код с Гита и какие шаги нужно произвести)

    • @pomazkovjs
      @pomazkovjs  11 месяцев назад +1

      Принято, спасибо за идею)

  • @vladyslavfereira6931
    @vladyslavfereira6931 6 месяцев назад

    Spasibp

  • @user-bj8oe1gt3r
    @user-bj8oe1gt3r 3 месяца назад

    все максимально подробно и понятно, но в одном моменте ни как не могу разобраться: в первом примере в цикле for в качестве индекса массива ты пишешь [ i ], но как можно использовать переменную созданную в цикле как ключ массива??

  • @vaspurakavdalian1133
    @vaspurakavdalian1133 3 месяца назад +2

    Привет Арсений,спасибо за урок,всё супер и четко.У меня просьба к вам ,как к профессионалу.
    Вот как сделать,чтобы слово "hello" сделать вот так : HeLlO. То есть ,чтобы начиналось с большой,а потом с маленькой и т.д
    Я создал функцию,передал параметр, затем объявил функцию ,передав аргумент("hello"). И с помощью .split() превратил в массив пропустил в .map() создав новый массив ,но итерацию не смог сделать..Помоги позжалуйста.Благодарю
    Да кстати,если у тебя есть telegram chat,либо другой общедоступный способ для учеников ,скинь позжалуйста я присоеденюсь.Спасибо👍

    • @pomazkovjs
      @pomazkovjs  3 месяца назад

      Привет! Спасибо за поддержку 🙌🏼 У меня есть чат, продублируй там свой вопрос, пожалуйста, и либо я, либо другие ребята обязательно помогут: t.me/+Hx6RaBT4Trw3ZjM6

  • @darkliro1564
    @darkliro1564 5 месяцев назад +1

    Подскажите, добрые люди, как решить 3,4,5ую задачки с гита? Только с помощью циклов

  • @ioankatsapovich
    @ioankatsapovich 8 месяцев назад

    жду видео о DOM

  • @Mikhail-MGL
    @Mikhail-MGL 5 месяцев назад

    в домашнем задании в показанном примере мы задали умножение от 0 до 10. но оно также срабатывает с числами от 0 до -10. Почему такое происходит?

  • @filmix2732
    @filmix2732 10 месяцев назад

    Можете помочь с 3 и 4 заданием? Я примерно понимаю что надо сделать, но выдаёт что то не то

    • @pomazkovjs
      @pomazkovjs  10 месяцев назад

      В описании к видео прикреплена ссылка на пост в тг, где лежит файл с решениями - можете использовать его, чтобы сверить ответы)

    • @filmix2732
      @filmix2732 10 месяцев назад

      @@pomazkovjs Спасибо!