SavchukIT
SavchukIT
  • 80
  • 1 103 735

Відео

Основи Git для початківців #3 - Стадії життєвого циклу. git commit
Переглядів 34914 днів тому
savchukit2312@gmail.com - електронна адреса для зворотного зв'язку Telegram: t.me/savchukit
Основи Git для початківців #2 - Встановлення Git. git init
Переглядів 42221 день тому
savchukit2312@gmail.com - електронна адреса для зворотного зв'язку Telegram: t.me/savchukit
Основи Git для початківців #1 - Вступ
Переглядів 1,1 тис.Місяць тому
savchukit2312@gmail.com - електронна адреса для зворотного зв'язку Telegram: t.me/savchukit
Основи JavaScript для початківців #37 - Підсумки. Що далі?
Переглядів 790Місяць тому
Електронна пошта для зворотного зв'язку: savchukit2312@gmail.com Telegram: t.me/savchukit Курси англійською мовою: Git: ua-cam.com/video/3RjQznt-8kE/v-deo.html Typescript: ua-cam.com/video/2pZmKW9-I_k/v-deo.html React: ua-cam.com/video/j942wKiXFu8/v-deo.html Таймкоди: 0:00 - Вступ 2:51 - Наступн кроки 3:20 - Git 5:01 - TypeScript 6:31 - JS фреймворки 11:29 - Англійська 13:02 - Мій досвід вивчен...
Основи JavaScript для початківців #36 - Фінальна практика. Infinite scroll
Переглядів 9672 місяці тому
Електронна пошта для зворотного зв'язку: savchuk2312@gmail.com Репозиторій: github.com/savchukit/Infinite-scroll Англомовне пояснення теми debounce: ua-cam.com/video/cjIswDCKgu0/v-deo.html
Основи JavaScript для початківців #35 - Об'єкт Math
Переглядів 1 тис.4 місяці тому
savchukit2312@gmail.com - електронна пошта для зворотного зв'язку t.me/savchukit - Telegram
Основи JavaScript для початківців #34 - Об'єкт Date. Дата і час
Переглядів 9114 місяці тому
savchukit2312@gmail.com - електронна пошта для зворотного зв'язку t.me/savchukit - Telegram ua-cam.com/video/-H6xNrnFI80/v-deo.html&ab_channel=DevDreamer - англомовний туторіал на цю тему
Основи JavaScript для початківців #33 - Рекурсія
Переглядів 1,5 тис.5 місяців тому
Знайди найкращу роботу саме для тебе сьогодн - geni.us/Savchuk
Основи JavaScript для початківців #32 - Валідація форм
Переглядів 1,6 тис.6 місяців тому
vitalysavchuk2312@gmail.com - електронна пошта для зворотного зв'язку github.com/savchukit - Github репозиторій
Основи JavaScript для початківців #31 - Регулярні вирази
Переглядів 1,9 тис.7 місяців тому
vitalysavchuk2312@gmail.com - електронна пошта для зворотного зв'язку uk.javascript.info/regular-expressions - теорія українською для прочитання ua-cam.com/video/r6I-Ahc0HB4/v-deo.html - відеокурс англійською Таймкоди: 0:00 - Вступ 4:12 - прапорці 6:54 - набори 8:29 - негативний набір 11:40 - діапазони 15:10 - квантифікатори 18:27 - символьн класи 23:43 - спеціальн символи 27:48 - альтернація 3...
Основи JavaScript для початківців #30 - Цикл подій / Event loop
Переглядів 2 тис.7 місяців тому
Статт для прочитання: felixgerschau.com/javascript-event-loop-call-stack/ dev.to/papidiagne30/javascript-event-loop-for-dummies-1bdi Візуалізація: www.jsv9000.app/ Найкраще відеопояснення: ua-cam.com/video/8aGhZQkoFbQ/v-deo.html Електронна пошта для зворотного зв'язку: vitalysavchuk2312@gmail.com
Основи JavaScript для початківців #29 - Сховища браузера. Local Storage, Session Storage, Cookies
Переглядів 2,6 тис.8 місяців тому
vitalysavchuk2312@gmail.com - електронна пошта для зворотного зв'язку github.com/savchukit/web-storages - код на GitHub ua-cam.com/video/GihQAC1I39Q/v-deo.html - коротший англомовний ролик на цю ж тему Таймкоди: 0:00 - Вступ 5:09 - об'єкт localstorage 9:15 - Local Storage на практиці 51:47 - Session Storage на практиці 57:08 - Cookies 1:02:14 - порівняльна табличка
Основи JavaScript для початківців #28 - Базовий інтернет-магазин
Переглядів 4,5 тис.9 місяців тому
github.com/savchukit/online-store - репозиторій vitalysavchuk2312@gmail.com - електронна пошта для зворотного зв'язку Таймкоди: 0:00 - Вступ. Показ функціоналу сайту 6:20 - GitHub 11:30 - Опис завдання 15:03 - Найважливіша частина відео 15:28 - Моя реалізація. index.html 17:23 - Стилі 21:08 - JS код
Основи JavaScript для початківців #27 - Ключове слово this
Переглядів 2,9 тис.10 місяців тому
vitalysavchuk2312@gmail.com - електронна пошта для зворотнього зв'язку Таймкоди: 0:00 - Вступ 2:17 - this в глобальній област видимості 3:38 - this в тіл функції 4:14 - this в метод об'єкта 5:50 - this в функції-конструктор 7:54 - this в класі 9:02 - this в стрілковій функції 17:04 - метод call 22:47 - метод apply 24:50 - метод bind
Основи JavaScript для початківців #26 - Прототипи
Переглядів 3,3 тис.11 місяців тому
Основи JavaScript для початківців #26 - Прототипи
Основи JavaScript для початківців #25 - Фабричні функції / Конструктори
Переглядів 3,3 тис.11 місяців тому
Основи JavaScript для початківців #25 - Фабричн функції / Конструктори
Основи JavaScript для початківців #24 - ООП. 4 принципи
Переглядів 4 тис.11 місяців тому
Основи JavaScript для початківців #24 - ООП. 4 принципи
Основи JavaScript для початківців #23 - ООП. Класи
Переглядів 4,7 тис.Рік тому
Основи JavaScript для початківців #23 - ООП. Класи
Основи JavaScript для початківців #22 - Async Await
Переглядів 6 тис.Рік тому
Основи JavaScript для початківців #22 - Async Await
Основи JavaScript для початківців #21 - Проміси / Promises
Переглядів 8 тис.Рік тому
Основи JavaScript для початківців #21 - Проміси / Promises
Основи JavaScript для початківців #20 - http-запити. Функція fetch
Переглядів 8 тис.Рік тому
Основи JavaScript для початківців #20 - http-запити. Функція fetch
Основи JavaScript для початківців #19 - Асинхронний JS
Переглядів 5 тис.Рік тому
Основи JavaScript для початківців #19 - Асинхронний JS
Основи JavaScript для початківців #18 - Поверхневе та глибоке (Shallow vs Deep) клонування об'єктів
Переглядів 5 тис.Рік тому
Основи JavaScript для початківців #18 - Поверхневе та глибоке (Shallow vs Deep) клонування об'єктів
Основи JavaScript для початківців #17 - Об'єкти vs Примітиви
Переглядів 7 тис.Рік тому
Основи JavaScript для початківців #17 - Об'єкти vs Примітиви
Важливе оголошення!
Переглядів 5 тис.Рік тому
Важливе оголошення!
Основи JavaScript для початківців #16 - Створення базового To-Do List
Переглядів 8 тис.Рік тому
Основи JavaScript для початківців #16 - Створення базового To-Do List
Основи JavaScript для початківців #15 - Стрілкові функції (Arrow functions)
Переглядів 5 тис.Рік тому
Основи JavaScript для початківців #15 - Стрілков функції (Arrow functions)
Основи JavaScript для початківців #14 - Методи масивів filter/map/reduce та інші
Переглядів 8 тис.Рік тому
Основи JavaScript для початківців #14 - Методи масивів filter/map/reduce та інші
Основи JavaScript для початківців #13 - Hoisting
Переглядів 7 тис.Рік тому
Основи JavaScript для початківців #13 - Hoisting

