jQuery vs Vue, React and Angular
Vložit
- čas přidán 22. 04. 2018
- jQuery vs Vue, React and Angular - is there still a place for jQuery in 2018? Let's see what made it popular and if that's still important today. Turns out that you can do many things with vanilla JS these days. Or dive into the full power Vue.js, React.js and Angular 2+ offer. Even the file size is no argument anymore...
----------
Read the Article: www.academind.com/learn/javas...
Learn Vue.js: acad.link/vuejs
Learn React: acad.link/reactjs
Learn Angular: acad.link/angular
Want to learn something totally different? Check out all other courses: academind.com/learn/our-courses
----------
• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.( / academindchannel )
• Or visit our Website (www.academind.com) and subscribe to our newsletter!
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice! - Věda a technologie
I still think jQuery is much easier to read and understand. I've taken multiple stabs and React and Vue and they seem grossly complex and overkill for PHP devs who just need JS for a few things.
For me jquery looks messy whenever the coding starts to get complex, it's too many abreviations and whenever I read it I fell claustrophobic.
I watched this 2 years ago. Forced me to explore and use vue (and angular) in some projects - because as a good dev one needs to adopt. BUT after a few projects I realized what gold jQuery still is (fast, modularized, non intrusive, drop in rapid setup, minimal dependencies, super flexibility).
Call me old school but 2 years after, i've created 4 large projects still using jQuery and I love how i keep most of my base code simple, straight forward, organized and pure/true to its form, not having to interweave so much 3rd party code into html and the framework. I sometimes hire dev helpers and it's easier coz they can hammer away at my HTML and CSS even if they dont have understanding of jQuery, vue or whatever framework (i have larger pool of hiring options). I can also switch to vanilla JS if i feel like it with so much ease. Had i gone the vue route, or any other framework with dependency hell, my projects would've taken much longer do (since there's so many rework done that would've been so difficult if the project was tied to a framework), much harder for modularization and assign to different people w/ different skills/framework familiarity. Time and time again, i see the great value in separating different aspects of a project, not depending heavily on frameworks like vue, laravel, and all that "trend".
It's 2020 and i'm building another web application project from scratch and Bootstrap + jquery will still be my front-end heavy lifters of choice - as usual (and PHP+MYSQL on the server side)
That said, i did dive into Angular and React (not so much in vue) for a few smaller projects and it was indeed enjoyable but until these frameworks warring against each other move pass the "trend" and "fad" phase (Ruby *cough cough), I'm sticking with my weapons of choice that gets the job done. It's 2020 now and im sure there's another new kid on the block everyone's gonna be raving about around the corner.
Respect to VUE, REACT, Angular and all these projects giving us devs many choices to get the job done at the end of the day.
Vue, React and Angular pollute your HTML while JQuery does not. Secondly, we entirely build our UI on the backend. Once served, frontend code using JQuery can easily modify the presentation via event handling. I see no benefit to learn one of these new frameworks at this time.
I`m with you on that, jQuery still my favorite, specially react seems way hard to read and code then jQuery. jQuery might be a little messy when creating html elements but its so concise that even a child can read it simply but search the element id/name/class... jQuery for the win! Easy, productive, light and really small codes.
amen brother, i learned react, and the support is just not there, and and things arent straight forward, when i learn something I want to learn everything, but the way these frameworks go these days, its like they want to make the internet/development magic again, and id rather things be straight forward and not pretend learning a new way for the sake of learning a new way is 'better', at the end of the day, its javascript
Dude 😂 It's a ne of 2023 and I'm just started learning jQuery because it's so good and les complex hen other frameworks including Vanilla JavaScript 😂
I think you answered your own question. A lot of people build fairly simple brochure/marketing websites where the functionality is basic and the site's code is rarely going to change. These sites have small budgets so time saving is key. As you pointed out, jQuery is the fastest way to manipulate DOM elements. So these people still use it.
Also, in my case, I have so many tools that I have built over the years that I wrote in jQuery that work really well. So for a lot of fairly complex things I just plug and play.
As soon as you start doing anything more complex, all of your points are valid and jQuery becomes not fit for purpose.
It doesn't matter what you use if you cannot create something that people need and people don't care what is behind the scene as long as it can solve their problems -- get sales or die in the dust.
That is of course true - but not really the focus of that video. Because after the product (which is most important, I agree), you have to decide on a tech stack.
fact bro!!!!!
Clear explanation, but I was expecting some React & Angular examples too!
It would have been more complicated
This was my first exposure to Vue. Thanks Max, super clear as always. This is a VERY different way of going about things. I'm worried about having interacting script parts in 2 separate places I have to look back and forth between. Maybe if I think of the Vue declaration as a "DOM function" and v-for, v-on, etc. as my HTML calling that function, I'll feel better about it. But I'm going to start using Vue and see how it goes. Thanks again!
I think I prefer jQuery + Require + Backbone. These new frameworks are changing the HTML code. Whatever happened to the separation of MVC?
I still use jQuery, sometimes i need to get done a web project, but with limited time, so i haven't had the time to learn frameworks like React.js or Angular. (I'm an iOS developer).
Every time I watch one of your videos I realize once again how much I don't know. Thanks for putting so much great info in all of your videos!!
Modern web development definitely became complex, so I think it's normal not to know everything Walter. But great to read that my videos are helpful, thanks a lot sharing this :)
Do you have courses in Apache Wicket? I used that some years ago on a project and it was a big success. Why should a java developer learn and use Vue or React instead of Wicket?
Hi max, in my project I had to use jquery to manipulate dom elements as data is being rendered through innerHTML. It was my first time using jquery and I liked it.
I started learning front-end development in late 2017, and after playing around with vanilla JS (ES6) for a while, I jumped straight into TypeScript and Angular which was MUCH MORE beneficial than JQuery when I started applying for my first projects. What I noticed though is that JQuery is still good to be familiar with to some extent when it comes to site-builder positions.
Yeah, definitely, jQuery still sees a lot of usage and you certainly also learn a bit of the JS internals when diving into it. But I believe we'll see it being replaced gradually over the next years
at work I maintain a reasonable size jQuery app and a few vue apps and honestly I dread making changes to the jquery one...
witch one better for native applications and ajax ?
I really LOVE JQuery, for me it is easy and powerful!. All these new frameworks what they are doing is trying to "componentize" everything, they merge HTML code with JS code in a JS file, I like to find the HTML code in an HTML page and find the JS code in a JS file, I like that "separation of concerns"...
Separation of concerns != separation of files. Vue can also provide equal separation of concerns with vue components keeping the template, styles and code isolated from each other.
is it a joke
I agree jQuery was great at the time for cross browser compatibility, but with the advancement of JS browser support, ECMAScript, and new libraries like React and Vue becoming more widely used jQuery is not much more than a crutch and vanilla JS should be learned deeply to compete.
Vanilla.js > Vue.js
Very clear explanation. Thx. so basically Vue, react and angular are almost the same in terms of productivity. What would be the best one if u choose one?
I've used all 3 and like Vue the most; it has the best docs and is easier to learn for a beginner, but job opportunities and community support is better with React or Angular.
Max, what can you say about inabitity to bind an Angular framework code to a random html element on page? (like in your example). I think using it only like SPA is a major shortcoming of Angular 2+ in compare to React and Vue. I was totally dissapointed when discovered this. So, what is your opinion? Is it possible that Angular creators will add this functionality in future releases? Or maybe you know "hackable" way of doing so?
Yeah, I totally agree, that is not really that great about Angular (2+). It'll get better with the release of "Angular Elements", though the full potential of these will probably only be available when Angular 7 comes out. So still some way to go ...
I believe you can use @click instead of v-on:click.
Great video as always! Cheers!
Yes, Vue has some abbreviations, like `v-bind:class` can be just `:class` and `v-on:click` can be replaced by `@click`. I kinda like the long versions, though...
Tbh, long versions feel more "Vuey", if that makes sense... :D
:D
:D
Can someone post a codepen with the same example done with React?
i m not really convinced with these examples. it took 2 min 30 sec to write and explain the jQuery code while with Vue it took 5 mins with the same example (also you have to change the HTML document alot, with jQuery you dont have to), so its basically double the complexity.. i get it that this is a simple example and i guess Vue gets easier when the task is much more complex. But with basic web page DOM manipulation you can't win against jQuery imo atm. For instance developing on a WordPress site it might not be easy to access the already written HTML that is all over the place.
Exactly!
I'm currently using JQuery with KnockoutJS. it's basically also MVVM like vue. I'm still not convinced to migrate to Vue. is there any absolute point, so it makes sense to migrate?
I'm curious about animations. Jquery is nice and fun for quick animations and now there's CSS animations...and I guess canvas which I haven't really played with . For me I'm more interested in making interactive educational content for young learners which requires a lot of animations to make them fun and engaging. For example making a draggable object is a bit easier with Jquery, though not so bad with JS as well. I'm curious what anyone's thoughts are on the best ways to animate on the web. BTW also bought his Vue course and his React course on Udemy. They are fantastic, I highly recommend!
Mostly Css techniques with spirits and svgs but the secret is mp4 videos and injected elements depends what you want to do , i have made corporate kids games... I dont use canvas unless I have no other choice its not so responsive imho, depends what you need
I’ve been using jQuery since 2008 and I can tell you that, even in 2022, it’s my goto choice for projects large and small.
This current generation of developers are so quick to advise that jQuery is dead and that react etc are what you should be using, but I’ve yet to see an example of any react web app that can’t be achieved with jQuery. It’s the 🐐
I still use jQuery as it's good for small projects and it's what I started out with in 2014, but I also love Vue 3. It mostly comes down to if I want or need to make a website as an SPA. You can technically achieve that with jQuery, but you're going to be overengineering an environment for your front-end that is already readily available with something full of SPA-related features like Vue or React.
Your comment on how a fair amount of StackOverflow answers to JavaScript questions feature jQuery is a good one, and I'm glad this trend is starting to die out now.
Yeah, me too. A nightmare, especially if you're new to JS
@@academind absolutely.Commenting after 2 years but i feel that😃
Which is the best framework transitioning from jQuery? Which framework is the easiest to transition to? I am a full stack developer and want to learn a new framework and also want to learn SPA. My knowledge is currently limited to jQuery. Please help.
I think that would be Vue (the one I show in the video) - it has the "easiest" syntax
I'd say Vue.js as well. You can attach it to a container element and only have it apply within that scope. You could then effectively use jQuery outside of this controlled container :) The other frameworks are powerful, but have their disadvantages. React is a bit loose in my opinion and it's easy to write messy code. Angular is a soup-to-nuts framework and the learning curve is epic.
Not a big fan of jQuery. However, isn't it still used in cypress for e2e testing?
What happens if UI design (HTML and CSS) is splitted from the programming part? I have some UI Designer they work on layout of Forms and Lists and they do the color and image stuff.
On the other side there are deveolopers which are only working on the data part. They work with jQuery, Backbone and so on and they take care about where the data have to be displayed.
So it would be a nightmare if some changes has to be done on the layout side if there are such tags like in your example code.
Mixing layout parts with logic and programming. No way! Its templating programming. On bigger projects, no chance!
To be fair, I think even React makes things harder and less easy than just using normal JS + HTML today. And I dont see this "react keeps updating only whats need to be updated when an event happens"... that is how it works even in plain JS?. I dont re-render whole screen just to update a field. Only thing react is doing is making things less responsive since its slow to render.
is animation easy with angular than with jQuery ?
I agree 100% on everybody need good base of JS before they step into jquery! Great videos m8, I'm looking forward for new content!
Thanks so much - happy to hear you liked it!
Great video. I think und understanding jQuery is useful for when refactoring old websites. But I’m all aboard the Vue Train!
Nice! Have to check out more from your stuff! (On comment though: the size/construction of a data array does not really define a difference between jquery and any framework.)
Thank you! That was a very nice explanation!
Frameworks will always come and go, so what happens to the trail of modifications on the HTML elements in years' time just to accommodate these directives?
The reason to let go of or eschew jQuery isnt compelling enough yet.
to bee honest nothing can beat the use of Jquery when it comes to rapid prototyping , its a fact that it takes more time to develop something in vue js and react js and as chaining complexity increases , life gets more difficult with react js and vue js where as with JQUERY ITS so so so easy to chain chain chain and create functions and plugins .. I see no real need to switch or change to any other frame work ... apart from the one obvious for react js the virtual dom .
The best explanation! Thank you!
Max, do you think that is also a waste of time to learn PHP since Node.js is rising to prominence these days?
No, I don't think so. Node is not necessarily better than PHP. It certainly is in some aspects but PHP probably also is in other aspects. I think both is fine though you might have an easier time with Node - especially if you already know JS
I'd like to see a video to compare things you can to with PHP and NodeJS and how you can replace PHP with NodeJS :)
I became curious about that as well. I really would like to know those differences between PHP and NodeJS and what we may accompish with both of them.
Max and Manu could you guys explain to us the creazyTV's question which is also my question?
Thanks!
flask
This was a clear explanation. Well done. Why do you still use var in your examples instead of let and const?
Thanks a lot! I wanted to stick to syntax everyone knows, to not distract from the core message of the video or give the impression of Vue required next-gen JS syntax. It supports that syntax and using it is a good idea (if you got a build workflow to also support older browsers) but it's not required and you can just drop Vue into existing pages without compiling anything to "old browser" syntax :)
Academind ok. Good to know.
Maybe my mindset is wrong, but I don't find Vue easy or readable. I agree that the javascript data on the right panel is slim and readable, but the "view" panel on the left is confusing. I don't like the idea of javascript logic mixed with HTML tags, and splitted between the two files, at this point it is not easier to read.
In JQuery you have all the logic in the javascript panel, and then you print the output in HTML, I like this more. Also, using some PHP CMS (for example Wordpress), I don't really need a lot of javascript logic bound to the HTML, because queries, arrays, and the output are managed by PHP and templating... only occasionally I would need some ajax. Am I too old school?
I see the future in vuejs not any other framework and library😙
R u a web developer ?
web trends tend to change pretty fast so you cant be sure...😂
You sir, really did a great job by explaining why we are using more javascript framework rather than jquery and diff between them all. Thanks a lot 😎🙏🏻
Happy to read that the video was helpful for you, thank you!
Love your hands on comparison!
Happy to read that, thanks a lot for your comment!
For some reason I still like vanilla JavaScript. this actually confused me, I'm still a beginner by the way, and just for fun I actually created the final program on this video using Vanilla JavaScript, and the code is actually not much longer than jquery or vue, and for me it is more understandable, I mean on how the syntax looks, like the createElement, createTextNode it's more readable what the syntax will do right ?. I just love seeing how the actual code works, and not those confusing things, like why should I force name my class on vue like that etc... Of course that is only my opinion, I will still going to learn a framework, but not for now..
let fruits = ['apple','banana','milk'];
let container = document.querySelector(".div_in_body");
for(let i=0;i
Its called Advanced programming, If you dont understand it, then you might need more experience for knowing why this is amezing for developers
You could just .map....
there is a lot of UIs already written in jquery and as a developer most of the time we need to undrestand and change other one code... :)
You didn’t mention anything about using jQuery for Ajax requests to PHP, and that’s pretty much the primary reason anyone would use jQuery in the first place. I have no issues with “how beautiful” or “how difficult” jQuery is to use.
I prefer to learn it now because there are vast examples of how to use it already available on the net.
There is no reason to use jQuery for AJAX calls now that we have the native fetch API. If you really want to use a library though, Axios is far superior to jQuery in that regard.
Excellent video. Thank you a lot. I was wondering these days I saw React getting mentioned on some forums and I wasn t sure what it does, I just assumed that it might manipulate DOM and your video confirmed that to me. I also asked yesterday on some forum if React can replace jQuery but I didn t get any answer there. Your video confirmed that these frameworks can manipulate DOM and also the fact that they can work with the back end it s a big plus for them.
Now (since I got my answer whether I should learn jQuery or not since I was in doubts) I m thinking whether to pick REACT or VUE. I saw another video from you where you mention that VUE it s easier for beginners, but I m also thinking that React it s for longer time around and I was thinking it might be easier for me in time to find a job involving React since most companies work with React more than Vue atm. I d like to hear your opinion. Also I would like (and I don t think I m the only one) to see another NodeJS project from you. Your tutorials are really nice cause you explain very well.
Thanks so much, it really means a lot to me to hear that you're finding my videos helpful! :)
Regarding Vue vs React: Both are great frameworks (React technically is a library...) and you can build the same kind of apps with both. So generally, it comes down to which syntax and concepts you prefer. React also is used by more companies so finding jobs will be easier as a React developer, that's important to know.
Learn react, I hate jQuery as its honestly just so ugly to look at. React and jsx look so clean
I even prefer vanilla JS over jQuery so I'm not just biased to react either
You are awesome i completed 3 course of udemy of your
Thanks for the great tips man!
HTML by nature is declarative while javascript is imperative (yes we can do functional programming). For UI stuff (DOM manipulation) we generally want things to be declarative. Javascript is used for application logic, as well as interacting with the DOM. The new frontend frameworks bring a paradigm shift for DOM manipulation from imperative to declarative. Adding reactivity to that allows developers to focus more on the application data and logic. You do get intrusive HTML (Angular and Vue) with directives and Javascript code but that is the point. It is the opposite of DOM manipulation using JQuery and vanilla JS: intrusive JS code with HTML.
Thumbs Up! Thanks for that Max :)
Thank YOU Rebar - great to see you're enjoying the video!
JQuery is nonintrusive to the HTML, compare to all the the new frameworks that liter the HTML with ugly directives
Someone please make a new nonintrusive but easy to read framework
Don't forget data- whatever we add for Jquery, to achieve dynamic-ness... I use data-id a lot, to indicate data id instead of HTML ID
Agree. It also makes the html harder to style.
Dark Heart You also have to change your node backend to accommodate the framework. I wish a framework could just have a separate js file and leave the html alone.
I agree, I'm not yet convinced with these frameworks hacking away at HTML in specific ways. All of this can be done with JQuery. Also, there are frameworks like Backbone.js that are very lightweight and do all of this stuff without changing the HTML.
That's actually a problem.
In our code many jQuery events are bound to html elements and you can't see it in the html. We do not know anymore which code is unused anymore or where it is used without searching the whole project
ive tried vue and such.. but i always comeback to jQuery, because it's really separate html and script (i don't like directive)
yeah,, i hate directives. infact i really go a mad using that. i never understood angular and i will never understand it . i always cum back to jquery
all I use is jquery lol
not the same size cuse vue add to .html as much as added to vue.js so it's not 30k it's like 60k
What about popular jquery libraries like "select2"?
we already have select2 implementation in React (third party library)
The place where I work used to be heavily dependent on jquery. Now they have decided for a change and bring in react js. I must say for a guy who has from the very begining used jquery for dom manipulation, validation (validate.js), custom dropdowns (chosen.js), time pickers (kendo datetime picker), countdowns (countdown.js), sliders (wow.js, js-silder), I'm a freaked out as hell.
i kinda wanna learn jQuery for BackboneJS... instead of directives it feels like a bit more hands-on approach
Vue, React, Angular is good when you need to render html.
Jquery is perfect if you need to interact with already rendered html.
That’s all the difference
Hm, I don't really agree. The way how you manipulate the DOM simply differs. Imperatively (jQuery => write commands to select and change things) vs declaratively (Vue, React, Angular => Write HTML code that should be rendered under different conditions/ cirumstances).
The most important thing here is workflow. If you receive page as plain html from the server, then Vue/React/Angular isn't a good choice. jquery here is still the king. But if you receive page as json, then 100% this frameworks are a good choice
But in his example...let s imagine he got a page with a div from the server that div he had in his example it was written already and he could manipulate it just like that. So what s the difference?
then again why bother using jquery if there are better tools to handle dom manipulation? (my reply to your plain html). if you are going to do simple operations with these plain html pages, then why not use vanilla? remember, in order for you to interact with these pages, you still need to wait for jquery to be loaded. so no, jquery is no longer the king.
I'm still only using jQuery on websites that I'm not developing myself, it's nice to easily interact with the DOM. However developing a web app in 2018 shouldn't take the jQuery route, as managing state becomes a pain so easily and as shown in Academind's example, jQuery doesn't really preserve the semantic meaning of the values you render
How much time to give vue before it gets replaced by something "better"? Looks like this one will stay around for a while but god knows what wizards at Google etc are conjuring these days. It feels like developers now days are forced to be jacks of all "frameworks".
Absolutely - things are changing fast. At least knowing what you could know is a good thing I guess. Doesn't mean you always have to hop on every hype train and drop things you used for more than a year. But things are certainly moving faster than they did 5 years ago I'd argue
The difference for beginners may be the learning curves..which is in jquery's case extremely low. But yes: flexibility of vue equals that out
Thanks for this video. As a new coder I see no point in learning Jquery, so I focused on getting a deep understanding of vanilla JS and at this point I feel confident enough to dive into frameworks. I had some doubts about my opinion regarding Jquery. I can read code written in it but can't help trying to refactor it into vanilla JS with the latest features. This video makes me feel avoiding Jquery so far has been actually a good choice.
It definitely was - knowing the basics of JS + a framework like Vue, React or Angular is the way to go.
Very, very nice, but there's no example for Angular or React. Please do the second part. Thanks for your effort. Keep the good work!
Thanks for your nice feedback! Actually, the same arguments are true for React and Angular. I simply picked Vue because it's the easiest to integrate and it has the easiest syntax (in my opinion). I'll note the suggestion though
How to do that "loop" codes in Angular ?
Anyone pro Angular developer ??
I love this guy, it clear him views and show to us the path.
Thank you so much Luis!
waited till the end until something about React or Angular., as the title promised, but not much heard about them :/
Yeah, looks like Jquery is still going to be it. I mean, you literally had to go into the html code and made modifications there to work with vue. Whereas with jquery you can just do the coding within the javascript. If this is how vue works, then I see it being a huge disadvantage when used on websites running on wordpress.
I recently tried using Vue 3 as my front-end for custom themes with WordPress, you have to use the headless WP REST API to grab the data and fields from the back-end and it even works with ACF (but you need a plugin). It takes a little getting used to, but honestly it actually works great. You do lose out on some features from WordPress like their front-end post type pagination. I still find it WAY better than working with a raw MySQL/noSQL database, though.
Nice video. Would be cool with an advanced course on either React or Vue on Udemy!
Thanks for the suggestion and the feedback! Both certainly on the idea list - just need to find time :)
great video, I learned something new today
So happy to read that, thanks a lot for your comment!
i started with js, jquery and since i learned react, i love react
Interesting, and very good explanation, thank you
Happy to read that Sherif, thank YOU for your comment!
Great video, I was wondering what your opinion was on this matter. I have thought about what advantages there would be to learn jQuery outside of an employer asking for it. I still haven't learned much about Vue, but I definitely agree that using a framework is more advantageous in readability and giving the developer better options. Good to know your thoughts on this.
Thanks for your nice feedback, I'm happy that you found this video to be helpful! :)
Big thanks! I am going to learn React.
this is version of task on React - codepen.io/tayurus/pen/qYKRyG
I'm also going to learn React. Is it worth more than to learn Vue in 2020?
This video saves my time, I think I can just skip learning jQuery...
Jquery is very intuitive i would learn the dom selectors if nothing else someday you may need it
If you don't have a REASON to learn JQuery, then don't bother. However, if you get a new job as a Front-End Developer, there's a decent chance you'll deal with some legacy JQuery code, especially in the older pre-2015 MVC frameworks, so you might HAVE to learn it.
That is absolutely correct - you can be in a job where jQuery is still an important part of the tech stack and there's no way around it. Great addition, thanks!
Vue looks nice but I basically use jQuery only for the AJAX class and there is a way to get a copy of jQuery with only AJAX features.
Viewing Vue code makes me realize why I hate magic strings. The beauty of React is it teaches you javascript because it is javascript and you get the advantages of type checking like autocomplete, compile time errors etc. that javascript has that you can't get easily with magic string frameworks like jquery, Vue, and Angular.
Good explanation
I love how he makes getting SOOO deep into the weeds of some shit sound and look so simple! a lot like mpj of funfunfunction!
BTW if you haven't taken any of his courses he's an outstanding instructor :)
Thank you so very much, really awesome to hear that!
You're very welcome! I'm a HUGE of your work and appreciate all your efforts to help others learn. Plus I'm trying to do or say something nice or pay a compliment to anyone deserving on at least a daily basis! Today it will be Max!
cheers :)
But his accent??
warum sprichst du kein deutsch???
This guy is a freaking GENIUS :D
Wow, I don't know what to say but thanks a million for this fantastic feedback Alfredo :)
If the developer keeps a state transitions viewpoint it is possible to emulate declarative style of programming even with jQuery. See, for instance, dzone.com/articles/a-javascript-framework-for-robust-ui-applications
Beautiful Engery
But without SSR your html will be invalid, becouse v-... isnt valid attribute, isnt it?
That's not the HTML code that will end up in the browser. Vue takes your HTML code, turns it into a JS template and renders back valid HTML
I'm sorry, but I do not understand. Without SSR is exactly this HTML that ends in the browser. And after JS runs, it will be re-rendered to a valid html. In other words, if I do not use SSR, the crawler visits the page, does not start JS and will see invalid HTML.
no it's not .. look at this tool (I needed sort some things in our database and just learning Vue .. so in five minutes I did a little tool) >> dn8.cz/js/vue/index.html
look at its "view page source" (or ctrl+U)
inspect code is not so clean but it is because of me, not vue.js ;)
Yes it is true. Then the comparison with jQuery is irrelevant. JQuery primarily manipulates an existing html.
>2018
>caring about validation
MAX, you have MEAN stack course on Udemy, now kindly make a course on MERN stack also...
where of this approach by angular ? u should use angular instead vue in this example because of angular power and advantge :V
Vue has the easiest syntax of the three (React, Angular, Vue). Currently, Angular is hard to use if you only want to control parts of a page - it's only good for SPAs and we're not building a SPA in the video.
Thanks, it's awesome video 🤩
Thank you Ahmed :)
I have started to learn Vue and I like it so far but it doesn't quite have the same out-of-the-box simplicity jQuery has.
Vue has a lot of setup that has to be done just to get the thing to render a page or segment and relying on other utilities to accomplish it. jQuery can literally work with a static page that you already had without having to worry too much about anything other than maybe having to put some attributes into HTML elements.
I think it's fair to say that if you're looking to be full stack developer than jQuery is ill equipped to work in the current environment, but if you're trying to do is a little dynamic interaction on your existing page, jQuery is perfect.
Have you tried using a build tool for Vue, like Vite or Vue-CLI? They can do a lot of the setup for you so it's a breeze to get your Vue app up and running.
@@lefty-dev yeah, I've since discovered it's actually pretty straightforward to set up Vue using some tools. I think my issue with that is you have to have the tools set up on every computer that you're using If you're working with it locally. You don't have that problem with jQuery since it's self-contained so at worst you need something with some syntax highlighting.
But that's just a change in work flow. It's not a jab against Vue. I haven't actually sat down and had much time today to get back into educating myself on web development again but if I get a chance to it'll be back to Vue.
@@darkmojojojo Yeah that's understandable, jQuery can be very nifty and I see it a lot since I work with WordPress. Also, it might be worth noting, from what I understand you can use Vue 2 with a cdn and drop it in with a script tag just like jQuery. That also gives you some level of control to how much you want to integrate it into your app, and also allows for smooth iterative refactoring. That might be worth checking out since you like not having to download tools across devices. I think you may be able to do something similar with Vue 3 as it has a feature called inline-templates, but I've never used them.
Although I enjoy ur content, but to go as far as saying not to learn Jquery is a stretch. Vue for instance still has http request dependances that you wouldn't worry about in Jquery because its built in. Animations, rendered elements manipulation, and the fact that many css libraries still use jquery will keep relevant for a while
Vue would clash with django template tags. I've read the {{}} can be changed.
IT wants to keep it's job in the future as they will be tasked with fixing everything their teams create. The suits are worried about cost so the code has to achieve their goals efficiently. Maintenance is on everybody's mind.
Frameworks solve both problems. That said there is no down-side to understanding pure JS as well as you can. It's also your best hedge against the future changes that will always arrive faster than you can blink.
HTML CSS JS PHP SQL will be around until they're not. And you will all be retired by then. :P
Great comparison, sadly though bootstrap 4 still uses jquery as well as many other css frameworks.
It sure does and this creates a few headaches for developers using frameworks. Fortunately there are packages available in many cases that use the framework's renderer to implement the functionality of Bootstrap without jQuery. Angular has ngx-bootstrap and ng-bootstrap for example.
you can just use the css not the animation of bootstrap
@@General_Aladeen bootstap sucks anyway need a better one the animation is terrible at best
I do not understand why people still use jQuery?
const data = ['Bananas', 'Apples', 'Milk'];
const rootDiv = document.getElementById ('loop');
for (let item of data) {
const elementToAdd = document.createElement ('div');
elementToAdd.innerHTML = item;
elementToAdd.onclick = () => elementToAdd.classList.toggle ('highlited');
rootDiv.appendChild (elementToAdd);
}
In my opinion, vanilla JS is both faster and easier to understand.
You said yourself, "my opinion". There's a lot of opinions out there to use different technologies.
Beucase jquery code is more compact; easier to read and write.
Thirty years and still have not setttled on a sensible approach to web development
Just like saying 100s of years and still humans didnot settle to sensible approach to living. Didnot settled to sensible way of building houses fashions etc... its called evolution my friend and tech always evolves...
these frameowrks only consider the frontend on trivial applications. While they are certainly better ways of working they don't scale to large applications well. Fintech and eCommerce for example have requirements like SEO, a/b testing, analytics, accessibility, performance and backwards compatibility (yeah yeah don't support older browsers ...except when it's a legal requirement like any government, health or public service provider).
jQuery isn't going anywhere soon, the only good piece of advice here is definitely learn vanilla javascript then if you're going to use a framework choose one that fits your project not just the script of the moment.
tldr: going straight for the new framework excludes you from more industries than just using javascript or jquery will.
To me JQuery was a huge liberation. Vanilla-JS was such a mess back in the day. Now I know JQuery so good that it's easy to program even not so simple stuff successfully. Now I'm told to learn other, better libaries/frameworks/interpeters. But that would take fife years and until then I bet something newer, even shinier is on the way.
I am gonna stick to vanilla js with Symfony php framework.
But you didn't try this code with React and Angular!!! The title of the video says something else!!
I miss the others too.
I don't like the idea of modifying the html to accommodate a framework. It's almost like defining layout in html instead of css. Maybe even worse, because layout syntax doesn't change much, whereas frameworks come and go - and you are left with some messy html tags that might become irrelevant. Even inline javascript seems to me a better idea than this. I can't believe what Vue does is actually considered good practice. I hope React doesn't do that, because I'm going to try to learn one of those frameworks (thanks to this video I know it's not going to be Vue).
They all do the same :).. mixing the html with javascript and import this, import that, its all bs
Its called Advanced programming, If you dont understand it, then you might need more experience for knowing why is this amzing for developers
Gee have you seen React and Angular?
vue is so easy but jobs for vue very hard to find huhuhu :((
Here is a goldmine of resources on Vue.js. It also includes a link to a Job Portal :)
github.com/vuejs/awesome-vue
Why is it that people talk about jQuery not being useful anymore? jQuery was NEVER a replacement for actual Javascript. jQuery is about Convenience and quickness. Not to take the place of the language itself. It's always these younger, newer, programmers that treat jQuery like some kind of competitor to Javascript ("Vanilla") itself. Also, jQuery doesn't require one use a lot of invalid html attributes to achieve DOM manipulation. This is the same reason I stayed clear of Amber.js and preferred Backbone.js. Now I look at these frameworks being talked about. It's like all of them don't even care about valid html anymore. All they want is "faster" results. Maybe, I'm just old-school, but jQuery and Backbone is still a better approach than these newer frameworks.
What is Vanilla JS? Is it basic JS?
Yes, so JavaScript without using any frameworks etc.