jQuery и современный JavaScript/CSS, пара слов о развитии фронтенда

Мой курс «Хардкорная веб-разработка» - course.to.digital
Книжный клуб Ботаним!, где мы читаем хорошие ИТ-книги: botanim.to.digital/
Telegram: t0digital.t.me
Сказать спасибо за это видео можно здесь - boosty.to/digitalize.team
Поговорим о развитии фронтенда, об истории jQuery и задачах, которые решает эта самая популярная JavaScript библиотека, а также о целесообразности её использования в 2020. Поехали!
0:00 Узрей свет новой веры!
1:17 Как появился jQuery
2:09 История, причины популярности jQuery
4:42 Современная ситуация и jQuery
5:46 Как жить без jQuery?
11:57 Как проверить поддержку фич в браузерах?
12:26 Выводы
/****************** about ******************/
Меня зовут Алексей Голобурдин, я программирую с 2004 года и на этом канале делюсь своим опытом. Я основатель и руководитель компаний:
- Диджитализируй digitalize.team, разрабатываем сложные IT системы для бизнеса;
- Salesbeat salesbeat.pro, комплексный модуль доставки для интернет магазинов.
Если у вас есть проект на разработку, пишите нам на [e-mail].
С другими предложениями, а также если вам нужна одна или несколько индивидуальных консультаций/уроков по разработке (3000 руб/час), пишите мне на [e-mail].
Telegram канал - t.me/t0digital
ВК - digitalize.team
RuTube - rutube.ru/channel/24802975/ab...
Дзен - dzen.ru/id/6235d32cb64df01e6e...

[@Johniooooo]

Круто, теперь всю жизнь будут ролики каждый день

[@t0digital]

Работаю над этим!

[@footballshorts1984]

Дядька в ударе, надеюсь это долго продлится ! Мощный дядька, вот бы мне ментора такого.

[@victortemnov]

Алексей могет, меня тянет каждый день смотреть и слушать мысли умного человека

[@user-xo9ks9bc6j]

@@victortemnov простите, а что умного он сказал в этом ролике?

[@victortemnov]

Антон Мирный для кого то все, для кого то ничего, каждому своё

[@htmlbird]

Я слишком старый стал или какой-то хайп от какого-то инфоцигана пропустил? Не первый раз слышу поиски каких-то ребят менторов. Вопросов два: 1. Почему ментор, а не учитель, преподаватель. 2. Нафига он вам нужен, блин?

[@t0digital]

@@htmlbird учитель=преподаватель, но не равно ментор. Ментор это наставник. Профессия учителя - учить. Профессия наставника - другая. Скажем, тот, кто преподаёт в бизнес школе это учитель, он мог заканчивать педагогический вуз и тп, и он как правило не практик, не занимается бизнесом, его профессия - учить. А есть предприниматель с большим действующим бизнесом, его профессия это бизнес, не преподавательство, вот он может стать наставником=ментором. Он тебя учить не будет, лекции читать и тп, но с ним можно сесть поговорить, обсудить свои вопросы и получить на них ответы практика, который сам решает такие же вопросы у себя, это зачастую намного полезнее, чем вычитанная из книг информация. Инфоциганство тут никаким боком - хреновый спец может быть и в универе, в том числе за который ты отдал много денег, и вне стен ВУЗа.

[@klalafudaklalafu]

Видео выходят настолько быстро, что я не успеваю их смтореть!

[@t0digital]

Извините:)!

[@freem2n]

Отлично! Ничего нового не узнал, но мне нравятся ваши видео. Отличный баланс полезной информации и красивой картинки

[@t0digital]

Спасибо!

[@ilnurryazhapov9377]

Давно пора было про фронтенд)

[@user-mc4sy5gx4n]

ну всё, дождались, ждем ролик про грамотно построенную архитектуру django+drf+vue+vuex, это все что мне сейчас нужно

[@EVELJUST]

Отличный вариант подачи полезного материала. Жду новых видео.

[@denwerxampp4035]

Спасибо за качественный и "уютный" контент. Словно легкая и непринужденная беседа, ночью частенько включаю вас на втором монике на фоне, так веселей работать бывает..

