WebDev с нуля. Канал Алекса Лущенко
WebDev с нуля. Канал Алекса Лущенко
  • 822
  • 17 065 944
Фильтр товаров на JavaScript за 30 минут с кодом
iTGid.info - курсы Алекса Лущенко
🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242
👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24
🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О
🍹 Задонатить - www.buymeacoffee.com/itgid
✈️ Задать вопрос через телеграм: telegram.me/itgid_admin
Курсы автора:
ReactJS: itgid.info/ru/course/reactjs
Методы массивов: itgid.info/ru/course/arraymethod
Канал ru: ua-cam.com/users/itgid
Канал UA: ua-cam.com/channels/2WYDELeKCCfJoQMFPiMvJg.html
Переглядів: 2 311

Відео

Анимация печатания текста + эффект исправления "ошибок" на JavaScript + CSS
Переглядів 1,7 тис.День тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
FETCH JavaScript: на реальных примерах. Синтаксис, then, await, методы, настройки. Передача headers
Переглядів 2 тис.14 днів тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
HTTP запросы - GET, POST, PUT... Работаем с Postman
Переглядів 2,8 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
JavaScript события клавиатуры + пишем игру на JS
Переглядів 1,9 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
Обзор задач на setInterval, setTimeout
Переглядів 873Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
Анимация отсчета на JavaScript. Пишем универсальный плагин - прямой и обратный отсчет, setInterval
Переглядів 1,8 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
Объект Date JavaScript - полный разбор за 45 минут
Переглядів 1,7 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
Светящиеся глаза логотипа сайта - HTML + CSS за 10 минут
Переглядів 2,6 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 Проект на codepen.io: codepen.io/Asmodey/pen/zYXVpwz 🧲 Скачать HTML CSS урока: t.me/itgid_info 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курс...
Добавляем reCaptcha на сайт: подробно по шагам. Пример на PHP, Node.JS
Переглядів 2,3 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 👆 Попробовать код: goit.org.ua/ ⬇️ Скачать код: t.me/itgid_info reCaptcha добавить новый сайт: www.google.com/recaptcha/admin/create панель управления reCaptcha: www.google.com/recaptcha/admin/site/ 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Кур...
Строки в JavaScript: тотальный разбор
Переглядів 2,2 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
Коллекции Set в JavaScript. Все о set: методы, переборы, логические операции
Переглядів 2,1 тис.Місяць тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
Так никто не делает! Tic-Tac-Toe на одномерном массиве, JavaScript игра
Переглядів 2,4 тис.2 місяці тому
iTGid.info - курсы Алекса Лущенко 🪬 Курс JavaScript 24/2 : itgid.info/ru/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ru/course/js24 🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатить - www.buymeacoffee.com/itgid ✈️ Задать вопрос через телеграм: telegram.me/itgid_admin Курсы автора: ReactJS: itgid.info/ru/course/reactjs Методы массивов: itgid.info/ru/course/arraymeth...
JavaScript. Вложенные циклы. Рисуем сложные фигуры
Переглядів 2,3 тис.2 місяці тому
JavaScript. Вложенные циклы. Рисуем сложные фигуры
Пишем плагин на JavaScript: подсвечиваем элемент, который нужно показать пользователю при загрузке
Переглядів 2,2 тис.2 місяці тому
Пишем плагин на JavaScript: подсвечиваем элемент, который нужно показать пользователю при загрузке
Массивы в JavaScript. Необходимые методы - их нужно знать!
Переглядів 2,6 тис.2 місяці тому
Массивы в JavaScript. Необходимые методы - их нужно знать!
Массивы в JS: создание, базовые методы. Баги при работе с массивами, вывод массивов
Переглядів 2,9 тис.2 місяці тому
Массивы в JS: создание, базовые методы. Баги при работе с массивами, вывод массивов
Начинаем проект на месяц: ExpressJS + MySQL + MongoDB
Переглядів 2,7 тис.2 місяці тому
Начинаем проект на месяц: ExpressJS MySQL MongoDB
События JS: cut, paste, copy, focus и другие. addEventListener, removeEventListene, once
Переглядів 1,9 тис.2 місяці тому
События JS: cut, paste, copy, focus и другие. addEventListener, removeEventListene, once
Создаем элементы в JS с помощью createElement. Методы append, before, after, prepend
Переглядів 2 тис.2 місяці тому
Создаем элементы в JS с помощью createElement. Методы append, before, after, prepend
Работа с атрибутами в JavaScript. Атрибуты в розетке и амазон. Пользовательские атрибуты
Переглядів 2,4 тис.2 місяці тому
Работа с атрибутами в JavaScript. Атрибуты в розетке и амазон. Пользовательские атрибуты
JS+CSS: анимация бесконечного вращения барабана - генерируем и удаляем элементы на лету.
Переглядів 2,4 тис.2 місяці тому
JS CSS: анимация бесконечного вращения барабана - генерируем и удаляем элементы на лету.
Цикл For в JavaScript. Тотальный разбор
Переглядів 2,7 тис.2 місяці тому
Цикл For в JavaScript. Тотальный разбор
Обзор проекта : калькулятор для строительного сайта
Переглядів 1,9 тис.2 місяці тому
Обзор проекта : калькулятор для строительного сайта
JavaScript: if, if else, else, switch, case - делаем ветвление в программах
Переглядів 1,7 тис.2 місяці тому
JavaScript: if, if else, else, switch, case - делаем ветвление в программах
Работа с input, select, textarea, checkbox в JavaScript
Переглядів 3,1 тис.3 місяці тому
Работа с input, select, textarea, checkbox в JavaScript
Как обучаться на курсе JS24: интерфейс, секреты, коды загрузка и проверка кодов
Переглядів 2 тис.3 місяці тому
Как обучаться на курсе JS24: интерфейс, секреты, коды загрузка и проверка кодов
Переменные и константы в JavaScript. Let, Const когда и что объявлять на примерах
Переглядів 2 тис.3 місяці тому
Переменные и константы в JavaScript. Let, Const когда и что объявлять на примерах
JavaScript - вывод информации на страницу HTML
Переглядів 2,8 тис.3 місяці тому
JavaScript - вывод информации на страницу HTML
Настраиваем VSCode, VSCodium к программированию в JavaScript
Переглядів 4,3 тис.3 місяці тому
Настраиваем VSCode, VSCodium к программированию в JavaScript

КОМЕНТАРІ

  • @didar271
    @didar271 11 хвилин тому

    ничего не понятно это видео не для новичка

  • @vitalygaraev8093
    @vitalygaraev8093 День тому

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

  • @denissavast
    @denissavast 2 дні тому

    Благодарю!

  • @Stazzz544
    @Stazzz544 2 дні тому

    Наверно лучше было бы создать json со списком объектов Получить его через фетч, для иммитации бэка Сохранить список в переменную и уже его фильтровать и мапить из него в ui Так было бы более приближенно к реальном кейсам, мне кажется

  • @maratd1781
    @maratd1781 2 дні тому

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

    • @maratd1781
      @maratd1781 2 дні тому

      Ранее т9 фигню вставило, исправил, прошу прощения

  • @SportB.B
    @SportB.B 3 дні тому

    Добрый день Почему взято именно 10?

  • @tomanderson5893
    @tomanderson5893 3 дні тому

    Спасибо, супер видео

  • @vitalygaraev8093
    @vitalygaraev8093 3 дні тому

    Спасибо, супер!

  • @ivanvano8571
    @ivanvano8571 4 дні тому

    Я також більше не зрозумів, ніж зрозумів. Багато конструкцій, ніякої логіки щоб запамятати, якщо б прийшлось щось повторити - без шансів. Це чесно, на даний момент.

  • @flowcsgo804
    @flowcsgo804 4 дні тому

    да хватит обзывать консоль уже🤣🤣 а так видео полезное, спасибо))

  • @leonidilinskiy8180
    @leonidilinskiy8180 4 дні тому

    для флекс-контейнера есть свойство gap:; которое устанавливает отступы между элементами. так же есть калькулятивные свойства padding и margin для страниц с направлениями справа-налево(арабская вязь) и сверху вниз(японский язык) padding-left => padding-iniline-start padding-right => padding-iniline-end padding-top => padding-block-start padding-bottom => padding-block-end для margin меняем в примере выше padding на margin с точки зрения семантики написание стилей для тегов - плохой тон, всегда используйте классы иначе можете выстрелить себе в ногу в продуктовой верстке в моменте с бордерами ты для каждого класса перезаписываешь значение границ это увеличивает время рендеринга страницы можно было для класса .box написать border: 3px solid; а уже остальными классами делать border-color; по скрипту: слишком большие функции, функции должны быть тупыми и описывать одно действие добавление обработчика на элемент без записи этого элемента в переменную плохой тон в общем ребята туториал хороший но когда вы начнете работать верстальщиками на ревью вас засрут, примите во внимание мои рекомендации при написании кода Автор, пожалуйста соблюдай чистоту кода при написании туториалов, не плоди безграмотных верстаков, они будут неуверенными в себе после первого же ревью такого кода в продуктовой команде

  • @vitalygaraev8093
    @vitalygaraev8093 4 дні тому

    Спасибо!

  • @aktanomurbekov585
    @aktanomurbekov585 5 днів тому

    а как сделать наоборот?

  • @timurtimurovich1937
    @timurtimurovich1937 5 днів тому

    блин не могу зайти на сайт посмотреть курсы...

    • @itgid
      @itgid 5 днів тому

      Впн

    • @timurtimurovich1937
      @timurtimurovich1937 5 днів тому

      @@itgid без регистрации можно пользоваться?

  • @kunduzkonurbaeva256
    @kunduzkonurbaeva256 5 днів тому

    Thank you so much. You had explained very simply.

  • @disc3357
    @disc3357 6 днів тому

    Александр, здравствуйте! Можно сортировку сделать через атрибут data-color в тегах html. И через условное выражение сравнивать по цвету, если равны, то показывем их. Код где-то на 4 строки.

  • @alexeyfilippov42
    @alexeyfilippov42 6 днів тому

    мне проснулся у меня на фоне фильм следствие вели

  • @artemkirkhmaier484
    @artemkirkhmaier484 6 днів тому

    было бы здорово, если объясняли все свои действия и для чего это нужно. Поэтому появляется много вопросов без ответов.

  • @DIMANVAZ04
    @DIMANVAZ04 7 днів тому

    спасибо, дядь Саш

  • @el_grey
    @el_grey 7 днів тому

    Без раздумий подписка

  • @amigo221
    @amigo221 7 днів тому

    Дякую, було дуже корисно!

  • @viktoria7281
    @viktoria7281 7 днів тому

    27:57 Почему результаты разные: Оператор ++, стоящий после переменной, возвращает текущее значение переменной, а затем увеличивает её на единицу. Поэтому выражение accum++ сначала возвращает старое значение accum, а затем увеличивает его. В случае с тернарным оператором это приводит к тому, что accum++ возвращает значение accum до инкрементации, и оно же возвращается в reduce, то есть accum не изменяется в текущем вызове.

  • @sadivnytsia
    @sadivnytsia 8 днів тому

    Дякую! У мене зберігається і "перший фільтр" і цей з задоволенням додала до корисних нотаток. Буду використовувати

  • @user-eb8oe8tg3u
    @user-eb8oe8tg3u 8 днів тому

    По Хомо комбат , у вас есть какие нибудь совети?

    • @itgid
      @itgid 8 днів тому

      Простите, лучший совет любителям хомокомбат - не учите программирование. Спасибо.

    • @user-eb8oe8tg3u
      @user-eb8oe8tg3u 5 днів тому

      @@itgid Вы считаете , что создать своего (хомяка), и рубить бабло на лохах это , не правильно?

  • @BROnik
    @BROnik 8 днів тому

    агінь 🔥

  • @user-ek9mp1nw5s
    @user-ek9mp1nw5s 8 днів тому

    Ваши уроки просто бесценны

  • @1ub0v70
    @1ub0v70 8 днів тому

    12:03

  • @elkazmakaz5870
    @elkazmakaz5870 8 днів тому

    Постоянно вижу эти годные видео у себя в подписках, но так и не нахожу время посмотреть) лень губит

  • @user-qe3kk8sn3p
    @user-qe3kk8sn3p 8 днів тому

    Спасибо большое! Как раз хотел научиться делать фильтр на js. Вы вовремя)

  • @nic-ori
    @nic-ori 8 днів тому

    Useful information. Thanks!👍👍👍

  • @sattobyte9702
    @sattobyte9702 8 днів тому

    Вы лучший учитель.

  • @vitalygaraev8093
    @vitalygaraev8093 8 днів тому

    Все хорошо объясняется, спасибо!

  • @senniagordinskaya4051
    @senniagordinskaya4051 9 днів тому

    Спасибо!

  • @user-yr2gp5yt5p
    @user-yr2gp5yt5p 9 днів тому

    У меня уже рефлекс, слышу этот голос - ставлю лайк

  • @elery825
    @elery825 9 днів тому

    Обожаю ваши уроки! После нескольких курсов искренне была уверена, что слишком тупая для js, но вы так понятно объясняете, что даже до меня доходит) Жаль, конечно, что сам курс купить невозможно

  • @user-zu7fl9oc9c
    @user-zu7fl9oc9c 11 днів тому

    Отличный урок. Спасибо огромное!

  • @vitalygaraev8093
    @vitalygaraev8093 11 днів тому

    Большое спасибо!

  • @naFonke
    @naFonke 11 днів тому

    у меня денвер почему-то не работает (windows 10)

  • @user-to5ce9ou9b
    @user-to5ce9ou9b 12 днів тому

    Друг марго

  • @user-to5ce9ou9b
    @user-to5ce9ou9b 12 днів тому

    Из альпа скулл

  • @user-to5ce9ou9b
    @user-to5ce9ou9b 12 днів тому

    Здрасте ето я марк

  • @egorkurilko2995
    @egorkurilko2995 12 днів тому

    Красота!

  • @1caccount756
    @1caccount756 12 днів тому

    👍👍👍👍👍👍👍👍👍

  • @user-mj9xc6wf6n
    @user-mj9xc6wf6n 12 днів тому

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

  • @yurimkarelin
    @yurimkarelin 12 днів тому

    Александр, а разве функция (IIFE которая) не обрабатывается синхронно (до добавления async/await) и, в любом случае, не будет выполнена раньше, чем then у верхнего fetch?

  • @MuzKlip
    @MuzKlip 13 днів тому

    Дякую за чудовий урок! Все було просто відмінно роз'яснено, навіть до таких деталей, що відображається в консолі браузері. Ваш талант пояснювати складні речі - просто неперевершений. Супер!

  • @nikhybrid6759
    @nikhybrid6759 13 днів тому

    все наглядно и понятно. Все намного подробнее чем было в курсе JS 2.0

  • @MrColins710
    @MrColins710 13 днів тому

    як завжди топ, дякую

  • @paraplanberd
    @paraplanberd 13 днів тому

    Спасибо за классные уроки!!!