![Vasilii Muravev](/img/default-banner.jpg)
- Видео 104
- Просмотров 1 468 868
Vasilii Muravev
Россия
Добавлен 28 июл 2014
Канал по современной веб-разработке 🔥 для смены профессии, заработка или вашего бизнеса.
Здесь вы найдете большое количество уроков, посвященных разработке на языке JavaScript, с использованием современных инструментов и фрэймворков: ReactJS, Gatsby, NextJS, NodeJS, ExpressJS, MongoDB.
🔴 Моя учебная платформа: stackdev.ru
🔵 Мой телеграм канал: stackdevru
Обо Мне
Более 8 лет назад я кардинально поменял свою карьеру и начал заниматься любимым делом - веб-разработкой. За это время удалось сильно углубиться в экосистему JS и поработать над рядом интересных проектов (от стартапов до более зрелых проектов).
Создавая свой учебный проект StackDev.ru, в первую очередь, хочу помочь всем начинающим разработчикам получить знания, необходимые для начала карьеры в области веб-разработки. Залог любого успеха - много практики и терпение. Не нужно бояться изучения новых технологий!
Здесь вы найдете большое количество уроков, посвященных разработке на языке JavaScript, с использованием современных инструментов и фрэймворков: ReactJS, Gatsby, NextJS, NodeJS, ExpressJS, MongoDB.
🔴 Моя учебная платформа: stackdev.ru
🔵 Мой телеграм канал: stackdevru
Обо Мне
Более 8 лет назад я кардинально поменял свою карьеру и начал заниматься любимым делом - веб-разработкой. За это время удалось сильно углубиться в экосистему JS и поработать над рядом интересных проектов (от стартапов до более зрелых проектов).
Создавая свой учебный проект StackDev.ru, в первую очередь, хочу помочь всем начинающим разработчикам получить знания, необходимые для начала карьеры в области веб-разработки. Залог любого успеха - много практики и терпение. Не нужно бояться изучения новых технологий!
Дженерики в TypeScript с нуля (Generic, Extends, Параметры по Умолчанию + Примеры Использования)
В этом видео мы разберемся как работают дженерики в Typescript и как правильно их использовать. Generic позволяет нам создавать функции, которые могут использовать одинаковую логику для разных типов данных.
Мои Курсы:
JavaScript для начинающих: stackdev.ru/courses/javascript
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: vm_online
Мой блог о веб-разработке: stackdev.blog
Мои Курсы:
JavaScript для начинающих: stackdev.ru/courses/javascript
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: vm_online
Мой блог о веб-разработке: stackdev.blog
Просмотров: 3 404
Видео
#15. Функции Debounce и Throttle в JavaScript (пишем с нуля и разбираемся как работают)
Просмотров 2,3 тыс.7 месяцев назад
В этом видео мы разберемся для чего нужны и как работают функции Debounce и Throttle в JavaScript. Мы напишем с нуля обе функции и отобразим результат работы Debounce и Throttle на нашей странице. Файлы для работы: t.me/stackdevru/78 Мои Курсы: Все мои курсы ( исходные файлы): stackdev.ru JavaScript для начинающих: stackdev.ru/courses/javascript Подписывайся на соц сети: Telegram: t.me/stackde...
Табы на JavaScript (работаем с DOM деревом, событиями и циклами JS, меняем свойства HTML и CSS)
Просмотров 2,7 тыс.8 месяцев назад
В этом видео мы научимся создавать табы (вкладки) на чистом JavaScript. Для решения этой задачи мы будем работать с DOM деревом, чтобы динамически менять значения атрибутов HTML элементов. Мы также будем использовать переменные, стрелочные функции, циклы и события JS. Файлы проекта: t.me/stackdevru/75 Мои Курсы: JavaScript для начинающих: js001.ru React для начинающих: react001.ru Все мои курс...
JavaScript ES2023: 4 новых метода массивов (with, toSorted, toReversed, toSpliced)
Просмотров 2,3 тыс.9 месяцев назад
В этом видео мы изучим 4 новых метода массивов JavaScript - with, toSorted, toReversed, toSpliced. Главное преимущество этих методов заключается в том, что они не мутируют исходный массив. Файлы для начала работы: t.me/stackdevru/74 Мои Курсы: JavaScript для начинающих: js001.ru React для начинающих: react001.ru Все мои курсы ( исходные файлы): stackdev.ru Подписывайся на соц сети: Telegram: t...
Почему не нужно просить повышения зарплаты, а вместо этого сменить работу!
Просмотров 2,5 тыс.11 месяцев назад
Именно при смене работы вы получаете больше шансов повысить вашу зарплату, так как поиск ведется в рамках текущих рыночных условий, который учитывает инфляцию и многие другие моменты. 00:00 Введение 00:20 Разумный размер повышения зарплаты после года работы 01:42 HR бюджеты 02:27 Бюджет на поддержание текущей деятельности 03:43 Переход в новую компанию Мои Курсы: JavaScript для начинающих: js00...
JavaScript - 6 задач на собеседовании + решение
Просмотров 16 тыс.Год назад
В этом видео мы рассмотрим 6 задач, которые встречаются на собеседованиях JavaScript и решим их. Рабочие файлы: t.me/stackdevru/72 Мои Курсы: JavaScript для начинающих: js001.ru React для начинающих: react001.ru Все мои курсы ( исходные файлы): stackdev.ru Подписывайся на соц сети: Telegram: t.me/stackdevru VK: vasilymur Instagram: vm_online Мой блог о веб-разработке: stac...
JavaScript - таймер обратного отсчета (используем объект Date, setInterval, обработчики событий)
Просмотров 2,9 тыс.Год назад
JavaScript - таймер обратного отсчета (используем объект Date, setInterval, обработчики событий)
#14. JavaScript. Массивы JS: 3 способа создания
Просмотров 4,9 тыс.Год назад
#14. JavaScript. Массивы JS: 3 способа создания
React и TypeScript - Практический Курс [2023]
Просмотров 29 тыс.Год назад
React и TypeScript - Практический Курс [2023]
JavaScript - отмечаем список чекбоксов, удерживая клавишу Shift.
Просмотров 1,5 тыс.Год назад
JavaScript - отмечаем список чекбоксов, удерживая клавишу Shift.
JavaScript - создаем динамический поиск (используем события js, fetch, map, filter, forEach, regex)
Просмотров 17 тыс.Год назад
JavaScript - создаем динамический поиск (используем события js, fetch, map, filter, forEach, regex)
CSS Flexbox #13. Используем свойства flex (flex grow, flex shrink и flex basis) вместе с flex-wrap
Просмотров 2,5 тыс.Год назад
CSS Flexbox #13. Используем свойства flex (flex grow, flex shrink и flex basis) вместе с flex-wrap
CSS Flexbox #12. Используем комбинацию свойств flex grow, flex shrink и flex basis
Просмотров 2,7 тыс.Год назад
CSS Flexbox #12. Используем комбинацию свойств flex grow, flex shrink и flex basis
CSS Flexbox #11. Используем свойство flex с одним значением (flex: 1)
Просмотров 1,7 тыс.Год назад
CSS Flexbox #11. Используем свойство flex с одним значением (flex: 1)
CSS Flexbox #10. Выравнивание флекс элементов в контейнере, используя свойство align-self
Просмотров 1,3 тыс.Год назад
CSS Flexbox #10. Выравнивание флекс элементов в контейнере, используя свойство align-self
CSS Flexbox #9. Выравнивание и центрирование flex-элементов с помощью свойства align-content
Просмотров 1,8 тыс.Год назад
CSS Flexbox #9. Выравнивание и центрирование flex-элементов с помощью свойства align-content
CSS Flexbox #8. Используем свойство align-items для выравнивания и центрирования flex элементов
Просмотров 1,6 тыс.Год назад
CSS Flexbox #8. Используем свойство align-items для выравнивания и центрирования flex элементов
CSS Flexbox #7. Используем свойство justify-content для выравнивания и центрирования flex-элементов
Просмотров 1,9 тыс.Год назад
CSS Flexbox #7. Используем свойство justify-content для выравнивания и центрирования flex-элементов
CSS Flexbox #6. Меняем порядок элементов внутри flex контейнера, используя свойство order
Просмотров 2,3 тыс.Год назад
CSS Flexbox #6. Меняем порядок элементов внутри flex контейнера, используя свойство order
CSS Flexbox #5. Используем свойство flex-wrap, которое позволяет элементам занять несколько строк.
Просмотров 2,4 тыс.Год назад
CSS Flexbox #5. Используем свойство flex-wrap, которое позволяет элементам занять несколько строк.
CSS Flexbox #4. Используем свойство flex-direction, чтобы менять направление главной оси
Просмотров 2,6 тыс.Год назад
CSS Flexbox #4. Используем свойство flex-direction, чтобы менять направление главной оси
CSS Flexbox #3. Начинаем работу с Flexbox (cоздаем flex контейнер + flex элементы)
Просмотров 3,8 тыс.Год назад
CSS Flexbox #3. Начинаем работу с Flexbox (cоздаем flex контейнер flex элементы)
CSS Flexbox #2. Структура проекта Flexbox
Просмотров 3,2 тыс.Год назад
CSS Flexbox #2. Структура проекта Flexbox
Нужен ли диплом программисту в 2022 году? (Результаты американского исследования)
Просмотров 2,2 тыс.Год назад
Нужен ли диплом программисту в 2022 году? (Результаты американского исследования)
NextJS Вводный Курс #15 - Передаем данные для создания каждой динамической страницы в компонент.
Просмотров 4,9 тыс.2 года назад
NextJS Вводный Курс #15 - Передаем данные для создания каждой динамической страницы в компонент.
NextJS Вводный Курс #14 - Динамические маршруты для статических страниц (часть 2)
Просмотров 4 тыс.2 года назад
NextJS Вводный Курс #14 - Динамические маршруты для статических страниц (часть 2)
NextJS Вводный Курс #13 - Динамические маршруты для статических страниц (часть 1)
Просмотров 4,8 тыс.2 года назад
NextJS Вводный Курс #13 - Динамические маршруты для статических страниц (часть 1)
NextJS Вводный Курс #12 - Отображаем список бургеров на странице
Просмотров 3,8 тыс.2 года назад
NextJS Вводный Курс #12 - Отображаем список бургеров на странице
NextJS Вводный Курс #11 - Получаем данные с помощью функции getStaticProps
Просмотров 7 тыс.2 года назад
NextJS Вводный Курс #11 - Получаем данные с помощью функции getStaticProps
Плейлист просто 🔥 Очень просто и доступно
кучу видео пересмотрел, еще не встречал того, кто знал бы настолько хорошо эту тему,чтобы мог объяснить. Все объясняют это по-разному и разное понимание.
спасибо за видеуроки!
j < nums.length - 1
вторую задачу можно было написать в 2 строки
еще в стрелочный не возможно использовать argument и создать через new
А можно ли добится подобного функционала если писать в старом стандарте es5?
курс устарел а новый никто не сделал
Хорошо объясняете, но жаль что только для мужчин. Очень непонятно слушать про машины. Тут в js надо разобраться, а приходится слушать про какие-то баки, литры, автопарковка... Уверена что можно найти какой-то более нормальный универсальный пример
У вас код и объяснение один в один с Web Dev Simplified, только на русском. Но то видео вышло раньше)
Спасибо большущее, просто бомба объяснил. Теперь понял, что и как. В душе светит солнце, дом полон радости)))
Спасибо большое!!!!
Чудесно звучит 🎉❤ А когда будет продолжение этой темы разговора 😮
Здорово! Немного добавлю от себя. Если сразу с зажатым шифтом кликнуть на любой чекбокс, то все чекбоксы начиная от него и до конца будут отмечены. Чтоб этого не было, добавил в первый if еще одно условие: && lastChecked. Тогда все отлично работает, сразу с зажатым шифтом можно отмечать два чекбокса и будет выделены все между ними
Ваот это супер пример! Благодарность (heart heart love)
все круто обьяснил, ну пропустил одну очень важную деталь про контекст, а именно контекст в стрелочных функциях, на собесах про это часто спрашивают
Объясните, пожалуйста, что это за запись на 51:07 на 25 строке? Почему name взято в квадратные скобки?
Ёмко, сжато, самая суть. Спасибо за видео! Так держать )
очень понравился материал
Абсолютно прав!!!
Походу все всё поняли кроме меня) Почему родительская функция неактивна? Она же запускается каждый раз, просто через функцию обёртку. А к функции внутри мы не обращаемся ни разу кроме как запуская родительскую. Я не понял тейка.
Кстати, можно через filter проще сделать ||| const auto = cars.filter((car) => car.id !== 1111), но тут не знаю, как спред влепить =)
Огромное спасибо за видео! Для новичков в TS очень мало столь понятного контента)
Василий, спасибо огромное Вам за объяснения! Всё очень понятно и доступно! Одно из лучших объяснений, которые я смотрела)
Благодарю Вас. У Вас очень приятный голос. Вас нравится слушать.
Огромное спасибо за такое понятное объяснение!)
гут
Вышка плюс, но не показатель. На своем опыте скажу что из всей группы 2-3 человека на выходе будут хоть что-то стоить. Остальные приходят просто на пары, получают диплом и ищут работу чтобы в монитор смотреть.
это очень слабый урок получился, даже ошибку не поправили вначале)) просто удалили, а ошибка оч популярная
Не делайте никогда как делает автор Пишите обычный css, даже препроцессоры не нужны
4 задача, решение автора - квадратичная сложность (On^2) - тк двойной проход Почти все подобные задачи можно решить в один проход за On ,смотря в сторону использования мапы (обьект вспомогательный) const numbers = [3, 5, -4, 8, 11, 1, -1, 6]; const sum = 10; const map = {}; const fn = (numbers, sum) => { let result; for (let index = 0; index < numbers.length; index++) { const number = numbers[index]; if (map[sum - number]) { result = [sum - number, number]; index = numbers.length - 1; } if (!map[number]) { map[number] = sum - number; } result = []; } return result; }; console.log(fn(numbers, sum));
А остальные шорткаты ? А наличие других аргументов ?
в 4 задаче автор привёл решение, которое работает за O(n^2), что очень плохо, такое решение на собесе не прокатит, следует приводить более быстрое решение
Как быть с toSpliced? TypeScript на него ругается, предлагает на splice заменить)
Тебе нужно в конфиге ts указать, что бы использовалась новая версия Js (ESNext) { "compilerOptions": { "target": "ESNext", ..... }
❤
Гений! Отличный подход. Сначала показать проблематику, а затем декомпозировать и поэтапно все это объяснять. Спасибо!)
Ребят как решить проблему, когда вешаю обработчик клика на иконки, onClick подсвечивается красным, пожалуйста подскажите как исправить <AiFillEdit onClick={hangleToogleEdit}/> <AiFillDelete onClick={handelDelete}/>
true story
очень толково 🤘🏻 спасибо!)
Это нечто невероятно. Не знал о таком. Спасибо 🙏
Очень доступно и понятно, спасибо
Нах это надо , есть же модули
третья задача попалась на реальном собеседовании
Если мне нужно слушать только события клика на кнопках или картинках, то зачем мне нужно window.onload и вся эта котовасия со всплытиями/погружениями?
Спасибо, про закидывание методов именно в прототип, интересно было узнать!
Был бы такой канал по php или c#
Очень доступно объясняете, спасибо за качественный контент!
Спасибо!
i've done
Я извиняюсь, а нахера эта херомантия нужна? 😅😅 Выглядит мега ужасно, когда ширина селекта меняется в зависимости от опции
Скажу честно. Выглядит ужасно. Неужели до сих пор в реакте никто не придумал scoped стили как во Vue? Я сейчас не про style modules