[@ifonya9425]

Круто. Аж слеза покатилась. Вспоминается то время, когда на вопрос - какой язык программирования изучаешь? отвечал - JQUERY ))))

[@t0digital]

Хахахах:) дааа

[@cannibalirk3055]

Круто! Спасибо за анализ, сравнение и обзор двух подходов!

[@dizzivoneverec2737]

Спасибо за замечательные видео, в скором времени тоже за jS всерьез возьмусь)

[@dr.margulis7773]

Супер! Спасибо за столь информативное видео.

[@t0digital]

Рад, что полезно!

[@dr.margulis7773]

@@t0digital ОЧЕНЬ! Ещё раз спасибо.

[@didDnipro]

Только за "засвет" полезных источников, сразу же лайкос. Спасибо за front-end тематику!

[@t0digital]

Спасибо!

[@stupid-face]

Да ты посмотри, опять годнота! Лёха в ударе!)

[@dmitryleiko2869]

Супер, спасибо)

[@eldarkhassanov8897]

Я php-программист и я все еще поклоняюсь доллару.

[@MyFunnyWeekend]

Опять годный контент?) Лайк!

[@t0digital]

Надеюсь:) Спасибо!

[@AHTOH_IO]

Хочу запилить начало как заставку на свои уроки. Хххх, весело!

[@dias3579]

Спасибо было полезно.

[@bigboy3085]

Вы рассказали про innerHTML и innerText, а вот что скажете про textContent? Разве не его лучше использовать?

[@PavelKorolev]

Алексей привет! Писал по поводу менторства по указанному адресу и в ВК, но нигде ответа не получил. Предложение еще актуально?

[@namalnikmisartenko8785]

Неплохо! Лайк

[@user-te1ut5ev8w]

Здравствуйте! Подскажите, пожалуйста, где посмотреть, какую версию jQuery использует WordPress?

[@svhanz]

Растет Лёха! Прикольное интро запилил!

[@t0digital]

Хахахах:) спасибо

[@andrey7829]

Круто!

[@curt1s19]

а как же document.querySelector/querySelectorAll и fetch, и обёртка redaxios, с синтаксисом axios, но использует fetch, если есть и фолбэк в XHR, если нет?

[@murodtatibaev4963]

До сих пор пользуюсь jQuery)

[@vitaliyirtlach]

Спасибо за ваше старание и за углубление во фронт!

[@t0digital]

Рад, что полезно!

[@qbmain1487]

На том сайте пример с Ajax устарел, лучше использовать fetch()

[@user-jf8jf6fr7w]

Зависит от браузера, если IE11 или Edge 12-13 обязательны, то тогда лучше через XHR все-таки посылать

[@liubomyr-peteliuk]

@@user-jf8jf6fr7w а ещё лучше через $.ajax()

[@JhnBravo84]

Надо пользоваться Axios

[@TheProfessionalGambler]

Что значит устарел? XHR есть методы и события которых нет в fetch. Если fetch допилят и он будет полной заменой XHR то можно будет говорить за устаревание.

[@dmitry.gashko]

@@TheProfessionalGambler К сожалению да. Но к счастью он является его заменой в 95% случаев.

[@user-tk8cm3km9t]

Ещё помню времена, когда делал скругленные углы через GIF-спрайтик. Да-да, GIF. IE6 не дружил с прозрачными PNG.

[@freem2n]

Федор Головин самый фейл был когда у тебя заказали сайт, а у генерального ie6

[@t0digital]

хахахах:) классика жанра

[@ikorjefocur]

Как по мне, у jQuery api поудобнее нативного. Ещё там есть крутые фичи, вроде Ajax-запросов через промисы. Так что совсем забивать на jQuery не стоит.

[@dmitry.gashko]

Ну да. Через промисы.. Вот только это уже пару лет как вообще ниочем. В чистом js запросы пишутся '1 строкой', типа const { name, age } = await fetch('/users/id');

[@user-yd7db3wd7w]

