ItGidUA - web розробка з нуля
ItGidUA - web розробка з нуля
  • Видео 75
  • Просмотров 32 968
Анімація відліку на сайті - пишемо універсальний плагін. Прямий та зворотній відлік
iTGid.info - курсы Олекси Лущєнко
🪬 Курс JavaScript 24/2 : itgid.info/ua/course/js242
👑 Курс JavaScript 24/1 : itgid.info/ua/course/js24
🫶 Подякувати автору - монобанк: 5375414126666006 Лущенко О
🍹 Підтримати - www.buymeacoffee.com/itgid
✈️ Задати питання через телеграм: telegram.me/itgid_admin
Курси автора:
ReactJS: itgid.info/ua/course/reactjs
Методи масивів: itgid.info/ua/course/arraymethod
Канал UA: ruclips.net/channel/UC2WYDELeKCCfJoQMFPiMvJg
Канал ru: ruclips.net/user/itgid
Створюємо анімацію цифрового відліку JavaScript за допомогою setInterval. Пишемо універсальний код для сайту, збільшення чисел та зменшення.
Просмотров: 131

Видео

Додаємо очі, що світяться, на лого сайту за 10 хвилин. HTML + CSS
Просмотров 28819 часов назад
iTGid.info - курсы Олекси Лущєнко Курс HTML для JS розробників itgid.info/ua/course/html 🪬 Курс JavaScript 24/2 : itgid.info/ua/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ua/course/js24 Проект на codepen.io: codepen.io/Asmodey/pen/zYXVpwz 🧲 Скачати HTML CSS урока: t.me/itgid_info 🫶 Подякувати автору - монобанк: 5375414126666006 Лущенко О 🍹 Підтримати - www.buymeacoffee.com/itgid ✈️ Задат...
Пишемо плагін на JavaScript: підсвічуємо елемент на сторінці при завантажені
Просмотров 312Месяц назад
iTGid.info - курсы Олекси Лущєнко 🪬 Курс JavaScript 24/2 : itgid.info/ua/course/js242 👑 Курс JavaScript 24/1 : itgid.info/ua/course/js24 🫶 Подякувати автору - монобанк: 5375414126666006 Лущенко О 🍹 Підтримати - www.buymeacoffee.com/itgid ✈️ Задати питання через телеграм: telegram.me/itgid_admin Курси автора: ReactJS: itgid.info/ua/course/reactjs Методи масивів: itgid.info/ua/course/arraymethod ...
JavaScript: форматуємо input з телефоном при введенні. Анімація заповлення input
Просмотров 3863 месяца назад
🔥 Посилання на курс: itgid.info/ua/course/ts 🫶 Підтримати автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатити - www.buymeacoffee.com/itgid ✈️ Завантажити файл уроку : t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/course/nodeshop Канал UA: ruclips.net/channel/UC...
Код JS анімації з Instagram vs реальність - розбираємо код по поличках
Просмотров 5323 месяца назад
🔥 Посилання на курс: itgid.info/ua/course/ts 🫶 Підтримати автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатити - www.buymeacoffee.com/itgid ✈️ Телеграм канал : t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/course/nodeshop Канал UA: ruclips.net/channel/UC2WYDELeK...
Будь моїм Валентином | Вітальна листівка з анімацією на JS + HTML + CSS
Просмотров 3113 месяца назад
🔥 Посилання на курс: itgid.info/ua/course/ts 🫶 Підтримати автора - монобанк: 5375414126666006 Лущенко О 🍹 Задонатити - www.buymeacoffee.com/itgid ✈️ Телеграм канал : t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/course/nodeshop Канал UA: ruclips.net/channel/UC2WYDELeK...
Три сайта. Як вони змінилися за 7 років - розбираємо з гумором | Краще б качка копнула
Просмотров 3003 месяца назад
🔥 Посилання на курс: itgid.info/ua/ ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Попереднє відео: "Хочу это развидеть": ruclips.net/video/YNcm2cyoHaI/видео.html ruclips.net/video/pnixxGbr_WM/видео.html Сайти що розбираються: Сайт energystore.com.ua/ Сайт www.50kopeek.kiev.ua/ Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.i...
Абстрактні класи в TypeScript: повний розбір
Просмотров 1733 месяца назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Посилання на спрінт: itgid.info/ua/course/ts/ts-sprint-13 Спитай автора: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua...
TypeScript: Гетери та Сетери - повне керівництво, коротко і з прикладами
Просмотров 2324 месяца назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Посилання на спрінт: itgid.info/ua/course/ts/ts-sprint-12 Спитай автора: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua...
Як роблять меню навігації на сайтах з продажу шаблонів - повний розбір + урок + код
Просмотров 5074 месяца назад
🔥 Посилання на сайт: itgid.info ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. ⬇️ Завантажити код: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/course/nodeshop Канал UA: ruclips.net/channel/UC2WYDELeKCCfJoQMFPiMvJg Канал ru: ruclips.net/user/itgid Створю...
Progress bar JavaScript в стилі "Лицар доріг". Анімація, рекурсія - простий урок
Просмотров 2625 месяцев назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Посилання на спрінт: itgid.info/ua/course/ts 👉 Отримати код : t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/course/nod...
Наслідування в TypeScript. Повний посібник з extends у класах TS
Просмотров 2195 месяцев назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Посилання на спрінт: itgid.info/ua/course/ts/ts-sprint-10 Спитай автора: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua...
Десять налаштувать VSCode які пройшли перевірку часом. Завжди ставлю ці налаштування
Просмотров 3,3 тыс.5 месяцев назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Спитай автора: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/course/nodeshop Канал UA: ruclips.net/channel/UC2WYDELeKC...
Класи в TypeScript: створення, синтаксис, властивості та методи. Конструктор та readonly властивості
Просмотров 2475 месяцев назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Посилання на спрінт: itgid.info/ua/course/ts/ts-sprint-9 Спитай автора: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/...
Об'єкти в TypeScript, створення, особливості. Об'єкт як аргумент функції
Просмотров 2065 месяцев назад
🔥 Посилання на курс: itgid.info/ua/course/ts ❤️ Подякувати автору: монобанк: 5375414126666006 Лущенко О. Отримати курс в кабінеті: cabinet.itgid.info Посилання на спрінт: itgid.info/ua/course/ts/ts-sprint-8 Спитай автора: t.me/itgid_info Курси автора: HTML : itgid.info/ua/course/html JavaScript 2.0: itgid.info/ua/course/js20 ReactJS: itgid.info/ua/course/reactjs Інтернет магазин: itgid.info/ua/...
JavaScript ефект: програмуємо клавіші клавіатури для прокручування до елементів сайту
Просмотров 3655 месяцев назад
JavaScript ефект: програмуємо клавіш клавіатури для прокручування до елементів сайту
Масиви та кортежі в TypeScript повне керівництво
Просмотров 1795 месяцев назад
Масиви та кортеж в TypeScript повне керівництво
TypeScript: Працюємо з функціями. Типи даних функції, типи аргументів, процедури
Просмотров 2845 месяцев назад
TypeScript: Працюємо з функціями. Типи даних функції, типи аргументів, процедури
TypeScript: робота з input, select, radiobuttons, checkbox. Вчимося записувати та читати інформацію
Просмотров 2916 месяцев назад
TypeScript: робота з input, select, radiobuttons, checkbox. Вчимося записувати та читати інформацію
TypeScript на Codepen.io та JSFiddle
Просмотров 2016 месяцев назад
TypeScript на Codepen.io та JSFiddle
TypeScript: перша програма, компіляція ts в js, типи даних: number, string, boolean
Просмотров 8216 месяцев назад
TypeScript: перша програма, компіляція ts в js, типи даних: number, string, boolean
Застосовуємо PUG препроцесор HTML в онлайн пісочницях (Codepen.io)
Просмотров 1296 месяцев назад
Застосовуємо PUG препроцесор HTML в онлайн пісочницях (Codepen.io)
Pug препроцесор HTML. Синтаксис, теги, атрибути та структура сторінки
Просмотров 3596 месяцев назад
Pug препроцесор HTML. Синтаксис, теги, атрибути та структура сторінки
Pug препроцесор HTML - free course. Intro
Просмотров 1226 месяцев назад
Pug препроцесор HTML - free course. Intro
12 прикладів застосування JSX React на всі випадки життя
Просмотров 5597 месяцев назад
12 прикладів застосування JSX React на вс випадки життя
Труднощі з reduce? Переходим з циклу на reduce за 20 хвилин у JavaScript
Просмотров 4227 месяцев назад
Труднощ з reduce? Переходим з циклу на reduce за 20 хвилин у JavaScript
Нескінченний слайдер JavaScript. Створення на льоту, плавна зміна ширини слайду, request frame
Просмотров 5367 месяцев назад
Нескінченний слайдер JavaScript. Створення на льоту, плавна зміна ширини слайду, request frame
Проект на Node.js: сайт з адмін панеллю, реєстрацією, авторизацією, мультилогіном
Просмотров 7047 месяцев назад
Проект на Node.js: сайт з адмін панеллю, реєстрацією, авторизацією, мультилогіном
Node.js та MySQL через ORM. Застосовуємо Sequelize для запитів до бази даних
Просмотров 4178 месяцев назад
Node.js та MySQL через ORM. Застосовуємо Sequelize для запитів до бази даних
МуSQL та Node.js. Синхронні та асинхронні запити до бази даних
Просмотров 3008 месяцев назад
МуSQL та Node.js. Синхронн та асинхронн запити до бази даних