КОМЕНТАРІ

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

    дякую за такий класний курс JavaScript українською. Нехай тобі щастить, всього найкращого ;)

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

    Супер подача матеріалу ❤

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

    const subscribers = [ { name: "Nik", age: 25, profession: "boss" }, { name: "Ron", age: 28, profession: "football" }, { name: "Rita", age: 18, profession: "box" }, { name: "Jane", age: 38, profession: "cook" }, { name: "Nik", age: 25, profession: "boss" }, { name: "Ron", age: 28, profession: "football" }, { name: "Rita", age: 18, profession: "box" }, { name: "Jane", age: 38, profession: "cook" }, ]; function myInstSubscribers (subscribers) { if (subscribers.length >= 6) { return alert("Hi, you are a famous") } else { alert("Not enough"); } }; myInstSubscribers(subscribers); змінила тілки кількість

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

    Я в JS не розбираюсь але поки перестав дивитися цей курс після 15:30 бо вибачте але DOMContentLoaded існує.

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

    є майбутнє із фронтендом?

  • @Igor-vj6pf
    @Igor-vj6pf 7 днів тому

    34:00 - це є приклад замикання ?

  • @user-zz3sw8zc7b
    @user-zz3sw8zc7b 7 днів тому

    Дуже доступно пояснюєте, дякую!

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

    На ці відео очікую сильніше ніж на вихідні. Я так розумію, що основи Git повільно підходять до кінця, і наступним буде або Typescript або React, чи можливо щось інше. Цікаво, а чи можливо поєднати вивчення React з Typescript в навчальних відео коли розпочнуться нові?

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

      Колись Віталій казав, що буде React

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

    Блін, з цими коментарями про Пузату хату день у червні 2024 став кращим

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

    сайт про тварин не працює вже((

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

    Вау, доволі цікаво👀 Дуже компактно розповіли саму сутність. Я ще точно не впевнена чи вивчатиму це, проте дуже цікаво

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

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

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

    Привіт, Віталій запиши будь ласка відео як створювати галереї з використанням HTML, CSS та JS. Прокручування вручну або автоматично. Я сподіваюся багатьом людям було би це також дуже цікаво подивитися це в твоєму виконанні та потім самостійно розібратися як воно працює. Дякую.

  • @olesyadenysenko2106
    @olesyadenysenko2106 10 днів тому

    Крутезне відео! 🫶🏻 Дякую за корисну інформацію і мотивацію 💫

  • @Sen1ch948
    @Sen1ch948 10 днів тому

    дякую за класний урок, все чітко і без води. Тільки яка ключова різниця між forEach і filter якщо і той і інший робить якусь дію з кожним елементом

  • @user-oo1co8jg7e
    @user-oo1co8jg7e 10 днів тому

    класс крутіше не найдеш 999 лайків на відео а я кидаю 1000

  • @GAMER_PRO.100
    @GAMER_PRO.100 11 днів тому

    ggggggvbggvgb

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

    Супер ну нарешті почав розуміти як працюють функції. ДЯКУЮ за навчання🙂

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

    Дякую!!!! Розібралася! Ви геніальний учитель і талановито пояснюєте. Усього найкращого вам!!🙏🙏💙💛

  • @user-qm6hr9de8l
    @user-qm6hr9de8l 14 днів тому

    Підтримаю коментарі-викладацький хист у Вас є! Дякую за Ваші уроки!

  • @taraszarytskyi1859
    @taraszarytskyi1859 14 днів тому

    З аргументами і параметрами функціїї трохи наплутано. Аргументи це ті значення які ми передаємо коли викликаємо функцію. Параметри це те що знаходиться в дужках при оголошені функції Це по суті змінні, які працюють лише всередині функціїї. Значення цих змінних визначаються в момент виклику функції. Загалом уроки дуже круті :)

  • @user-qm6hr9de8l
    @user-qm6hr9de8l 16 днів тому

    Ну дуже мотиваційне відео! Дякую, Віталій.

  • @user-vh1iz8bp3b
    @user-vh1iz8bp3b 17 днів тому

    Супер,дякую!! Все зрозуміло! Ще б про ,як запушити послухати

  • @Lila-hj6fg
    @Lila-hj6fg 17 днів тому

    Дякую за актуальну інформацію! А чи можна попросити пораду, щодо хорошого хостингу в Україні.

  • @OksanaSaienko
    @OksanaSaienko 18 днів тому

    Дякую Вам величезне за таку працю і крутий контент!!! Здоровья Вам на довгі роки, грошей, достатку та щастя!!!💓

  • @PraBWa04
    @PraBWa04 19 днів тому

    Доброго вечора. Ще багато уроків по GITу планується?

  • @user-tn3uo6tr3t
    @user-tn3uo6tr3t 19 днів тому

    Нарешті продовження😊

  • @tarasgl2478
    @tarasgl2478 19 днів тому

    Привіт, а як можнf знайти номер елемента в масиві за допомогою назви цього елемента?

  • @Dimiurg-
    @Dimiurg- 20 днів тому

    Привіт, чи є у планах записати серію уроків по створенню реального проекту із фронтендом і бекендом із повноцінною базою данних ?

  • @Dimiurg-
    @Dimiurg- 20 днів тому

    не все є обєктами, примітиви не є обєктами вони мають доступ до обєктної обгортки через внутрішню роботу JS коли ви пробуєте достукатись до методів Відео справді чудове, гарно вимальовує структуру усього в голоді, дякую за проведену роботу)

  • @user-tn3uo6tr3t
    @user-tn3uo6tr3t 21 день тому

    З нетерпінням очікую на відео по Typescript. Коли почнеш їх випускати, то писатимеш їх з простим js чи з React?

  • @user-tf3jg3px7w
    @user-tf3jg3px7w 22 дні тому

    А Node.js буде ?)) бо відоси по Js мені дуже допомогли в свій час, зараз от ноду мучаю. Пригодилось би 😁

  • @RoTrend23493
    @RoTrend23493 23 дні тому

    Вчу React за рекомендацією Віталія в Стівена Грідера, і паралельно вивчу тут GIT😊

  • @RoTrend23493
    @RoTrend23493 23 дні тому

    Вау нова рубрика❤❤❤

  • @velmarxxx3613
    @velmarxxx3613 24 дні тому

    13:15 Чому "name" а не "userName"?@savchukit1454

  • @ValentinBahmackyi
    @ValentinBahmackyi 24 дні тому

    Мотивація єбєйша, я заряджений на навчання😁

  • @ValentinBahmackyi
    @ValentinBahmackyi 24 дні тому

    оце потрібно, лайк

  • @CapricornIT
    @CapricornIT 26 днів тому

    о це я розумію заставка

  • @alexandrsergeevich3788
    @alexandrsergeevich3788 26 днів тому

    Чекаю нових відео як вихідних після робочого тижня - з нетерпінням 😊

  • @gm_Maker
    @gm_Maker 27 днів тому

    Через конструктор не вышло... сделал иначе: function createCeils() { let tryWin = 3; const winCeil = Math.ceil(Math.random() * 9); const wrapper = document.querySelector('.lottery-wrapper'); for (let i = 0; i < 9; i++) { const ceil = document.createElement('button'); ceil.className = 'lottery-item'; ceil.innerText = i + 1; wrapper.append(ceil); } const ceils = document.querySelectorAll('.lottery-item'); ceils.forEach(button => button.addEventListener('click', function () { if (button.innerText == winCeil) { button.style.backgroundColor = 'green'; setTimeout(() => { alert('You Won 1 000 000 USD'); }, 100); ceils.forEach(button => (button.disabled = true)); } if (button.innerText != winCeil) { alert('Try again'); tryWin--; button.style.backgroundColor = 'red'; button.disabled = true; } if (tryWin <= 0) { ceils.forEach(button => (button.disabled = true)); alert('You lost :('); } }) ); } createCeils();

  • @user-qc2ol5ee2y
    @user-qc2ol5ee2y 28 днів тому

    Все просто і зрозуміло, але навіщо так швидко?

  • @greenparksquad6336
    @greenparksquad6336 29 днів тому

    в такого контенту незаслужено мало переглядів! починаючі програмісти мабуть по старій звичці дивляться гайди на общєпанятнам узкоязьіке. в той час як у нашому мовному сегменті є набагато більш якісний контент! бажаю процвітання каналу!

  • @volodymyrfrankiv412
    @volodymyrfrankiv412 29 днів тому

    Зрозуміло але не все, функцію створюємо для її дії чи виконання ., змінна = що або хтось потім щось ми виводим повідомленням чи в консолі , тоді в return вписуємо то значення яке ми хочем вивести коли ми хочемо завершити якусь дію і вивести якусь інформацію? Віталії зробіть будь ласка якийсь додатковий урок по функціям. Дякую за навчання.

  • @Lila-hj6fg
    @Lila-hj6fg Місяць тому

    Дякую за якісний урок!

  • @CapricornIT
    @CapricornIT Місяць тому

    1:01:54 хаха я просто випив води, а ти повторив за мною)))

  • @gm_Maker
    @gm_Maker Місяць тому

    Спасибо за урок! Как сделать выделения совпадающего текства? мое решение: const input = document.querySelector('.input') async function PrintUsers() { const request = await fetch(urlUsers) const dataUsers = await request.json() dataUsers.forEach(user => { const li = document.createElement('li') li.textContent = user.name li.classList = 'user' usersList.appendChild(li) }) } function filterUsers() { const allUsers = document.getElementsByClassName('user') const inputText = input.value.toLowerCase() for (const user of allUsers) { const userName = user.innerHTML.toLowerCase() if (userName.includes(inputText)) { user.classList.remove('hidden') } else { user.classList.add('hidden') } } } PrintUsers() input.addEventListener('keyup', filterUsers) input.addEventListener('change', filterUsers)

  • @antonishep2145
    @antonishep2145 Місяць тому

    дуже дякую за курс 🙏

  • @KrisPavlikovska
    @KrisPavlikovska Місяць тому

    Дякую за відео! Все зрозуміло і цікаво. Можете підказати, чи Ви десь пояснюєте детальніше про collback?

  • @user-mb5rm6oj1l
    @user-mb5rm6oj1l Місяць тому

    Зараз проходжу курс по JS, де максимально сухо подається інформація, після чого в мене підкралась думка, що я надто тупа для цього всього. Але випадково знайшла Ваші відео - Ви пояснюєте якось так, як мені треба, це реально цікаво, і реально у Ваших поясненнях є логіка (бо я в житті не запам’ятаю якусь абрукадабру, не розуміючи, для чого воно мені треба). Дякую Вам щиро і процвітання Вам, творчих успіхів та кар’єрних звершень!

  • @volodymyrfrankiv412
    @volodymyrfrankiv412 Місяць тому

    Просто Супер. const = "greatLessons". Дякуємо.