Соглсен с комментарием ниже + многие используют библиотеку axios для AJAX запросов. Многие уже уходят от доллара, тот же бутстрап его выпелил, ибо поинмает, что это бессмысленно нагружает сайт. Плюсов нынче меньше, чем минусов.

[@someelse989]

Балуешь нас)) Отличный контент получился. Слушай, можешь как нибудь сделать контент по докеру и кубернетс?

[@t0digital]

Спасибо! По докеру будет материал, по куберу пока не уверен, на практике его еще не щупал

[@aplokhy]

@@t0digital круто, ждем докер!

[@user-lz3ez3nn4j]

Спасибо

[@andrewslee_channel]

Балуете нас роликами, балуете)

[@Geolimber]

Класс, спасибо. Как раз был в ситуации недавно, где в джанго пришлось нагородить огород, лишь бы не лезть во фронт)) А в джаваскрипт не хотелось лезть из-за предубеждений возникших на почве наличия зоопарка фреймворков. Оказывается нужные мне штуки можно вполне элегантно и лаконично реализовать на чистом джаваскрипте.

[@fransdeston8404]

Ничего не понятно, но очень интересно) Вернусь, когда доберусь до этого!)

[@user-hy4uk3em6v]

Очень просто, очень информативно, звук все так же хорош, но мне кажется что музыку на фоне, можно сделать чуть-чуть потише и будет класс

[@t0digital]

Спасибо за обратную связь! Приму к сведению

[@cherryass99]

Соглашусь по поводу музыки. В обучающих роликах или в роликах с большим количеством инфы, лучше сделать потише. А если чисто разговорный ролик, то можно оставить. ИМХО

[@vangog63]

После такого Интро, ко мне пришло озарение!

[@victorsiber2911]

Как ты относишься к комбинациям REST + vanilla.js и REST + (Angular|React|Vue) ?

[@t0digital]

Обе связки имеют право на жизнь. Я писал как-то давно REST и в связке с JQ:)

[@govdamikhaylo4183]

Норм начало :)))

[@murodtatibaev4963]

Лайк хороший контент

[@user-ni4sq9td6l]

Спасибо за контент! Такой вопрос: задеплоил свой первый проект на django на сервер и вот какая штука... использовал gunicorn nginx и supervizord в итоге последний запускается как демон и он переменные окружения не видет! Я долго не мог понять почему у меня авторизация не работает... путём долгих мучений и экспериментов пришёл опытным путём к тому что переменные куда бы я их не прописывал в запущенный процесс supervizardом не попадаю! Вычитал в доках что у него есть свои настройки в которых можно либо прописать переменные либо пробросить их из системы, но ни то ни другое у меня так и не получилось((( пришлось закинуть их в файл и ограничить его права для безопасности ну и в гитигнор добавить! Подскажите в этом случае может я что то не так делал? На стэковерфло тоже этот вопрос поднимался частенько но внятного ответа нет кроме как хранить всё в файле с ограниченными правами как я и сделал?!?

[@t0digital]

в конфиге супервизора можно просто явно указать нужные переменные: environment=VAR1="some_val",USER="www" можно ли их грузить из файла не помню, systemd умеет грузить из файла

[@user-ni4sq9td6l]

Диджитализируй! Вот я так и делал, но все равно они не появлялись... может я что-то не так делал... вообщем спасибо буду знать, но правильней как я понял в настройках например докера это всё делать? Я просто его не использовал!

[@t0digital]

@@user-ni4sq9td6l крайне сомневаюсь, что докер облегчит вам жизнь

[@doublelolka]

Привет! Расскажи пожалуйста об оптимизации изображений для вэба. Я относительно недавно открыл для себя webP, а говорят, что и он уже устаревший) К тому же, если раньше опера вставляла палки в колёса (ие вообще не в счёт), а сейчас safari, она webp не поддерживает, у эпла свой hevc, для которого я даже не нашёл по быстрому конвертор. Ну и собственно какой оптималный вариант, чтобы автоматически создавались и выдавало нужные форматы, в зависимости от клиента, и ресайз... Вот пишу сейчас, и понимаю, что это максимум час в гугле :D

[@t0digital]

Привет! раз kzbin.info/www/bejne/Zp-ZhZ5jZ6mco8U два kzbin.info/www/bejne/hXfXooGva7V4m6c

[@doublelolka]

@@t0digital Мда, а ведь после ваших видео оказывается я вообще об этом задумался, видимо смотрел затылком, а слушал пяткой, спасибо)

[@sapat8200]

это круто

[@Slavec5]

Спасибо за ролик. Код на jQuery всё-таки чуть более лаконичным и приятным получается

[@russianstan]

У всех свое мнение на этот счёт. Как по мне, так на JQuery код выглядит весьма уродливо, особенно этот вездесущий знак доллара $

[@ikorjefocur]

russianstan Как по мне, так нативный код выглядит весьма уродливо, особенно везде это вездесущее слово document.

[@russianstan]

@@ikorjefocur а вы в 2020 г. используете JQuery?

[@ikorjefocur]

russianstan Не совсем. Я написал свою небольшую библиотеку, api которой похож на jQuery, но при этом там по большей части используются нативные методы. Просто мне синтаксис jquery кажется удобнее, потому что он все-таки немного короче. И ещё, например, каждый раз цикл вместо “elem.empty()” мне не очень удобно.

[@russianstan]

@@PoulFly какие ещё пруфы? Я написал, что это мое мнение. Плюс на дворе 2020 г., и сейчас эту библиотеку тащить в новый проект очень сомнительное решение, о чем автор в видео и говорил

[@averest9656]

Что думаешь про js на backend? Просто ты в видео как-то это разделил. Интересно узнать мнение человека, который много лет работает с backend.

[@t0digital]

Мы используем js в бэкенде, это нормально. Питона у нас больше, но и на JS есть часть логики.

[@user-qw7qh5tz2t]

Расскажи о том как соединять backend и frontend. Как бы могу в джанго и постгрес, могу в вью и вёрстку. А что делать с этим всем не знаю нормально.

[@t0digital]

Если знаете Vue.js, то, кажется, этого уже достаточно:) Ajax на сервер, данные получили, на фронте отрисовали, готово. Вы о том, чтобы показать такую связку?

