![SavchukIT](/img/default-banner.jpg)
- 80
- 1 103 735
SavchukIT
Ukraine
Приєднався 5 чер 2021
Я просто гуманітарна вискочка, яка прагне допомогти собі подібним увійти в ІТ :)
Основи Git для початківців #4 - git push. Створення репозиторію на Github
savchukit2312@gmail.com - електронна адреса для зворотного зв'язку
Telegram: t.me/savchukit
Telegram: t.me/savchukit
Переглядів: 242
Відео
Основи 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 Примітиви
Основи 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
дякую за такий класний курс JavaScript українською. Нехай тобі щастить, всього найкращого ;)
Супер подача матеріалу ❤
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); змінила тілки кількість
Я в JS не розбираюсь але поки перестав дивитися цей курс після 15:30 бо вибачте але DOMContentLoaded існує.
є майбутнє із фронтендом?
34:00 - це є приклад замикання ?
Фактично, так)
Дуже доступно пояснюєте, дякую!
На ці відео очікую сильніше ніж на вихідні. Я так розумію, що основи Git повільно підходять до кінця, і наступним буде або Typescript або React, чи можливо щось інше. Цікаво, а чи можливо поєднати вивчення React з Typescript в навчальних відео коли розпочнуться нові?
Колись Віталій казав, що буде React
Блін, з цими коментарями про Пузату хату день у червні 2024 став кращим
сайт про тварин не працює вже((
Вау, доволі цікаво👀 Дуже компактно розповіли саму сутність. Я ще точно не впевнена чи вивчатиму це, проте дуже цікаво
Добрий день ,звертаюсь за допомогою до автора після збереження я на тиснув не на іконку хрома а на іконку візуал студіо коду й мене не викидає в браузер а кидає назад до візуал студіо коду як це виправити
Привіт, Віталій запиши будь ласка відео як створювати галереї з використанням HTML, CSS та JS. Прокручування вручну або автоматично. Я сподіваюся багатьом людям було би це також дуже цікаво подивитися це в твоєму виконанні та потім самостійно розібратися як воно працює. Дякую.
Крутезне відео! 🫶🏻 Дякую за корисну інформацію і мотивацію 💫
дякую за класний урок, все чітко і без води. Тільки яка ключова різниця між forEach і filter якщо і той і інший робить якусь дію з кожним елементом
класс крутіше не найдеш 999 лайків на відео а я кидаю 1000
;)
ggggggvbggvgb
Супер ну нарешті почав розуміти як працюють функції. ДЯКУЮ за навчання🙂
Дякую!!!! Розібралася! Ви геніальний учитель і талановито пояснюєте. Усього найкращого вам!!🙏🙏💙💛
Підтримаю коментарі-викладацький хист у Вас є! Дякую за Ваші уроки!
З аргументами і параметрами функціїї трохи наплутано. Аргументи це ті значення які ми передаємо коли викликаємо функцію. Параметри це те що знаходиться в дужках при оголошені функції Це по суті змінні, які працюють лише всередині функціїї. Значення цих змінних визначаються в момент виклику функції. Загалом уроки дуже круті :)
Ну дуже мотиваційне відео! Дякую, Віталій.
Супер,дякую!! Все зрозуміло! Ще б про ,як запушити послухати
Дякую за актуальну інформацію! А чи можна попросити пораду, щодо хорошого хостингу в Україні.
Дякую Вам величезне за таку працю і крутий контент!!! Здоровья Вам на довгі роки, грошей, достатку та щастя!!!💓
Доброго вечора. Ще багато уроків по GITу планується?
Нарешті продовження😊
Привіт, а як можнf знайти номер елемента в масиві за допомогою назви цього елемента?
Привіт, чи є у планах записати серію уроків по створенню реального проекту із фронтендом і бекендом із повноцінною базою данних ?
не все є обєктами, примітиви не є обєктами вони мають доступ до обєктної обгортки через внутрішню роботу JS коли ви пробуєте достукатись до методів Відео справді чудове, гарно вимальовує структуру усього в голоді, дякую за проведену роботу)
З нетерпінням очікую на відео по Typescript. Коли почнеш їх випускати, то писатимеш їх з простим js чи з React?
А Node.js буде ?)) бо відоси по Js мені дуже допомогли в свій час, зараз от ноду мучаю. Пригодилось би 😁
Вчу React за рекомендацією Віталія в Стівена Грідера, і паралельно вивчу тут GIT😊
Вау нова рубрика❤❤❤
13:15 Чому "name" а не "userName"?@savchukit1454
Мотивація єбєйша, я заряджений на навчання😁
оце потрібно, лайк
о це я розумію заставка
Чекаю нових відео як вихідних після робочого тижня - з нетерпінням 😊
Через конструктор не вышло... сделал иначе: 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();
Все просто і зрозуміло, але навіщо так швидко?
в такого контенту незаслужено мало переглядів! починаючі програмісти мабуть по старій звичці дивляться гайди на общєпанятнам узкоязьіке. в той час як у нашому мовному сегменті є набагато більш якісний контент! бажаю процвітання каналу!
Зрозуміло але не все, функцію створюємо для її дії чи виконання ., змінна = що або хтось потім щось ми виводим повідомленням чи в консолі , тоді в return вписуємо то значення яке ми хочем вивести коли ми хочемо завершити якусь дію і вивести якусь інформацію? Віталії зробіть будь ласка якийсь додатковий урок по функціям. Дякую за навчання.
Дякую за якісний урок!
1:01:54 хаха я просто випив води, а ти повторив за мною)))
Спасибо за урок! Как сделать выделения совпадающего текства? мое решение: 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)
дуже дякую за курс 🙏
Дякую за відео! Все зрозуміло і цікаво. Можете підказати, чи Ви десь пояснюєте детальніше про collback?
Зараз проходжу курс по JS, де максимально сухо подається інформація, після чого в мене підкралась думка, що я надто тупа для цього всього. Але випадково знайшла Ваші відео - Ви пояснюєте якось так, як мені треба, це реально цікаво, і реально у Ваших поясненнях є логіка (бо я в житті не запам’ятаю якусь абрукадабру, не розуміючи, для чого воно мені треба). Дякую Вам щиро і процвітання Вам, творчих успіхів та кар’єрних звершень!
Просто Супер. const = "greatLessons". Дякуємо.