Для чего нужны jQuery, AngularJS и vue js
HTML-код
- Опубликовано: 22 июл 2017
- #soer #itubeteam
Основной канал для общения и публикации новых видео - Телегарм - t.me/softwareengineervlog
Спонсорство - donate.s0er.ru
Сайт платным контентом - soer.pro
Зеркало для видео Дзен Видео - zen.yandex.ru/id/5f578bdf22e2...
GitHub - github.com/soerdev
Чат для программистов - / discord
Группа ВК - codeartblog
Думаю нужно пояснить, что первые версии Ангуляра вышли в 2009 году, но релиз версии 1.0 состоялся в 2012. До 2012 Ангуляр был версии 0.9 и 0.10, после 0.10 версии была куча релиз кандидатов.
A\ex_ у Ангуляра есть официальные учебники ng-book , вышла ng-book по 5-ому уже. судя по дате коммента, вы и так уже нашли.
@@alex-stalker привет из 2020 года. Выпустили Angular 9 он шикарен)
Последнее время развилась тенденция решать простое сложно. Мода засела в программировании.
Тоже так думал, пока не начал работать с ангуляром. Да сложно в начале понять, но позже понимаешь, что это гораздо удобнее того, с чем работал раньше. Это как с гитом - сперва думаешь "вот блин облегчили так облегчили, теперь надо постоянно писать какие-то коммиты...", а потом понимаешь, что это действительно круто для совместной работы, планирования работ с проектом и отслеживания версий и изменений
Евгений полностью поддерживаю. Это тоже самое как с бэкэндом, раньше цмс и самострои были хорошо, но с выходом ларавела для меня бэкэнд засиял новыми красками. Все что раньше было путанным и слишком индивидуальным, сейчас все просто и структурировано, но на начальном этапе сложно в изучении
хорошее видео, если есть настроение сделай пожалуйста видео об vue, но по подробнее, чтоб побольше мы узнали
Спасибо, информативно.
Отличное видео, всё верно.
Интересно Ваше мнение, спустя год.
Спасибо, хорошее пояснение
хорошая аналитика. спасибо!
Благодарю за озвучивание плюсов и минусов фреймворков, в частности vue. Составляю стек технологий для будущего проекта и ошибиться в самом начале очень не хочется. Еще бы увидеть так же о различиях синтаксиса, и вариациях реализации одной и той же задачи на Angular, React и Vue
Хорошее, адекватное рассуждение.
Спасибо!
Самый лучший обзор!
Спасибо!!!
Чуть больше года ролику. Есть ли апдейт? По теме - VUE JS мясцом оброс или нет? =)
Или до сих пор React?
Просто думаю что начать смотреть
Заранее спасибо за ответ
Интересно!
ну а как ваше мнение на рубеже 19-20?
Все время смотрела на черешню :D На счёт Vue.js я в него влюбилась. В последнее время активно его изучаю и я уверена что это будущее.
Татьяна Бурдужа А что в нем такого особенного?
будущее - это 2-3 новых фреймворка каждые 2-3 года... ))) Мне кажется, что просто фронтерам скучно и они соревнуются в дли... в том, сколько фреймворков знают
@Александр Иванов Ошибаешься
Татьяна Бурдужа щас Svelte появился на рынке
Всем доброго времени суток. Народ, объясните. Везде приводят примеры, как сделать простую кнопку на этих фреймворках... и кода там в раз 5-10 больше, если писать на голом js. В чём профит?
Профит начинается не в момент, когда создаешь первую кнопку, а когда добавляешь 2, 3, 4... и т.д. Так как на добавление N+1 кнопки тратится линейное, предсказуемое время. А когда делаешь на голом JS, то по мере роста проекта все начинает сваливаться и ломаться.
Простая аналогия - слепить пельмень в ручную за 5 минут или построить цех по производству пельменей за месяц и тратить на приготовление одного пельменя 0.1 секунды )) В итоге время на постройку цеха окупится очень быстро))
Вуй отличная замена для jquery правда по началу людям сложновато будет понять как данные между компонентами кидать эти все шины событий но по факту уже все проще и с выходом тройки мне кажется море вопросов отпадёт вообще
С идеалогической точки реакт это "модно молодёжно", но то, что обращаться к DOM приходится при помощи ванилки, считаю анахронизмом, по этому джиквэри.
" - Мужик, я нихера не понял, что ты сказал! Но ты мне близок, ты заговорил и достучался до сердца. "
PS. Хотел по гуглить на тему jQuery для начального уровня, и понял что много непонятых слов =)
Видимо есть чему мне еще учиться))
Что учить после голого JS?
На данный момент React.
Angular))
Vue
Ну всё зависит от того, где ты JS использовать будешь
Виталий Слободянюк Angular 5
Хорошая вишня
для небольших приложений, когда использование фреймворков нецелесообразно, но некоторую динамику добавить надо, неужели этого нельзя сделать на чистом JS? зачем вам jQuery?
Валентина Сахарова кроссбраузерность?
querySelector и addEventListener некроссбраузерны?
Валентина Сахарова, нет, эти методы появились в спецификации только в 2013 году, есть куча браузеров, которые знать не знают ничего об этих методах.
ну конечно, какойнить IE6... вопрос только, кому он нужен...
гос. организации некоторые например
Что-то до меня так и не дошло, Ангуляр и реакт для бекенда или нет?
Нет, для фронтенда в основном.
для бекенда используют Node.js
Для бекенда используют Node.js.
но лучше не использовать Node.js ))))
@@SergeiPeshalov пачиму?
1) Не совсем понял. Зачем мне нужен jQuery, если я использую React? jQ уже не обладает уникальностью 2) разработчики между собой разговаривают в 95% на английском (китайцы/корейцы/даже русские чаще всего)
Denis Poltoratsky Jquery для маленьких проектов, а React для больших проектов:)
jq может пригодиться в не большом проекте например если вы хотите сделать какой-нибудь календарик, но при этом чтобы его не нужно было писать самому с нуля.
对，我的朋友
А yii и vue js отличаются?
Тем же, чем голова от жопы
Комментарий выше очень хорошо описал разницу между Yii и Angular, React, Vue. Yii это PHP фреймворк, Angular, React, Vue - JS. Разница огромная.
И всё таки вопрос прежний - а зачем они вообще нужны. Если jquery я немножко использую, чаще для запросов, то зачем их пихают во все проекты уже несколько лет в откровенную не понимаю.
Что бы упростить и ускорить разработку, сделать SPA, плюс некоторые компании не могут себе позволить писать на чистом js, слишком много возможностей по типу: накосячить / долго делать и тд.
Если ты делаешь сайтики за 300 руб на jquery, то это не значит, что крупные проекты делаются также и такими же как ты.
@@vitaly-Я этот вопрос задавал полгода назад, сейчас могу на некоторые вопросы сам ответить, и всё равно js используют с перебором.
@@user-sl4wn3sj2t "js используют с перебором", ух ты, а есть чем заменить? С каких пор js перестал быть монополистом?
Только не надо мне про dart говорить, он как и все остальные "заменители js", компилируются в итоге в js.
Или ты предлагаешь на бэк перекинуть, то что обычно пишут на js?
@@vitaly- я не писал что js не нужен. Просто не понимаю этого восторга от реакта, ангуляра. Я даже немного стал разбираться в react и что я вижу - ну можно и так работать, но каких то сверх преимуществ не нахожу.
Вот про vue вообще не согласен. Давно работаю только с vue, и с китайским языком сталкиваться ни разу не приходилось. Хотя делал кучу всяких клиентских вещей типа слайдеров, поисков с автодополнением и прочих галерей, сервернный рендеринг, кастомные render функции и ещё много всего. Всегда хватало как готовых решений, так и английской документации (которая, кстати, и на русском есть для vue и основных его модулей, причём в актуальном состоянии).
Адаптировать любой vanilla модуль из npm под vue - задача не такая уж затратная, а модулей этих имеется на все случаи жизни. То есть проблема отсутствия каких-то готовых решений на мой взгляд тоже надумана.
Короче, vue вполне зрелый продукт, который можно успешно внедрять в проекты разной сложности, а не только играться с ним дома для общего развития.
А вот про jquery полностью поддерживаю - это инструмент, решающий определённый круг задач и решающий его успешно. Но нужно понимать, что сегодня он немного (именно немного!) теряет свою актуальность, так как IE9 уже почти вымер, а с более новыми версиями нет таких проблем совместимости, которые сложно решить без библиотек.
Я бы согласился, но мой опыт немного другой:
1. Не нашел хорошей Admin темы на VUE. Мне нравится Angular Blur Admin, найти что-то подобного под VUE я не смог. Админки есть, но уж очень простые. Даже среди платных. Переносить на vue.js целую админку - ИМХО не выход;
2. Наступил на грабли с кастомным рендерингом. Если упрощенно, то есть список компонент в стейте, нужно отрисовать их на странице. Удалился элемент из списка, нужно убрать во вьюшке. У меня вместо этого элемента исчезал последний элемент. Информации по кастомному рендеренгу я особо не нашел. Точнее доки есть, а вот наработанной базы знаний я не нашел, пришлось самому копать в чем грабли;
3. Начинаешь под VUE искать готовые библиотеки часто попадаешь на китайские репо на github, что там написано хрен пойми;
4. Пытался искать фрилансера с опытом на vue. За три недели два отзыва, оба разраба зеленее некуда.
Я соглашусь, что это все решаемо, но меня волнует даже не столько вопрос производства кода, а вопрос его сопровождения и расширения команды. Трудно мне представить как можно строить бизнес на решении о котором еще два года назад никто не слышал.
UPD. Кстати, плюс jQuery сейчас не в самом jQuery, а в рынке сбыта для цифрового контента.
1. Ну на самом деле и другие фреймворки, насколько я сталкивался, не дадут вам полноценного решения - всё равно многое руками придётся делать. А так - существует AdminLTE, который теоретически можно с любым фреймворком использовать. Кстати, есть более-менее годный вариант с байндингом под вью www.npmjs.com/package/vue2-admin-lte. Но, конечно, blur красивый, ничего не скажешь :)
2. я так понимаю что-то типа такого нужно было? splice, push и т.п. будут отлично работать с массивом componentList, и всё будет рендериться как надо, без каких-то ухищрений с кастомным render.
3. Опять же, как я выше говорил - не сталкивался с подобным, хотя очень разные задачи были и их было много за 2 года использования vue.
4. Это да, пока что все пишут на реакте, а некоторые некрофилы вообще на первом ангуляре. Vue и Angular 2+ пока слишком молоды, чтобы похвастаться большим количеством матёрых (и не только) спецов. Но рано или поздно они вытеснят реакт, так что по крайней мере один из этих фреймворков получит большое распространение в ближайшем будущем. И скорее это будет Vue, чем Angular, поскольку второй всё же больше подходит для каких-то супер-огромных проектов, а остальные ниши на мой взгляд будут заняты именно Vue.
2.Да, но в этом варианте у меня была проблема, что я передавал позицию в componentList через параметр. Чтобы компонент мог знать свою позицию в store и сам себя удалить. Этот параметр не обновляется при удалении других блоков.
Пример:
Ну это в любом случае плохо именно в таком виде делать, так как повышается связность компонентов. Компонент не должен сам себя удалять, это неправильно. Можно просто из дочернего компонента кидать событие типа this.$emit('delete-me'). Тогда индекс этому компоненту вообще не нужен и будет что-то типа того:
Согласен, что решение так себе. И по-хорошему нужно приводить к "параметры вниз, события вверх".
Только мне кажется, что повышается не связность (cohesion), а зацепленность (coupling) компонентов. Сильная связность компонента при слабой зацепленности - это наоборот хороший признак.
UPD. Только мы уходим от темы ролика. Проблемы есть в любом фреймворке, вопрос в том можно ли их устранить самому, или найти того кто может это сделать быстро. В случае с VUE я пока не могу сказать, что поддержка сообщества такая же как у React или Angular.
Grunt ? А он что ещё развивается?)
Всем выйти из сумрака
vue используют в apple)
они быстрее бы его купили и сделали под себя, чем его использовали в более менее нормальных вещах
VueJS уже давно и вовсю используют в SPA. В том числе и комерческих. Другое дело, что в банках это не используют. Но мы все знаем какой стек технологий там живёт...
видео имеет такое название,которое должно привлекать новичков,но проблема в том,что вы используете терминологию,которую большинство новичков не поймут
Новичкам рекомендовал бы ваниллу
@@T1nyAss что такое ванилла?
@@artemaltufiev1045 чистый javascript код и да привыкайте к тому, что одно и тоже имеет несколько названий, добро пожаловать в ад...)))
всё так быстро меняется, что в 2019 году это видео уже не актуально
А что актуально ?
Ну уже Vue.js не такой уж молодой) 2020й год на дворе, а видео 2017го
Женя, правильно говорить фреймворк, но никак не фреймвёрк! Слово work звучит как ворк, но не вёрк.
Спасибо.
Бро, ты не прав. Кури хотя бы транскрипцию и звуки. Произносится как wɜːk.
Произносится как среднее между вок и вэк. Потому что вок - это ходить пешком. И произносит р необязательно. Вёрк - это немецкий акцент.
Вебпак это зло :)
Нахрена все эти фраемворки? Создаю шаблон аштимль, пишу класс манипуляций с этим шаблоном вообще никаких проблем, я хочу максимально подробно изучить JS, и не хочу тратить время на то, что в скором времени все равно умрет!
с чего ты решил, что оно скоро умрёт? jq хоронят уже лет 5, до сих пор много где встречается и применяется
Персик
фреймвёрьк
если говорить коротко то можно резюмировать что все эти фреймворки ненужны
именно, пиши на vanila js и будет тебе счастье =)
нужны, т.к. проще изучить и проще писать код.
сравнивать jquery и angular вообще смысла нет, это абсолютно разные вещи.
React это библиотека
Мне плевать
ок ._.
Все это дерьмо нужно, чтобы для просмотра 1Кб полезной информации надо закачивать 100500 Мб паразитного кода, зато в красивой рамочке.
jquery не нужен, он ничего не дает разработчику. он только тащит за собой кучу зависимостей. angular - framework, а react - библиотека. в angular тоже есть шедоу дом... сейчас все платформы для создания СПА приложений работают со своей реализацией шедов дома
Возможно я не понимаю чего-то, но вот есть пример - нужно сделать плагин под WordPress, для клиентской части, что лучше использовать React или jQuery? И почему?
Вообще есть понимание что такое зависимость? Интересно какие зависимости тащит за собой JQuery, кроме себя?. Вот как раз Angular(не 1.x) тащит за собой кучу зависимостей. Чтобы создать проект помимо webpack, yarn, node, node_modules нужно еще тонну модулей, чтобы просто запустить проект.
1. React это библиотека. 2. Использовать jquery в angular, vue или angular это антишаблон
Использую Angular для SPA сайтов и vue.js для MPA. Vue.js очень нравится своей простотой, но не думаю что он заменит Angular. Не пользуйтесь jQuery там где вы можете его не использовать.
Не пользуйтесь jQuery там где вы можете его не использовать. - звучит правильно если продолжением являеться -> a используйте нативный синтакс javascript
хех, я использую в юзерскриптах для браузера, потому что не хочу изучать javascript. Меня всё устраивает.
Х
React и vue это библиотеки, а не фреймворки.
Термин "библиотека" использую когда говорю о чистом React или Vue. Когда хочу подчеркнуть, что речь идет о стеке технологий и правил (например, React+Redux+Route+ES6+Lint или Vue+Vuex+Route+ES6+Lint), то использую термин "фреймворк".
Святослав НС раунд
хрен пойми кого слушать...
на оффсайте React написано library
на оффсайте Vue написано Framework
А по моему опыту Vue с jQuery неплохо так себе дружат.... похоже, кто то пытается нас обмануть.....
Upd. Я оказывается из будущего пишу...
Почему это видео в плейлисте программирование с нуля? Я лично не программист. И вот посмотрел 9 минут видео и лишь понял, что джейквери это всего лишь библиотека какая-то, и что-то там как лапша) почему такие видео оказываются в этом плейлисте? 9 мин в пустую
Слава УКраине, все веб технологии появились у нас
Vasya Vasya ахахахах , прикольно ) тогда слава
А теперь понятно, где появился IE6
Господи... Ну дай ты им хоть чуть-чуть мозга
Angular и React - тупо мода. Что-то реально большое ни в жизни на этом всем великолепии писать бы не стал. Для мелких одностраничников с извращенцем тимлидом - самое то.
😂😂😂
Забыли о самом главном, jQuery очень сильно снижает производительность, например написанная анимация на нативном javascript будет намного быстрее работать, как и все остальное, меня лично стало тошнить от jquery, хотя меня всегда от него тошнило, библиотека для нубов, но для грамотной разработки я считаю не годится.