[@user-qw7qh5tz2t]

@@t0digital да, было бы интересно узнать, как это работает и как работать с ajax.

[@wcodes-kk2pr]

А есть смысл jquery юзать когда реакт есть?

[@NeveraIs]

В jQuery была возможность создавать события для элементов существующих и создаваемых в процессе работы $(el).live("click", ...) и это было просто очень удобно!

[@sergeykarpov4683]

Какой фреймворк для фронтенда посоветуете для Asp .net core?

[@t0digital]

Фронт не выбирают под бэк. Под любой бэк подойдёт любой фронт. Они же не зависят друг от друга

[@akozlov78]

Любой, с каким справятся Ваши фронтэндеры. Наши пользуют сейчас Vue, замечательно зашло после Backbone.

[@romavizitiu3436]

Angular

[@adiltazhibaev4535]

С музыкой топ, не скучно смотреть

[@t0digital]

кто-то пишет, что музяку надо потише, вы как считаете?

[@adiltazhibaev4535]

@@t0digital немножко

[@kir1676]

В качестве AJAX запросов лучше не использовать нативный, но старый XMlHttpRequest из-за громоздкого синтаксиса. Гораздо удобнее fetch (синтаксический сахар над ним) либо Axios (де-факто стандартная библиотека для запросов, в том числе и для nodeJS). А вообще современный фронт-энд - это больше про SPA-приложение на каком-нибудь реакте или он же, но отдаваемый на клиент в виде пререндер-HTML (Server Side Rendering).

[@jackkey8507]

Для fetch нужны полифилы т.к не все браузеры поддерживают эту функцию.

[@user-io2nb1in9u]

Появление нативного video вкупе с SVG убило Flash. JQ обречен.

[@drampier3811]

Я помню еще IE 5. Под него вообще отдельный сайт делать приходилось. Хренова туча костылей, особенно при работе с PNG форматами (потому как IE не понимал прозрачности изображений кроме GIF форматов и делал тоновую заливку).

[@nbrains6380]

C jQuery все понятно. Когда я первый раз начал работать с Vue, было что-то вроде "Блин что за бред, как понять эти вложенные компоненты, ну и хрень", спустя 6 часов "Обалдеть это все так удобно, я обожаю Vue" :D

[@user-wz9qr6ki9v]

после основ js не стоит учить Jquery?сразу Vue учить?хочу фронтенд разработчиком стать,делать сайты крутые.

[@user-vu9tz9zu3w]

Для начинающих, кем сам являюсь, может быть тяжело осознать второй язык (js), когда первый еще хромает. Было бы интересно увидеть видео по технологии htmx. Делаю проект на python django + htmx, во многих ситуациях очень удобно.

[@mrgrey7934]

какая у тебя модель макбука? буду благодарен за ответ

[@t0digital]

Macbook pro 15" 2015, 16gb ram

[@mrgrey7934]

Диджитализируй! Спасибо за ответ, это ретина?

[@t0digital]

Да

[@evgeniystupachenko975]

'querySelectorAll()' не является полной заменой выборки jQuery. Библиотека дает больше возможностей. Но все таки этому методу доступен весь арсенал селекторов CSS! А этого более чем достаточно для разработки)

[@OlViktorovich]

начинал javascript самый сложный язык и до сих пор. лайкос однозначно ))

[@johnsnow6041]

По сравнению с каким языком?

[@OlViktorovich]

@@johnsnow6041 с любым, он зависим от браузера, query его лечит ))

[@magomedmycaev7080]

@@OlViktorovich ты какие книги используешь для изучения JavaScript?

[@OlViktorovich]

@@magomedmycaev7080 лет 15 наверно назад на курсы ходил при бауманке а сейчас как и все в инете готовое решение ищу ))

[@magomedmycaev7080]

@@OlViktorovich понятно, я начал читать книгу разработка игр на JavaScript

[@dmitry.gashko]

Мне не нравится $, потому что оно переопределяет $ в хромовском devtools :) А я люлю делать штуки типа $('video').playbackRate = 3 А если там jq, то получается ошибка и нужно добавлять [0]

[@alexfish289]

Зачем? Если есть, Тайпскрипт + Vue.

[@jasik_js]

Аналог методу FadeIn/Out не совсем верный. Fade не просто делает объект прозрачным, он его скрывает как при Display: none. Или например SlideUp/Down тоже бывает полезным и ему аналог не привели, т.к. надо писать много кода и не только в JS но и в CSS

[@const-shish]

Очень высокое качество видео (звук, камера) и материала, спасибо за труд!

[@t0digital]

Спасибо!

[@arielvolog]

Доброго. Ролик из серии: Iphone vs Android. Надо было задеть практическую часть и показать, что код на js работает быстрее чем код на jquery. Ссылаясь на тот факт, что jquery нужно подгружать, в наших реалиях не играет ровно никакого значения.. Имхо

[@savel2work]

Золотые слова. Тоже люблю современный нативный яваскрипт. И всё же, как ни печально, вижу много новых сайтов, которые зачем-то грузят jquery или нечто подобное там, где точно можно было бы обойтись скриптом на ванильном js.

[@t0digital]

Вот и вот! Но ничего, все к ванильке придут со временем:)

[@astrotrain]

1. Многие сайты стоят с древних времён, когда это было самым разумным решением. 2. Многие сайты пишут новички. Я и сам начинал с жуйквери, изучил и можно уже начинать работать, многого ещё не понимая, спасибо ей за это.

[@t0digital]

@@astrotrain да я тоже с большим уважением к jq отношусь. Просто сейчас как минимум полезно знать о нативных аналогах

[@savel2work]

@@astrotrain , нет, я про современные сайты, которые не так давно были сделаны. Причём на некоторых из них вообще не обнаруживаю интерактива, заслуживающего вообще какого-либо скрипта, не то что на jq)))

[@astrotrain]

@@t0digital я последнее время на Vue все проекты делаю. Если забыть переключить раскладку, когда надо погуглить по Vue, то получается мгу, у меня уже реклама соответствующая появилась)))

[@uszr1]

Лайк и донат:)

[@t0digital]

Спасибооо!

