Когда видишь, как Димыч не помнит, как прописать путь на файл стилей , начинаешь верить в свои силы прям так сильно ) спасибо за такую мотивацию, косвенную!)
блин , как же я ору с того, как автор сам с собой ведет беседу ахахах) Я: мы же задроты программисты... Я: Да мы не задроты-программисты, мы нормальные мужики... Я: Ну если дамочки, то вы тоже любите машинки... Я: хрен с ним... Ладно не буду ругаться, хрен это плохое слово, хотя хрен это еда...
я сначала послушал задание, сделал сам такой слайдер, а потом уже посмотрел твой видосик. И, кстати, в итоге ещё переделал, чтоб если ты в конце слайдера, то он тебя перекидывал на начало. Спасибо за ролики, отличный контент!
Димас, красавчик, слайдер зашел в мозг и не выходит, все настолько понятно!!! А то умельцы некоторые советуют готовый плагин слайдер установи, натяни на react.js. Просто на установку и настройку тратишь больше времени, чем сейчас Димас рассказывает про слайдер на нативном JS
Спасибо!!! Как перфекционисту мне было очень больно смотреть ))) на смазанные изображения, твоя подсказка вернула мне радость жизни ))) Покопавшись, нашла object-fit: contain, и теперь все идеально))))
Очень жаль, что какой-то Sorax набрал в 10-20 раз больше просмотров, чем ты. Ты намного лучше и качественнее объясняешь, в отличие от того же Sorax'a. Тот выпускает видео на 5-10 минут, тараторит, невозможно ничего понять и запомнить будучи новичком, ты же все объясняешь подробно, с примерами. Надеюсь, что все таки тебя заметит ютуб, выложит в рекомендации, и ты хорошо бустанешься по подписчикам.
И зачем нам Слик? Если можно самому написать слайдер. Не зря говорят: "все гениальное - просто". Так и тут, как легко и просто написать удобный простенький слайдер без всяких лишних приколов. 10/10! Спасибо за такой крутой урок!
Вот вот,я как-то попросил одного "программиста" написать слайдер.А он мне ответил "зачем самому писать если есть готовый уже" я его выкинул сразу...лентяй....мне такие прогеры не нужны!
начал смотерть, решил сначала попробывать самому, в итоге часа за 2 справился, но больше часа наверное ушло что бы css правильно написать для удобства. Ну и лайк за контент
Здравствуйте! Подскажите пожалуйста что значит эта строка "slideImage.src", именно "точка src", которая пишется в js, что это за синтаксис? Ничего не нашёл в гугле. Либо куда заглянуть чтобы понять. Заранее благодарю!
Все круто, но. Строго говоря, на инглише slider это немного другое ( элемент навигации для тач*скрина). Вроде и придирка - но слово зарезервировано под другой функционал, так что ощутимо). А вот это - slideshow. Или, если добавить круговой цикл по массиву адресов - carousel. На правах свежеподписанного зануды :) www.w3schools.com/howto/howto_js_slideshow.asp
Может мне, как новичку что-то непонятно, поправьте Можно ведь было добавлять индекс++, через if(індекс < длины массива -1) А нерабочую кнопку уже дизайнить под свой вкус и цвет
у меня не работает js пишет ошибку из за этого я немогу ничего сделать с кнопками вот ошибка 1:index.js:4 Uncaught TypeError: Failed to execute 'addEventListener' on 'EventTarget': parameter 2 is not of type 'Object'. at index.js:4 (anonymous) @ index.js:4 ошибка 2:GET chrome-extension://gokhjmimgahenfjmnncbemlhlcgbfhko/content/styles.css net::ERR_FILE_NOT_FOUND Помогите я не понимаю , ошибок в коде нету гугл тоже не помогает
поправьте меня если я не прав... в конце с этими кнопками много где написано showRevBtn.disebled = true; Но там же в самой функции достаточно было бы кода а-ля if (currentInageIndex === 0) { showRevBtn.disebled = true; } else { showRevBtn.disebled = false;} ??? Поправьте...
Игорь, при наличии ES6-7 всё равно важно понимать весь фундамент и почему то или иное обновление нужно и важно. Поэтому я потихоньку внедряю "новшества" скажем так. Да, для матёрых ребят - это не новшества, а обыденность, но для тех, кто изучает, важно понимать, откуда ноги растут))) На рынке сегодня ДЕСЯТКИ ТЫСЯЧ джунов ищут работу! Нужно выделяться среди них чем-то моим подписчикам))
А вот как сделать ету ерундовину плавной ?? Я думаю что через использование setTimeout(()=> и работу с метриками + соответствующая подготовка в( HTML +CSS ), если кто знает киньте код .
Много нового для себя узнал. Если здесь так интересно, то оффлайн-курсы наверное еще лучше. Если бы жил в Минске, то обязательно записался бы на них.А как на счет того, чтоб приехать учиться с другой страны?)
=)) Спасибо)) С другого города (300 км) ко мне на курсы приезжал человек))) Из Питера сейчас - занимается онлайн) А вот чтобы прям-таки приехать и жить здесь в течение обучения... Нужно будет создать IT-инкубаторную деревню))
Спасибо за ответ) . Я живу в Якутске (примерно 9000 км. от Минска).Здесь оффлайн-курсов можно сказать нету. Если бы не ютуб, то было бы просто беда). Из всех видео по этой тематике, которые я смотрел на ютубе, ваши лучшие. А у вас онлайн-курсы есть?
Уроки супер! Спасибо! Но тут ступор конкретный, и вроде все просто и правильно, но... PREV
NEXT Без ссылки на картинку все красиво, css исправно работает! И js уже написал, работает. Но как только вставляю ссылку, картинка становится огромных размеров, непонятно где расположена. Что блин не так?
Подключение CSS это конечно мелочь, но это надо знать, не полагаясь на "умные" IDE, потому что как по мне, то не зная правил подключения CSS ну или даже основ и базы CSS затрудняет решение проблем с отображением... База всегда обязательна, и этому тоже надо учить, а не учить пользоваться IDE, и кстати почему нет доктайпа, хэда и прочего, новичка это запутает, даете рекомендации все делать по феншую, а допускаются такие упущения... Урок хороший, но подача могла бы быть получше. Коммент пишу спустя два года после выхода ролика, надеюсь сегодняшние уроки уже выходят улучшеной подачей.))
На 32-ой минуте случился краш. Час искал ошибку. Дважды переписывал код js. Оказалось, что каким-то хреном html документ не может подключиться к js, путь к которому прописал в head. Указал путь под хэдом - нашел сразу, никаких ошибок. Указал путь в head - снова ошибка, снова не может подключиться к джаве. Путь указан правильно, ЧТО ЗА ХЕРНЯ БЛЯДЬ?!
Надо тебе канал переименовать в "Программирование для гопников" =) Но, как по мне, если уж объясняешь js, то про html и css не стоит рассказывать. Про вложенность, src, id и т.д. Лучше в уроке по js рассказывай про js. Видос будет короче, просмотров больше. А так все ОК, спс за урок!
Cлова "хрень, херня, говняшка, нихера" не совсем хочется слушать. Если автор пытается подражать молодежи - это ошибочное действие. Мы здесь смотрим и учимся и не хочется, чтобы преподаватель выражался подобными словами
В чем проблема? Выдает ошибку в консоли, картинки перелистываются через раз. Проверял на наличие опечатки в коде 3 раза. Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received styles.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
Когда видишь, как Димыч не помнит, как прописать путь на файл стилей , начинаешь верить в свои силы прям так сильно ) спасибо за такую мотивацию, косвенную!)
блин , как же я ору с того, как автор сам с собой ведет беседу ахахах)
Я: мы же задроты программисты...
Я: Да мы не задроты-программисты, мы нормальные мужики...
Я: Ну если дамочки, то вы тоже любите машинки...
Я: хрен с ним... Ладно не буду ругаться, хрен это плохое слово, хотя хрен это еда...
"Да мы не задроты-программисты, мы нормальные мужики" Ахахахаха )))
я сначала послушал задание, сделал сам такой слайдер, а потом уже посмотрел твой видосик. И, кстати, в итоге ещё переделал, чтоб если ты в конце слайдера, то он тебя перекидывал на начало. Спасибо за ролики, отличный контент!
О! Покажи, пжлста, как перекинуть на начало? 🙏
все отлично, самое то для начинающих, некоторые моменты сложны для понимания, но думаю со временем разберусь
Всем даров из 2022! Орнул с момента "Жесть, какой-то вирус хочет меня убить!" )))
Спасибо! Хорошая инфа для создания слайдера и вообще подхода к разработке. Идеально для новичка в js.
Димас, красавчик, слайдер зашел в мозг и не выходит, все настолько понятно!!! А то умельцы некоторые советуют готовый плагин слайдер установи, натяни на react.js. Просто на установку и настройку тратишь больше времени, чем сейчас Димас рассказывает про слайдер на нативном JS
спасибо тебе больше Димыч!!! ты бы знал как я рад))))0))
Какой-то вирус хочет меня убить. Привет из 2020 года)
Edge 😂😂
object-fit: cover, чтобы не скукоживалась картинка
Спасибо!!! Как перфекционисту мне было очень больно смотреть ))) на смазанные изображения, твоя подсказка вернула мне радость жизни ))) Покопавшись, нашла object-fit: contain, и теперь все идеально))))
Очень жаль, что какой-то Sorax набрал в 10-20 раз больше просмотров, чем ты. Ты намного лучше и качественнее объясняешь, в отличие от того же Sorax'a. Тот выпускает видео на 5-10 минут, тараторит, невозможно ничего понять и запомнить будучи новичком, ты же все объясняешь подробно, с примерами. Надеюсь, что все таки тебя заметит ютуб, выложит в рекомендации, и ты хорошо бустанешься по подписчикам.
Sorax не расчитан на новичков
sorax то же хорош, вот хауди хо это жесть
@@Hayabusa17 хауди скорее мотиватор
@@Нннн-г3й мотиватор на переключение видео, шутка, да ты прав в некотором смысле
@@Hayabusa17 я имел ввиду весь его канал, а не чмошный и никчемный урок по хтмл сиэсэс и джс
Хороший урок! То что многим начинающим не хватает, ООП мышления!!
Крутые уроки, спасибо))
минут 10 не мог вставить работающий путь к картинкам((
Спасибо огромное за труд, Дима!
И зачем нам Слик? Если можно самому написать слайдер. Не зря говорят: "все гениальное - просто". Так и тут, как легко и просто написать удобный простенький слайдер без всяких лишних приколов. 10/10!
Спасибо за такой крутой урок!
Вот вот,я как-то попросил одного "программиста" написать слайдер.А он мне ответил "зачем самому писать если есть готовый уже" я его выкинул сразу...лентяй....мне такие прогеры не нужны!
спасибо димыч, объясняешь люкс
@
"Не пейте кофе, пейте воду".
@
Я - бариста, сижу учусь, заглатывая 4 чашку эспрессо.
надеюсь, доппио?)
смотрю все его видео в скорости 1.75)
Спасибо! Очень интересно, доступно, полезно!!!
начал смотерть, решил сначала попробывать самому, в итоге часа за 2 справился, но больше часа наверное ушло что бы css правильно написать для удобства. Ну и лайк за контент
Спасибо! Все понятно, и все получилось)))
Обожаю юмор и видосы) Спасибо. А есть по Typescript?
а если у меня вскод сам правит скобки и кавычки? меня все на работу не возьмут?
2024 год 16 лет, учимся, учимся по твоим урокам)
Буду крутым программистом)
🤝👍
Здравствуйте! Подскажите пожалуйста что значит эта строка "slideImage.src", именно "точка src", которая пишется в js, что это за синтаксис? Ничего не нашёл в гугле. Либо куда заглянуть чтобы понять. Заранее благодарю!
Почему если внутри функции после currentImageIndex++ не продублировать slideImage.src = imageUrls[currentImageIndex], функция не сработает? 38:30
я вместо disabled сделал через return мне так больше понравилось ))
Все круто, но. Строго говоря, на инглише slider это немного другое ( элемент навигации для тач*скрина). Вроде и придирка - но слово зарезервировано под другой функционал, так что ощутимо). А вот это - slideshow. Или, если добавить круговой цикл по массиву адресов - carousel. На правах свежеподписанного зануды :)
www.w3schools.com/howto/howto_js_slideshow.asp
Мы нормальные мужики !!!
Дякую за відео!
мы задроты, да не мы не задроты мы нормальные парни)))
отличный урок. Спасибо.
Может мне, как новичку что-то непонятно, поправьте
Можно ведь было добавлять индекс++, через if(індекс < длины массива -1)
А нерабочую кнопку уже дизайнить под свой вкус и цвет
у меня не работает js пишет ошибку из за этого я немогу ничего сделать с кнопками вот ошибка 1:index.js:4 Uncaught TypeError: Failed to execute 'addEventListener' on 'EventTarget': parameter 2 is not of type 'Object'.
at index.js:4
(anonymous) @ index.js:4
ошибка 2:GET chrome-extension://gokhjmimgahenfjmnncbemlhlcgbfhko/content/styles.css net::ERR_FILE_NOT_FOUND
Помогите я не понимаю , ошибок в коде нету гугл тоже не помогает
Я нашел свою ошибку
поставил ковычки там где не надо
Спасибо за урок!
поправьте меня если я не прав... в конце с этими кнопками много где написано showRevBtn.disebled = true; Но там же в самой функции достаточно было бы кода а-ля if (currentInageIndex === 0) { showRevBtn.disebled = true; } else { showRevBtn.disebled = false;} ??? Поправьте...
что такое Push?
Добавить в массив новый элемент в конец
IT-KAMASUTRA спасибо )
@@ITKAMASUTRA А для чего он здесь, ведь и без него всё работает, где тут подводный камень?
@@光荣归于习近平同志 удобство записи и чтения, пологаю
Красава внятно обьясняешь
Дмитрий, а что насчет использования новых стандртатов ЕS 6 и т.д? Там уже let и const вместо var.
Игорь, при наличии ES6-7 всё равно важно понимать весь фундамент и почему то или иное обновление нужно и важно. Поэтому я потихоньку внедряю "новшества" скажем так. Да, для матёрых ребят - это не новшества, а обыденность, но для тех, кто изучает, важно понимать, откуда ноги растут)))
На рынке сегодня ДЕСЯТКИ ТЫСЯЧ джунов ищут работу! Нужно выделяться среди них чем-то моим подписчикам))
Попробовал решить вопрос передачи одного елемента в масив получилось что-то такое !??
//слайдер!!!!
Для тех кто хочет доделать слайдер:
var currentImageIndex = 0;
showPrevButton.disabled = true;
function onShowPrevBtnClick() {
currentImageIndex--
if (currentImageIndex === 0) {
showPrevButton.disabled = true;
}else if (currentImageIndex !== (imagesUrls.length - 1)){
showNextButton.disabled = false;
}
slideImage.src = imagesUrls[currentImageIndex];
}
function onShowNextBtnClick() {
currentImageIndex++
if (currentImageIndex === (imagesUrls.length - 1)) {
showNextButton.disabled = true;
}else if (currentImageIndex !== 0){
showPrevButton.disabled = false;
}
slideImage.src = imagesUrls[currentImageIndex];
}
Все отлично работает, НО кнопка некст при переключении съезжает под картинку, а не остается строго слева. Может кто в курсе что делать? Спасибо!
Попробуйте посоветоваться с сообществом в телеграм канале t.me/reactjs_samurai
А вот как сделать ету ерундовину плавной ?? Я думаю что через использование setTimeout(()=> и работу с метриками + соответствующая подготовка в( HTML +CSS ), если кто знает киньте код .
transition не не слышал!
Красавчик!
Много нового для себя узнал. Если здесь так интересно, то оффлайн-курсы наверное еще лучше. Если бы жил в Минске, то обязательно записался бы на них.А как на счет того, чтоб приехать учиться с другой страны?)
=)) Спасибо))
С другого города (300 км) ко мне на курсы приезжал человек))) Из Питера сейчас - занимается онлайн)
А вот чтобы прям-таки приехать и жить здесь в течение обучения... Нужно будет создать IT-инкубаторную деревню))
Спасибо за ответ) . Я живу в Якутске (примерно 9000 км. от Минска).Здесь оффлайн-курсов можно сказать нету. Если бы не ютуб, то было бы просто беда). Из всех видео по этой тематике, которые я смотрел на ютубе, ваши лучшие. А у вас онлайн-курсы есть?
Добрый день видео очень крутое,а вы можете сделать слайдер с точками с низу и адаптивный слайдер?был бы вам очень признателен!))
Спасибо
Чтобы лучше воспринимать твой курс я себе тоже очки купил
Уроки супер! Спасибо! Но тут ступор конкретный, и вроде все просто и правильно, но...
PREV
NEXT
Без ссылки на картинку все красиво, css исправно работает! И js уже написал, работает. Но как только вставляю ссылку, картинка становится огромных размеров, непонятно где расположена. Что блин не так?
проверьте css, корректно ли там для картинки заданы размеры! 99%, что проблема в этом
никто не знает как сделать что бы всегда одинарные кавычки ставились автоматически ?
О да!
сейчас только понял как мешает белый фон)
усё, пасэба
спс
Подключение CSS это конечно мелочь, но это надо знать, не полагаясь на "умные" IDE, потому что как по мне, то не зная правил подключения CSS ну или даже основ и базы CSS затрудняет решение проблем с отображением... База всегда обязательна, и этому тоже надо учить, а не учить пользоваться IDE, и кстати почему нет доктайпа, хэда и прочего, новичка это запутает, даете рекомендации все делать по феншую, а допускаются такие упущения...
Урок хороший, но подача могла бы быть получше. Коммент пишу спустя два года после выхода ролика, надеюсь сегодняшние уроки уже выходят улучшеной подачей.))
очень долго подключал файл сss)))
в 2020 уже не работает так
да!
По ходу нащел ответ на свой вопрос в третей главе учебника learn.javascript.ru --->(CSS и JS ) анимации
На 32-ой минуте случился краш. Час искал ошибку. Дважды переписывал код js. Оказалось, что каким-то хреном html документ не может подключиться к js, путь к которому прописал в head. Указал путь под хэдом - нашел сразу, никаких ошибок. Указал путь в head - снова ошибка, снова не может подключиться к джаве. Путь указан правильно, ЧТО ЗА ХЕРНЯ БЛЯДЬ?!
чел, JS фаил ПОЧТИ ВСЕГДА подключается не в head в body в самом конце, это очень важно!
@@konstantinsurnin855 Теперь я это знаю, а тогда реально бомбило XD
Таже фигня! Скрипт в хєде не работает, хотя до этого с другими заданиями работало. Как только перенес его в бади... о, чудо! Все сразу заработало :))
Что за фигня?!...всё равно не работает, и хэд, и боди,и без них пробовал(...
Еще надо чуток лучше готовиться к уроку, создается такое впечатление что вы плаваете в материале))) а так для новичков самое то!
Надо тебе канал переименовать в "Программирование для гопников" =)
Но, как по мне, если уж объясняешь js, то про html и css не стоит рассказывать. Про вложенность, src, id и т.д.
Лучше в уроке по js рассказывай про js. Видос будет короче, просмотров больше.
А так все ОК, спс за урок!
Cлова "хрень, херня, говняшка, нихера" не совсем хочется слушать. Если автор пытается подражать молодежи - это ошибочное действие. Мы здесь смотрим и учимся и не хочется, чтобы преподаватель выражался подобными словами
так автору и не 85)наоборот круто,когда без шаблонных фраз и заумных словечек.
Крч шлак полный твои уроки
покажи альтернативу
я увидел в твоих уроках кое что полезное, но вот только измени подачу материала. Ты разговариваешь как шкет
Не нужно менять подачу материала! В этом большой плюс. Кому не нравится - ищет своего автора
В чем проблема? Выдает ошибку в консоли, картинки перелистываются через раз. Проверял на наличие опечатки в коде 3 раза.
Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
styles.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND