Круто, действительно такого типа уроки нужны, потому что в основном в сети одни библиотеки( Спасибо, ребята. Но правда мелкий шрифт( Я думаю, все будут еще более благодарны, если автор увеличит его))
Честно, ожидал, что на чистом js всё это будет происходить, без jquery. Свою пользу с данного материала извлек, но пришлось отдельно гуглить на тему написания табов (и всего остального) на ванилле. и ещё: будь я совсем зеленым новичком, пришедшим в данный урок, меня бы спугнуло как минимум использование css-препроцессора :)
А как же хеш-ссылки, чтобы переходить по адресу на нужную вкладку? Это очень помогает вывести нужную инфу с главной помимо основной ссылки на страницу табов. Те, кто не знает, что такое мышка, не считаются новичками, так что не обращайте внимание, что не все поняли, судя по комментам. Спасибо.
Я согласен с некоторыми, что урок отчасти не для малышей, малыши LESS не знают . Вот и я не знал, но при желании это всё гуглится. Со стороны jQuery все понятно
Владимир, спасибо за урок. Подскажите пожалуйста как в эти табы добавить анимацию? У меня никак не получается ведь в классе прописысано display: block, и этому свойству не пропишешь transition, а когда пробовал с помощью fadeIn, fadeOut анимация начала наползать друг на друга с колбеком тоже не получилось.
Может кто-то уже спрашивал, что за IDE это или блокнот? Ну сказать что это для новичков слишком громко, быстрее для людей которые прочитали базовые функции и хотя бы понимают что тут происходит. Ну и есть вопрос, а насколько это выгодно? если в Jq это учтено то может готовым пользоваться или же такой подход экономит ресурсы, если просто показать что таким образом можно реализовать функционал то не проще ли объяснить как это реализовано в самой библиотеке?
Если кто-то хочет табы с прочёсыванием по классам без jQuery (на чистом js) - даю вот такой пример codepen.io/alexnaidovich/pen/OOBJbm . Он выполнен на основе видеоурока ruclips.net/video/UFCwccV0ZYQ/видео.html с небольшими изменениями (правда, после него мне срочно понадобилось искать урок по замыканиям в функциях, дабы разобраться:))
А чего всегда показывают самые легкие и "Не правильные " с точки зрения оптимизации. почему не показывают BestPractics? если вы хотите научить людей правильно работать, так учите правильным вещам.
урок для начинающего, а как же! хоть бы показал весь код нормально как подключено, у меня как началас работа с кодом ничего не получилось, как будто для себя делал а не для людей урок
Че за бред)) Это не своими руками "табы". Без jQuery не судьба?)) Нафига его здесь использовать? Только для выборки элементов из DOM? Когда видео только началось я так воодушевился что автор сказал, типо jQuery предлагает использовать либу, но мы не будем, но нет, все просрано(((
насколько же бестолковый автор и его курс, рассчитанный на "новичков"... половину видео автор делает непонятные действия, что-то бубнит сам себе под нос и становится не ясно для кого вообще это видео ? я так понимаю только для самого себя, только автору и понятно, что он вообще делает...
+showcards Мне тоже все понятно. Доступным языком и легко смотрится. Если не знаешь как работает css стили или jQuery, то тогда может стоит сначала их выучить?
+showcards Данное видео "на отвали..." Полностью согласен с Вами. Бубнёж себе под нос, куча мелких неозвученных действий, щёлканье клавой и непонятные слова. Если курс для самых маленьких, как выразился в самом начале автор, то и видео должно быть соответствующим. Или позиционироваться как курс для тех, кто уже знает это, это и это.
очень мелко все - глаза сломаешь, пока разберешь. и еще - что за "лишки" всплывают постоянно по ходу урока? может быть, автор потрудиться говорить правильным техническим языком, если он взялся вести технический урок? ))
Уроки шикарные!!! Спасибо!!! Все по делу и понятно!
+SenSelesSV7 Спасибо! Будем и дальше стараться радовать вас!
А мне понравилось видео, хоть я и не знаю jquery. И надеялся здесь увидеть верстку базовых элементов страницы, появилось желание учить js
Отличный гайдик для старта!
Круто, действительно такого типа уроки нужны, потому что в основном в сети одни библиотеки( Спасибо, ребята. Но правда мелкий шрифт( Я думаю, все будут еще более благодарны, если автор увеличит его))
Спасибо за урок) Жду продолжения.
Честно, ожидал, что на чистом js всё это будет происходить, без jquery.
Свою пользу с данного материала извлек, но пришлось отдельно гуглить на тему написания табов (и всего остального) на ванилле.
и ещё: будь я совсем зеленым новичком, пришедшим в данный урок, меня бы спугнуло как минимум использование css-препроцессора :)
Спасибо, крутые чуваки ))
Где можно взять исходники для уроков?
мелкий шрифт лечится увеличением масштаба окна до 125% или выше и 720р
Спасибо огромное
А как же хеш-ссылки, чтобы переходить по адресу на нужную вкладку? Это очень помогает вывести нужную инфу с главной помимо основной ссылки на страницу табов.
Те, кто не знает, что такое мышка, не считаются новичками, так что не обращайте внимание, что не все поняли, судя по комментам. Спасибо.
Я согласен с некоторыми, что урок отчасти не для малышей, малыши LESS не знают . Вот и я не знал, но при желании это всё гуглится. Со стороны jQuery все понятно
Владимир, спасибо за урок. Подскажите пожалуйста как в эти табы добавить анимацию? У меня никак не получается ведь в классе прописысано display: block, и этому свойству не пропишешь transition, а когда пробовал с помощью fadeIn, fadeOut анимация начала наползать друг на друга с колбеком тоже не получилось.
Супер, спасибо =)
Может кто-то уже спрашивал, что за IDE это или блокнот? Ну сказать что это для новичков слишком громко, быстрее для людей которые прочитали базовые функции и хотя бы понимают что тут происходит. Ну и есть вопрос, а насколько это выгодно? если в Jq это учтено то может готовым пользоваться или же такой подход экономит ресурсы, если просто показать что таким образом можно реализовать функционал то не проще ли объяснить как это реализовано в самой библиотеке?
Спасибо
Спасибо за хороший урок! Скажите, а зачем мы ловим событие на ссылке, почему не всем элементе li?
Если кто-то хочет табы с прочёсыванием по классам без jQuery (на чистом js) - даю вот такой пример codepen.io/alexnaidovich/pen/OOBJbm . Он выполнен на основе видеоурока ruclips.net/video/UFCwccV0ZYQ/видео.html с небольшими изменениями (правда, после него мне срочно понадобилось искать урок по замыканиям в функциях, дабы разобраться:))
а можно узнать набор плагинов для саблайма, которые использует кастер?
Виталий Цветков Это не саблайм, а PHPStorm.
А чего всегда показывают самые легкие и "Не правильные " с точки зрения оптимизации. почему не показывают BestPractics? если вы хотите научить людей правильно работать, так учите правильным вещам.
очень мелко все =( диз
Всё круто, но хотелось бы ссылку на репозиторий GitHub c написанным кодом
А я думал что один их "лишками" обзываю))
урок для начинающего, а как же! хоть бы показал весь код нормально как подключено, у меня как началас работа с кодом ничего не получилось, как будто для себя делал а не для людей урок
А где продолжение?
Зачем нужна "&" перед классом в селекторе?
Как говорится "u dont need javascript for that"
все время выводится индекс 0, не могу понять почему...
Че за бред)) Это не своими руками "табы". Без jQuery не судьба?)) Нафига его здесь использовать? Только для выборки элементов из DOM? Когда видео только началось я так воодушевился что автор сказал, типо jQuery предлагает использовать либу, но мы не будем, но нет, все просрано(((
Opjatj etot jQuery! Vi bez evo hotj pisatj umeite? I kak to mnje kazhetsa wto i cloneNode lutwe bi podhodilo dlja tab content. Skip...
насколько же бестолковый автор и его курс, рассчитанный на "новичков"... половину видео автор делает непонятные действия, что-то бубнит сам себе под нос и становится не ясно для кого вообще это видео ? я так понимаю только для самого себя, только автору и понятно, что он вообще делает...
+showcards Мне тоже все понятно. Доступным языком и легко смотрится. Если не знаешь как работает css стили или jQuery, то тогда может стоит сначала их выучить?
+showcards Данное видео "на отвали..." Полностью согласен с Вами. Бубнёж себе под нос, куча мелких неозвученных действий, щёлканье клавой и непонятные слова. Если курс для самых маленьких, как выразился в самом начале автор, то и видео должно быть соответствующим. Или позиционироваться как курс для тех, кто уже знает это, это и это.
этот же парень ведет у них платный курс...там просто жесть, не слышно и вообще ничего не понятно
очень мелко все - глаза сломаешь, пока разберешь. и еще - что за "лишки" всплывают постоянно по ходу урока? может быть, автор потрудиться говорить правильным техническим языком, если он взялся вести технический урок? ))