[@user-ms5eu7ly9t]

Сейчас верстаю сайт, нужно накинуть анимации, и вижу выходит видос про JQ. В общем решил написать анимации на чистом JS. Спасибо за видосы

[@grommaks]

Напиши как jQuery поставишь 😂

[@vladislavstepanov7591]

на чистом жс не надо писать анимации(лишь в частных случаях), пиши на цссе

[@niktarkov2945]

@@vladislavstepanov7591 ага на нативном css 👌😂

[@bakunovdo]

wow js и нативного css хватает, посмотри

[@ivanrussui4126]

учу фронт знаю html и css уже норм. пишу статичные сайты. стоял выбор начать курс по js или jQuery, выбрал js, но jQuery тоже хорошо бы знать, упрощает код js

[@t0digital]

как-то так, да

[@AlexandrSpirit]

даа...делаю приложение на фласке и вот только сегодня столкнулся с необходимостью сделать динамическую таблицу с инпутами, кнопкой добавления новых строк и т.п. Только JS. ПРидется приостановиться и учить... JS надо учить

[@t0digital]

JS надо учить, согласен!

[@mad-coff8334]

я так и знал!!! Знааал))) все время пишу в нативке потому что не считаю что JQuery мне нужен, использую только для ajax

[@t0digital]

Вот, о том и речь! Для Ajax посмотрите в сторону fetch

[@dmitry.gashko]

И async/await

[@dmitry.gashko]

Ну и axios (хотя лично я все же предпочитаю fetch)

[@nazarpunks]

А как же slideDown и animate

[@user-wh8ww5lp2l]

С JQuery код читабельнее. Это главное. Интернет и так у большинства быстрый. 100кб библиотека скачается меньше чем за секунду. Да и железо куда быстрее стало.

[@t0digital]

jQuery код сильно подвержен лапшичке:) когда кода на JQ много, он становится классическим спагетти-кодом ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B0%D0%B3%D0%B5%D1%82%D1%82%D0%B8-%D0%BA%D0%BE%D0%B4 Сейчас около половины (а где-то почти весь) трафик мобильный. Сегодня забирал посылку в пункте выдачи и там мобильный интернет был настолько отстойный, что эти 100кб бы костью в горле встали:)

[@user-wh8ww5lp2l]

@@t0digital Если руки кривые то и чистый js будет не очень. А при совершении конкретных действий, типа работы с dom, jquery выигрывает в читабельности.

[@t0digital]

то есть ради $('.someClass') вместо document.getElementsByClassName('someClass') стоит лишнюю большую либу тянуть, серьезно?

[@user-wh8ww5lp2l]

@@t0digital Еще работа со стилями. Плагины. События, с поддержкой пространства имен.

[@t0digital]

@@user-wh8ww5lp2l работа с css и событиями почти полностью идентична в чистом js и jquery. Плагины да, если на сайте миллиард плагинов jq, выпиливать это все больно

[@user-np2td8nw7f]

document.querySelector("#tmp")

[@PSyrykh]

Помню как 2014 нас на лабах заставляли обеспечивать безопасность на IE5. Вьетнамские флэшбеки. Я не знаю зачем это нужно было. Но именно после этого я в эмбедед ушёл.

[@t0digital]

Вот так вот люди в эмбедед уходят)))

[@andydev6854]

ОЛЁ.. тук тук... вы используете в react, angular, svelte ДЖЕЙКВЕРРИ?

[@t0digital]

Используем jquery даже как замену баш скриптам на сервере! Оч удобно!

[@7lipa7]

Ну да, можно и сайт на Си писать, предлагаю отказаться от Джанги, где это не нужно. Работать будет быстрее! 😊

[@unlfoem3006]

Вот что бывает когда бэкендер врывается во фронтенд

[@SergeyGuns]

Дмитрий Unlfoem Машина времени.

[@fish9370]

Ага, он тут же начинает других учить как делать ХеллоуВолд

[@Beast8833]

ванилла vs jq это как спорить о серверной стойке и облачном сервере: где быстрее развернуть проект

[@One-eno-one]