Комментарии

  • @Stas_Gutsal
    @Stas_Gutsal День назад

    Дякую за цікаве відео та розвиток українського контенту

  • @Nick_Chance
    @Nick_Chance 5 дней назад

    Супер урок! Дуже дякую!

  • @user-kf3tc7jz9x
    @user-kf3tc7jz9x 6 дней назад

    Дякую за контент на українській❤

  • @Stas_Gutsal
    @Stas_Gutsal 8 дней назад

    Дякую за круте відео, дуже цікаво дивитись на такі прикольні ідеї. Бажаю і далі не втрачати натхнення на їх створення

  • @jinke5935
    @jinke5935 8 дней назад

    Супер! Дякую вам за таку цікаву ідею!

  • @Lana_ClubFate_UA
    @Lana_ClubFate_UA 14 дней назад

    Щиро дякую! Те, що шукала.

  • @Lana_ClubFate_UA
    @Lana_ClubFate_UA 14 дней назад

    Дякую!

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

    Дякую за відео, дивно що так замало підпісників

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

    Ваш канал-найкрутіший. 1. Деталі, без "води". 2. Безкоштовна інформація. 3. Спокійний тон, крок-за-кроком. А, ще оформлення.

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

    Урааааа, круто, нарешті нове відео на україномовному каналі. Дякую за відео - бажаю і далі продовжувати випускати контент українською

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

    Дякую, за Україно мовний контент!!!

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

    Дякую автору за хороший контент. Не розумію чому так мало вподобайок

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

    цікаве та інформативне відео. видно професіонала

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

    Дякую за цікавий відеоролик

  • @GVV.58
    @GVV.58 2 месяца назад

    За український контент дякую

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

    Дякую, дуже круте пояснення. Чудова подача матеріалу та приклади. Ще й українською! Ви молодець!

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

    Початок дуже зрозумілий Дякую за вашу роботу

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

    Спробую пройти безкоштовно ( бо мені потрібно це для QA ) Якщо під кінець, буде реальний пруф, то обовязково куплю, в знак поваги Дякую за український контент!

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

    Дуже несподівано і приємно було зясувати, що є українська версія Дякую вам

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

    Дякую за україномовний контент! Автору респект.

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

    Дякую вам за такий курс, та ще й Українською! Успіхів!

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

    хотілося б подивитись як зробити автоматичне визначення коду країни з прапорцями.

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

    цікаве відео, проте дивно чому Ви не взяли одразу QS('.speed') на 18:40 чи є якась вигода з вашого підходу чи це просто ваша звичка?

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

    Олександре, якщо можна, поясніть, як робиться multy step progress bar.

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

    Дякую за цікавий урок

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

    Код країни = +380 далі іде код мережі та номер

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

    чудове заняття 👍

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

    Не юзерфрендлі. Навіть, якщо в placeholder внести формат номеру, при кліку в інпут він стає чистий і взагалі не зрозуміло з якого символа починати вводити. З плюса, з кода, з номера? Потрібно щоб маска при кліку висіла в інпуті і курсор був на тому місце де потрібно вводити символ. А це важча задача, ніж у відео. Тащити ще бібліотеку для простої задачі ну таке собі рішення. А прогресбар краще для поля пароля при реєстрації/зміні використовувати.

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

    Як завжди дуже корисно! 🔥 Дякую! 👍🇺🇦

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

    Досить цікава тема, на деякі речі трохи по-іншому подивився. Хороші та корисні практичні завдання для закріплення уроку. Трохи згадав регулярку для себе, і розумію що треба її трохи підтягнути ) Дякую вам, Олександр!

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

    Цитата дня - у мене є проблеми з головою, ну як у будь-якого програміста javascript😀

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

    Дякую! Це пізнавальний уроку! Вдвічі приємно що Українською! 😊👍💪🔥🇺🇦

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

    Є ідея для відео. От я завжди для сайтів використовував RobinHerbots/Inputmask. Вона прям ідеальна для форматування номерів телефону: залишаються символи нижнього слеша, в місцях для вводу символів, курсор завжди в правильному місці і т.д. Але трішки більше вивчивши JS я подумав а нафіга мені ціла бібліотека, якщо мені по-фактру треба лише форматування номеру для обратки. Якщо чесно, то руки ще не добрались її написати, немаю зараз часу, але це всерівно доведеться зробити ) Було б цікаво подивитись Вашу реалізацію.

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

    перший сайт - хіба таке можна оглядати? це не огріхи, це просто жах

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

    Вибачте, але мушу додати дуже важливу річ. Використання абстрактних класів обумовлено винесенням спільної логіки в абстрактний клас, а також, як ви і зазначили позначенням обовязкових полів, що будуть визначені/реалізовані в класі що його наслідує.

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

    Дякую! Корисно!

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

    Пояснення супер ! Дякую

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

    Дякую за відео

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

    Дякую, Олександр, за хороший контент. Освіжив якраз деякі знання по об'єктах :) Ну і домашні завдання по курсу TS, це дійсно те, що потрібно для прокачування знань та навичок, як по JS так і засвоєння чергового уроку TS. Успіхів вам! 💙💛

    • @itgidua-web7836
      @itgidua-web7836 3 месяца назад

      Дякую. Дійсно, завдання мені самому подобаються. Вже 3 рази пройшловся по файлам - оновлював. І все одно в чаті бувають питання, де я розумію що задача сформульована не повно... Тому працюємо і комунікуємо.

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

      @@itgidua-web7836 Це чудово, що завжди працюєте над вдосконаленнем курсу! Бажаю успіхів, нехай все вдається легко ) !

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

    Дякую за україномовний контент!!!! Все чітко і зрозуміло, без лишнього тексту😎

    • @itgidua-web7836
      @itgidua-web7836 3 месяца назад

      Дякую за комент. Дійсно не хватає.

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

    Нарешті в мене вийшло знайти якісний контент по ноді на Українській

  • @Ihor.mikheyev
    @Ihor.mikheyev 3 месяца назад

    Дякую за урок українською

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

    Супер. Дякую А можна ще урок з монгодб, бо часто використовують і цікаво теж було б попрацювати саме в вашому стилі))

    • @itgidua-web7836
      @itgidua-web7836 3 месяца назад

      Один урок не зможу. Думав зробити по монго курс, але у мене профіль роботи - це постгрес, сиквел тощо, без join не можу :) Звісно багато задач на продуктрі реалізуються на монго, але мій профіль - фінанси - реляційні баи даних.

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

    круто, що, окрім Тайпскрипта, ще по ооп проходитесь. Для новачків дуже корисно.

    • @itgidua-web7836
      @itgidua-web7836 3 месяца назад

      Так ТS без ООП не має сенсу...

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

    Вітаю, випадково натрапив на відео, дуже класна подача, але я б порадив використовувати більш зрозумілий неймінг. Мені здається що початківцям доволі важко сприймати код в цілому, а імена n1 t01 ітд просто створюють непотрібне навантаження. можна просто створювати якісь більш приземлені і наближені до життя приклади (адреса, працівник ітд, думаю ви і самі знаєте), відповідно буде банально простіше сприйматись і запамʼятовуватись. Успіхів!

    • @itgidua-web7836
      @itgidua-web7836 3 месяца назад

      Добрий день. Я з вами згоден, але на цей курс приходять далеко не початківці, а люди, які пройшли вишкіл курсом JS 2.0, функціями JS, методами масивів, тому вони вже непогано підготовлені. Що до імені - це в проектах, або складних задачах є. Імена t01 використовую, тому що хочу щоб той, хто вчиться був зосереджений на коді, а не на довгих іменах. Погодюся з вами що коли дивишся відео ціклом, то теж плутаєшся, але я сподіваюся, що люди пишуть код зі мною, зупиняются, передивляются, тобто працюють з відео як навчальним матеріалом.

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

    За українську лайк і підписка )

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

    Дякую! Українською круто! Чекаємо нових відео

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

    Thanks for the Ukrainian language,👍

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

    Снеккейс взагалі ж не є притаманним джаваскріпту бо у вас то або тощо. Взагалі частіше іде кемелкейс чи в джаваскріпт не важливо (як домовитися на проекті)?

    • @itgidua-web7836
      @itgidua-web7836 4 месяца назад

      В js та ts, завжди використовую camelCase, але якщо доходимо до документації то назви класів завжи з великої пишемо.