Спасибо за контент. Поделись опытом работы с Full Text Search движками. Сам пользовался встроенными в бд (sqlite, postgresql), но хотелось бы узнать про популярные сторонние решения.

[@t0digital]

Спасибо! Сделаем

[@icyberta]

jQuery forever :3

[@t0digital]

ван лав))

[@v.t.o.r.n.i.k.408]

Вместо myElement.style.display = "none" более аккуратный код выглядит так myElement.hidden = true

[@denpol9956]

+ к карме )

[@t0digital]

Спасибооо!

[@ge_bassist8232]

Еее котаныы))

[@mozg3d]

По мере развития броузеров бэкэнда нужно будет все меньше) Надеюсь в 85 хроме уже file_system_api будет доступен) Да и Firebase и пр позволяют уже полностью обойтись без бэкенда даже для сложных проектов) jQuery - давно уже бесполезен)

[@treepod4102]

Для людей тех людей, кто любит банкноты: $() = (id) => document.querySelector(id)

[@Al-Mas3000]

Не вижу смысла забивать на jquery, не так уж он и много весит, чтобы от него отказываться, зато кода писать надо в разы меньше, плюс куча полезных плагинов которые под ним работают.

[@VladiqLot]

jQuery уже давно не нужен, как по мне. Когда есть ES6, полифилы (для совместимости). Но другая боль что есть очень много легаси кода куда джикварь интегрированная крайне плотно.

[@grommaks]

faidIn/fadeOut на чистом css в примере не убирает элемент из потока. Пример со slideUp/slideDown был бы сильно сложным, предлагаю Вам снять видос минут на 20 как сделать такой самопис, главное чтобы контент был динамичным по высоте. Чаще всего jQuery подключают для ui элементов, слайдеры, паралаксы, выбо цвета, draggable. Елинственно когда не нужен jQuery, это если используется другая ui библиотека / фреймворк... Удачи в поддержке IE11 на чистом js Плюс jQuery имеет очень мощную систему виджетов, для написания свой логики. $(".menu").menu(); Вот как пользуются jQuery

[@vladislavstepanov7591]

я подключу бабель и буду поддерживать ие6, как тебе такое? насчет количества библиотек, есть куча таких же слайдеров, паралаксов и т.д на любом фреймворке

[@grommaks]

@@vladislavstepanov7591 оказывается еще что то нужно делать?) в видео умолчали. Я не против чистого js, но не все так легко и просто, как расказано в видео. Даже с ajax, jQuery проще и позволяет добавить middleware, как и любое решение кроме нативного. Потом пытаешься вразумить не тянуть чистый js на проекты где уже есть jQuery...а новички не понимают, чистый js же круче, зачем использовать этого динозавра...потому что есть такие видео 😂

[@astrotrain]

@@grommaks Никто не утверждает, что жуйквери совсем не нужна или на проекте кроме чистого js не должно больше ничего быть. Для аякса есть аксиос, я его последнее время вижу больше, чем $.ajax или fetch.

[@astrotrain]

@@grommaks видео плагины не затрагивает и отдельно говорит, что если жуйквери используется для плагинов либо сайт уже заточен под него нет смысла изобретать велосипед на пустом месте.

[@user-fh5sd4ti3w]

впусти чистый JS, а так же постоянную писанину, сложную поддержку и велосипеды.

[@StanislavK1]

Пытаться все писать на чистом JS хорошая попытка, но смотря что)

[@grommaks]

jQuery работает как часы, юзаем на всех проектах (еком)

[@magomedmycaev7080]

Привет, ты как изучал JavaScript?

[@grommaks]

@@magomedmycaev7080 Learn javascript вбиваешь в гугле, и там сайт топовый

[@javidaliyev310]

😂 jkveri тогда уж напишите

[@innocence3158]

а не лучше делать запросы через fetch, а не xmlhttprequest?

[@t0digital]

да, fetch более современный способ

[@astrotrain]

Если не заботит поддержка некоторых браузероподобных программ, то намного лучше. Но я использую axios: он использует везде поддерживаемые xhr и удобные промисы, одни плюсы.

[@george_m641]

Я использую препроцессор Sass/SCSS , я поклоняюсь доллару!

[@t0digital]

Все правильно делаете:)!

[@user-wz9qr6ki9v]

а что учить лучше первым делом Saas или ScSS?

[@user-pk8gk1nl8k]

у меня есть заказчик, который до сих пор пользуется ie6. И никакие доводы, что мол уже 100 лет как не поддерживается его не волнуют. У него windows xp и ie6 и все сайты что мы для него делаем он смотрит там.

[@t0digital]

кажется, вам пора сменить заказчика:)

[@user-pk8gk1nl8k]

@@t0digital не раз посещали такие мысли, тем более что человек как минимум ... специфический. (политик, журналист) Но у нас около 15 сайтов на поддержке, за которые он платит, ну и плюс раз в год что-то новое заказывает. Терпим) Но вам желаю с такими не сталкиваться.

[@t0digital]

Поднимите цену просто. Он фик найдет сейчас кто ему IE6 еще будет поддерживать

[@tsarevnalagushka]

Jquery, конечно, уже сильно морально устарел. Но чистый js пока ещё годится только для совсем простых задач. Например, чтобы убрать eventListener на чистом js, нужно самому где-то хранить ссылку на функцию, которая собственно является listener-ом. В jq это делается сильно проще $elem.on('click.my-event-id', e => {...}); и затем $elem.off('click.my-event-id')

[@vladislavstepanov7591]

вопрос в том, часто ли приходится ручками убирать обработчики?

[@astrotrain]

Откройте для себя крошечную библиотечку с жуйквериподобным синтаксисом eventslibjs Такое можно было бы написать и самому, только зачем, если уже есть Тут все события навешиваются на window, и по сути получается одно событие с делегированием, сколько бы не вешал обработчиков

[@astrotrain]

"Чистый js пока ещё годится только для совсем простых задач"?))) Можно больше примеров?)))

[@VikingBO]

Лайк только за то что поднимается тема отличия доллара от нативного JS По факту разница изучения команд JS и jQuery всё же есть, особенно в примерах по ajax, когда у тебя аккуратно написан ajax запрос или когда ты копипастишь кучу названий одного объекта отдельно для подключения, отдельно для описания запроса, отдельно для обработки ответов.... ну такое себе.... не вижу реальных преимуществ нативного к доллару... А так для новичков может и зайдет, маркетинг он такой, может и прокатит.

[@nitroexpress9928]

fetch() - быстро, лаконично, молодёжно.

[@RomaxSinergy]

*jQuery forever*

[@AsRammstein]

С jquery удобнее назначать events.

[@dantov8739]

youmightnotneedjquery отличный сайтик, спасибо до этого почти всё корячил на нативном. А тут на кверях все в одну строчку, теперь хоть как человек буду :)

[@t0digital]

Да вот и вот:)!

[@vrabosh]

Лично я бы от jq может быть и отказаля, но не от $ , делалбы свой легкий фреймворк куда длиные текты бы запихал в $ ну и примерно в стиле jq все остальное, т.к. это уже привычно. Мне удобней написать и читать $('.klass').html('hi'), чем длиные текст. Я помню когдато даже ajax функцию js оборачивал коротку функцию типа rmp('file', json, function(data){ todo }) которая обращалась в site.ru/mod/file.php?json

[@dmitry.gashko]

Очень романтичное название функции. Очень надеюсь никогда не увидеть такой функции в коде, который придется читать и темболее надеюсь что такой код не придется править) $('.klass').html('hi') document.querySelector('.class').innerHTML = 'hi'; я не вижу разницы. Раньше думал что она есть. Но ее здесь нет. Кроме того второй вариант я напишу, возоможно, даже быстрее, так автокомплит. Но а что, если нужно найти элемент внутри элемента? В чистом js не меняется ничего. А в jq немного меняется. И в этом случае вариант js-а мне уже нравится по всем параметрам больше.

[@vrabosh]

@@dmitry.gashko я смесь jq и js использую.. поэтому мне скорей всего проще в будущем наверно свой фреймворк делать. Потомучто лично для меня сложно читать длиные реализации кода, неприятно.