title
Is jQuery Still Relevant in 2018?
description
Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi
In this video we will talk about jQuery in 2018 and compare some of it's features like DOM manipulation, ajax, utilities, etc to the vanilla JS solutions and code samples as well as talk about some other small specialized libraries to take the place in some areas. I will also give my own opinions and thoughts as well
Modern JS From The Beginning: (Learn JS Without Libraries)
https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10
💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia
Follow Traversy Media:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia
detail
{'title': 'Is jQuery Still Relevant in 2018?', 'heatmap': [{'end': 644.06, 'start': 586.947, 'weight': 0.771}, {'end': 862.422, 'start': 838.814, 'weight': 0.749}, {'end': 930.541, 'start': 895.763, 'weight': 0.796}, {'end': 1004.702, 'start': 986.452, 'weight': 0.713}, {'end': 1058.625, 'start': 1029.157, 'weight': 0.877}, {'end': 1101.508, 'start': 1065.816, 'weight': 0.858}, {'end': 1179.94, 'start': 1149.457, 'weight': 0.958}, {'end': 1329.674, 'start': 1306.101, 'weight': 0.988}], 'summary': 'Explores the relevance of jquery in 2018, its evolution into modern javascript, and the advantages of using queryselector and queryselectorall for dom manipulation. it discusses the diminishing relevance of jquery in modern web development due to modern browsers, babel, and polyfills, emphasizing the importance of learning javascript first and recommends focusing on frameworks like react, angular, or vue.', 'chapters': [{'end': 378.209, 'segs': [{'end': 59.521, 'src': 'embed', 'start': 29.13, 'weight': 1, 'content': [{'end': 30.17, 'text': "Hey, what's going on, guys?", 'start': 29.13, 'duration': 1.04}, {'end': 33.572, 'text': "so many of you know that I've been really working hard on my next course.", 'start': 30.17, 'duration': 3.402}, {'end': 36.252, 'text': "I'm also moving, so my time has been very limited.", 'start': 33.572, 'duration': 2.68}, {'end': 40.974, 'text': "I haven't really had the time to do any in-depth coding YouTube projects,", 'start': 36.252, 'duration': 4.722}, {'end': 46.636, 'text': "so I figured that we could discuss something that many people may be interested in, something I'm asked a lot,", 'start': 40.974, 'duration': 5.662}, {'end': 50.317, 'text': "and that's if jQuery is still relevant in 2018.", 'start': 46.636, 'duration': 3.681}, {'end': 54.379, 'text': "and after watching this video, I'd like to hear from you guys do you still use it?", 'start': 50.317, 'duration': 4.062}, {'end': 55.359, 'text': 'what do you use it for?', 'start': 54.379, 'duration': 0.98}, {'end': 57, 'text': "do you think it's dead or dying?", 'start': 55.359, 'duration': 1.641}, {'end': 57.6, 'text': 'and so on?', 'start': 57, 'duration': 0.6}, {'end': 59.521, 'text': 'now a word of caution.', 'start': 58.24, 'duration': 1.281}], 'summary': 'Discussion on the relevance of jquery in 2018, asking for audience input.', 'duration': 30.391, 'max_score': 29.13, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w29130.jpg'}, {'end': 143.736, 'src': 'embed', 'start': 118.546, 'weight': 0, 'content': [{'end': 125.749, 'text': "And of course, at the end, I'll give you my opinion and my direction, which again, take with a grain of salt because I'm just one person.", 'start': 118.546, 'duration': 7.203}, {'end': 132.51, 'text': 'All right, so first off, I want to say that jQuery was and still is an awesome library.', 'start': 126.547, 'duration': 5.963}, {'end': 137.073, 'text': "It's probably the best generalized JavaScript library that was ever created.", 'start': 132.99, 'duration': 4.083}, {'end': 140.875, 'text': 'Many developers owe their career to jQuery.', 'start': 137.553, 'duration': 3.322}, {'end': 143.736, 'text': 'I can pretty much say that for myself as well,', 'start': 140.895, 'duration': 2.841}], 'summary': 'Jquery is an awesome library, best for javascript, many careers owe to it.', 'duration': 25.19, 'max_score': 118.546, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w118546.jpg'}, {'end': 378.209, 'src': 'embed', 'start': 355.037, 'weight': 4, 'content': [{'end': 361.899, 'text': "And if we want to get groups of elements like, let's say, we want a group of LI tags, we can use query selector all,", 'start': 355.037, 'duration': 6.862}, {'end': 365, 'text': 'which returns a node list that we can treat as an array.', 'start': 361.899, 'duration': 3.101}, {'end': 373.023, 'text': 'And these two methods take in just about anything that a jQuery selector will take in, including all the things that I mentioned earlier.', 'start': 365.761, 'duration': 7.262}, {'end': 378.209, 'text': "They're also both compatible in all modern browsers including IE.", 'start': 374.266, 'duration': 3.943}], 'summary': 'Queryselectorall returns a node list that can be treated as an array and is compatible with all modern browsers including ie.', 'duration': 23.172, 'max_score': 355.037, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w355037.jpg'}], 'start': 8.021, 'title': "Jquery's relevance and javascript evolution", 'summary': 'Explores the relevance of jquery in 2018, its evolution into modern javascript, and the advantages of using queryselector and queryselectorall for dom manipulation, with insights and comparisons provided, while also promoting mail tag, a free chrome browser extension for email management.', 'chapters': [{'end': 71.405, 'start': 8.021, 'title': 'Is jquery still relevant in 2018?', 'summary': 'Discusses the relevance of jquery in 2018, as the speaker shares insights on its usage and asks for audience feedback, while also promoting a sponsor, mail tag, a free chrome browser extension for email management.', 'duration': 63.384, 'highlights': ['The speaker discusses the relevance of jQuery in 2018, asking for audience views on its usage and whether it is considered dead or dying.', 'The speaker promotes Mail Tag, a free Chrome browser extension for tracking, scheduling, and automating emails in real time.', 'The speaker mentions being limited on time due to working on a course and moving, preventing in-depth coding YouTube projects.']}, {'end': 294.051, 'start': 71.405, 'title': 'Evolving from jquery: a modern perspective', 'summary': 'Discusses the evolution of javascript from jquery, highlighting its initial dominance and the subsequent advancements in javascript, as well as the comparison between jquery and vanilla javascript for dom selection and other functionalities.', 'duration': 222.646, 'highlights': ['JavaScript has made huge strides since ES6, making jQuery no longer necessary in many situations.', 'jQuery was an all-in-one library that was easy to learn, cross-browser compatible, and provided instant functionality through plugins, which made it more understandable and allowed developers to work much faster and feel more productive.', 'The chapter discusses the evolution of JavaScript from jQuery, highlighting its initial dominance and the subsequent advancements in JavaScript, as well as the comparison between jQuery and vanilla JavaScript for DOM selection and other functionalities.']}, {'end': 378.209, 'start': 294.071, 'title': 'Javascript dom manipulation', 'summary': 'Discusses the advantages of using queryselector and queryselectorall in javascript to manipulate the dom, allowing for easy selection of individual elements and groups of elements, with compatibility across modern browsers.', 'duration': 84.138, 'highlights': ['querySelector and querySelectorAll allow easy selection of individual elements and groups of elements The methods querySelector and querySelectorAll allow for easy selection of individual elements and groups of elements, treating them as individual nodes in JavaScript, and returning a node list that can be treated as an array.', 'Compatibility across modern browsers including IE querySelector and querySelectorAll are compatible in all modern browsers including IE, providing consistent functionality across different platforms.', 'Advantages over traditional JavaScript methods like getElementById and getElementsByClassName The chapter discusses the limitations of traditional JavaScript methods like getElementById and getElementsByClassName, highlighting the flexibility and ease of use provided by querySelector and querySelectorAll.']}], 'duration': 370.188, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w8021.jpg', 'highlights': ['JavaScript has made huge strides since ES6, making jQuery no longer necessary in many situations.', 'The methods querySelector and querySelectorAll allow for easy selection of individual elements and groups of elements, treating them as individual nodes in JavaScript, and returning a node list that can be treated as an array.', 'jQuery was an all-in-one library that was easy to learn, cross-browser compatible, and provided instant functionality through plugins, which made it more understandable and allowed developers to work much faster and feel more productive.', 'Compatibility across modern browsers including IE querySelector and querySelectorAll are compatible in all modern browsers including IE, providing consistent functionality across different platforms.', 'The speaker promotes Mail Tag, a free Chrome browser extension for tracking, scheduling, and automating emails in real time.']}, {'end': 717.658, 'segs': [{'end': 420.579, 'src': 'embed', 'start': 396.621, 'weight': 0, 'content': [{'end': 405.568, 'text': "Also, if you're interested, there is a tiny library I believe it's called Bling that allows you to use the dollar sign, just like jQuery,", 'start': 396.621, 'duration': 8.947}, {'end': 408.09, 'text': 'in place of document.querySelector.', 'start': 405.568, 'duration': 2.522}, {'end': 415.455, 'text': "So in terms of selection, it's the exact same thing, and I don't see any reason to use jQuery for DOM selection.", 'start': 408.53, 'duration': 6.925}, {'end': 420.579, 'text': 'Alright. so what about DOM manipulation traversing things like that?', 'start': 415.475, 'duration': 5.104}], 'summary': 'Bling library enables using dollar sign for dom selection, making jquery unnecessary.', 'duration': 23.958, 'max_score': 396.621, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w396621.jpg'}, {'end': 668.33, 'src': 'heatmap', 'start': 586.947, 'weight': 1, 'content': [{'end': 594.955, 'text': 'I could use a callback function here just like I did up here as well, but I personally prefer arrow functions.', 'start': 586.947, 'duration': 8.008}, {'end': 596.937, 'text': 'But then we would just have our logic.', 'start': 595.396, 'duration': 1.541}, {'end': 598.378, 'text': 'So not much difference here.', 'start': 596.977, 'duration': 1.401}, {'end': 608.875, 'text': "So again, you know, why use jQuery for events? All right, so now let's talk about HTTP requests and Ajax calls.", 'start': 600.36, 'duration': 8.515}, {'end': 616.644, 'text': 'Now, for years, jQuery was preferred by just about everyone over the horrible syntax of XHR,', 'start': 609.416, 'duration': 7.228}, {'end': 623.573, 'text': 'which is the XML HTTP request object used to send Ajax requests.', 'start': 616.644, 'duration': 6.929}, {'end': 633.557, 'text': 'well, with es6 we got the fetch api, which is a promise based api to make http requests in a very easy way.', 'start': 624.073, 'duration': 9.484}, {'end': 636.858, 'text': 'we simply call fetch, we pass in the url.', 'start': 633.557, 'duration': 3.301}, {'end': 644.06, 'text': 'we can also pass in an object if we want to change the method, like, for instance, a post request, and also, of course,', 'start': 636.858, 'duration': 7.202}, {'end': 649.282, 'text': 'if we want to send data along with that or any header options, anything like that.', 'start': 644.06, 'duration': 5.222}, {'end': 652.904, 'text': 'and then we get a promise back which contains a lot of stuff,', 'start': 649.282, 'duration': 3.622}, {'end': 663.108, 'text': 'and what we do here is just map it to usually map it to json so that we can get the json data, and then we just add one more dot then,', 'start': 653.764, 'duration': 9.344}, {'end': 666.769, 'text': 'which gives us the actual data, and then we can do what we want with it.', 'start': 663.108, 'duration': 3.661}, {'end': 668.33, 'text': "so it's very easy.", 'start': 666.769, 'duration': 1.561}], 'summary': 'With es6, fetch api simplifies http requests, making it easy to send and handle data, replacing jquery and xhr.', 'duration': 44.257, 'max_score': 586.947, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w586947.jpg'}], 'start': 378.749, 'title': 'Comparison of jquery and vanilla javascript', 'summary': 'Discusses the similarities and differences in selection, manipulation, events, and http requests between jquery and vanilla javascript, emphasizing the ease and simplicity of vanilla javascript and modern javascript apis over the use of jquery. it provides examples and alternatives.', 'chapters': [{'end': 717.658, 'start': 378.749, 'title': 'Comparison of jquery and vanilla javascript', 'summary': 'Discusses the comparison between jquery and vanilla javascript, highlighting the similarity in selection, manipulation, events, and http requests, and emphasizing the ease and simplicity of vanilla javascript and modern javascript apis over the use of jquery, with examples and alternatives provided.', 'duration': 338.909, 'highlights': ['Vanilla JavaScript and jQuery similarities in DOM manipulation and traversal The chapter highlights the similarities in DOM manipulation and traversal between Vanilla JavaScript and jQuery, such as removing, prepending, inserting, and changing classes, emphasizing that the methods are almost the same, with only slight variations.', 'Comparison of event handling in jQuery and Vanilla JavaScript The chapter compares event handling in jQuery and Vanilla JavaScript, highlighting the similarity in methods like on and addEventListener, and recommends learning ES6 before jQuery, emphasizing that there is not much difference between the two in terms of event handling.', 'Introduction of Fetch API and Axios for HTTP requests The chapter introduces the Fetch API and Axios for HTTP requests, emphasizing the simplicity and ease of use of the Fetch API, and highlighting Axios as a specialized library for handling HTTP requests, suggesting that Axios is even easier than the Fetch API.']}], 'duration': 338.909, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w378749.jpg', 'highlights': ['Introduction of Fetch API and Axios for HTTP requests, emphasizing the simplicity and ease of use of the Fetch API, and highlighting Axios as a specialized library for handling HTTP requests, suggesting that Axios is even easier than the Fetch API.', 'Vanilla JavaScript and jQuery similarities in DOM manipulation and traversal, such as removing, prepending, inserting, and changing classes, emphasizing that the methods are almost the same, with only slight variations.', 'Comparison of event handling in jQuery and Vanilla JavaScript, highlighting the similarity in methods like on and addEventListener, and recommends learning ES6 before jQuery, emphasizing that there is not much difference between the two in terms of event handling.']}, {'end': 962.437, 'segs': [{'end': 761.611, 'src': 'embed', 'start': 717.698, 'weight': 0, 'content': [{'end': 723.32, 'text': "And I didn't have enough room to put in the jQuery AJAX, but I'm sure a lot of you guys have seen that before.", 'start': 717.698, 'duration': 5.622}, {'end': 725.361, 'text': 'All right.', 'start': 724.54, 'duration': 0.821}, {'end': 727.183, 'text': 'So that brings us to utilities.', 'start': 725.381, 'duration': 1.802}, {'end': 732.309, 'text': 'Now jQuery has a slew of handy utilities for manipulating arrays and stuff like that.', 'start': 727.283, 'duration': 5.026}, {'end': 741.4, 'text': 'We could easily check to see if something was an array or if something is contained in an array with this is array or in array.', 'start': 733.27, 'duration': 8.13}, {'end': 746.763, 'text': 'but now in vanilla JavaScript, we can do array.isArray, pass in something.', 'start': 741.9, 'duration': 4.863}, {'end': 749.725, 'text': "that'll tell us if it's an array or not.", 'start': 746.763, 'duration': 2.962}, {'end': 755.788, 'text': 'if we want to check to see if something is in the array, one option would be to use indexOf.', 'start': 749.725, 'duration': 6.063}, {'end': 758.51, 'text': "if it's there, it'll give us the index.", 'start': 755.788, 'duration': 2.722}, {'end': 760.311, 'text': "if not, it'll give us negative one.", 'start': 758.51, 'duration': 1.801}, {'end': 761.611, 'text': 'so we can just test for that.', 'start': 760.311, 'duration': 1.3}], 'summary': 'Jquery offers utilities for array manipulation, but vanilla javascript provides similar functionalities such as isarray and indexof.', 'duration': 43.913, 'max_score': 717.698, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w717698.jpg'}, {'end': 862.422, 'src': 'heatmap', 'start': 838.814, 'weight': 0.749, 'content': [{'end': 846.477, 'text': 'So animations now animations with vanilla JavaScript is one thing that is much more difficult than with jQuery.', 'start': 838.814, 'duration': 7.663}, {'end': 848.818, 'text': 'But there are many other options.', 'start': 846.897, 'duration': 1.921}, {'end': 852.899, 'text': "So if you're going to use animations with JavaScript,", 'start': 848.898, 'duration': 4.001}, {'end': 862.422, 'text': "you're probably going to be using CSS transitions or key frames to do things like fade ins and stuff like that, which is more trickier than using,", 'start': 852.899, 'duration': 9.523}], 'summary': 'Using vanilla javascript for animations is more difficult than with jquery, css transitions and keyframes are recommended alternatives.', 'duration': 23.608, 'max_score': 838.814, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w838814.jpg'}, {'end': 930.541, 'src': 'heatmap', 'start': 895.763, 'weight': 0.796, 'content': [{'end': 897.485, 'text': 'of your application.', 'start': 895.763, 'duration': 1.722}, {'end': 898.066, 'text': 'all right.', 'start': 897.485, 'duration': 0.581}, {'end': 902.732, 'text': "so let's take a look at the list now of jquery's main uses.", 'start': 898.066, 'duration': 4.666}, {'end': 907.342, 'text': 'So DOM selection we now have query selector, query selector all.', 'start': 903.399, 'duration': 3.943}, {'end': 915.949, 'text': 'DOM manipulation, we have native browser APIs, pretty much all standard in all modern browsers.', 'start': 907.963, 'duration': 7.986}, {'end': 922.194, 'text': 'Of course, IE always gives a shit, but we have compilers like Babel and polyfills.', 'start': 916.229, 'duration': 5.965}, {'end': 930.541, 'text': 'And HTTP AJAX, Fetcher Axios, I actually would prefer to use this over jQuery syntax anyways.', 'start': 923.255, 'duration': 7.286}], 'summary': 'Jquery is used for dom manipulation, selection and ajax, with alternatives like query selector all, native browser apis, and fetcher axios.', 'duration': 34.778, 'max_score': 895.763, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w895763.jpg'}], 'start': 717.698, 'title': 'Transitioning from jquery to javascript', 'summary': 'Covers jquery utilities for manipulating arrays, introduces vanilla javascript alternatives such as array.isarray and indexof, discusses transitioning from jquery to javascript, highlighting the availability of high-order array methods, and emphasizing the use of specialized libraries and native browser apis over jquery for dom manipulation and http ajax.', 'chapters': [{'end': 761.611, 'start': 717.698, 'title': 'Jquery utilities and vanilla javascript arrays', 'summary': 'Covers jquery utilities for manipulating arrays and introduces vanilla javascript alternatives such as array.isarray and indexof.', 'duration': 43.913, 'highlights': ['jQuery provides utilities for manipulating arrays like is array and in array', 'Vanilla JavaScript offers alternatives to jQuery utilities such as array.isArray and indexOf', 'Using array.isArray allows to check if something is an array in vanilla JavaScript', 'The indexOf method in vanilla JavaScript can be used to check if something is in an array']}, {'end': 962.437, 'start': 764.568, 'title': 'Javascript high-order array methods & transitioning from jquery', 'summary': 'Discusses the transition from jquery to javascript, highlighting the availability of high-order array methods and the challenges of animations with vanilla javascript, emphasizing the use of specialized libraries and native browser apis over jquery for dom manipulation and http ajax.', 'duration': 197.869, 'highlights': ['JavaScript now offers high-order array methods and native browser APIs for DOM manipulation and HTTP AJAX, making the transition from jQuery more efficient. The availability of high-order array methods and native browser APIs for DOM manipulation and HTTP AJAX in JavaScript is highlighted, emphasizing the improved efficiency of transitioning from jQuery.', 'Challenges of animations with vanilla JavaScript and the utilization of specialized libraries like GreenSock are discussed as alternatives to jQuery for animations. The challenges of using vanilla JavaScript for animations and the utilization of specialized libraries like GreenSock are emphasized as alternative approaches to jQuery for animations.', 'The trend of using smaller specialized libraries for specific functions or aspects of applications is highlighted as a shift from large generalized libraries like jQuery. The shift towards using smaller specialized libraries for specific functions or aspects of applications is emphasized as a current trend, contrasting the use of large generalized libraries like jQuery.']}], 'duration': 244.739, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w717698.jpg', 'highlights': ['JavaScript now offers high-order array methods and native browser APIs for DOM manipulation and HTTP AJAX, making the transition from jQuery more efficient.', 'The availability of high-order array methods and native browser APIs for DOM manipulation and HTTP AJAX in JavaScript is highlighted, emphasizing the improved efficiency of transitioning from jQuery.', 'The trend of using smaller specialized libraries for specific functions or aspects of applications is highlighted as a shift from large generalized libraries like jQuery.', 'Challenges of animations with vanilla JavaScript and the utilization of specialized libraries like GreenSock are discussed as alternatives to jQuery for animations.', 'Using array.isArray allows to check if something is an array in vanilla JavaScript.', 'The indexOf method in vanilla JavaScript can be used to check if something is in an array.', 'Vanilla JavaScript offers alternatives to jQuery utilities such as array.isArray and indexOf.', 'jQuery provides utilities for manipulating arrays like is array and in array.']}, {'end': 1337.04, 'segs': [{'end': 991.296, 'src': 'embed', 'start': 962.837, 'weight': 2, 'content': [{'end': 964.678, 'text': "There's a lot of different options out there.", 'start': 962.837, 'duration': 1.841}, {'end': 969.52, 'text': 'And then browser support, which was a big reason for a long time to use jQuery.', 'start': 965.178, 'duration': 4.342}, {'end': 974.802, 'text': 'Well, now we have modern browsers and we also have things like Babel and we have polyfills.', 'start': 969.56, 'duration': 5.242}, {'end': 976.763, 'text': "So that's not really an issue.", 'start': 975.402, 'duration': 1.361}, {'end': 983.229, 'text': 'So you can decide for yourself if jQuery is needed, I guess.', 'start': 976.944, 'duration': 6.285}, {'end': 985.171, 'text': "I'm not going to say it's not relevant yet.", 'start': 983.449, 'duration': 1.722}, {'end': 985.951, 'text': "We'll get to that.", 'start': 985.211, 'duration': 0.74}, {'end': 991.296, 'text': "But as far as these main things that it's used for go, you can decide if it's needed.", 'start': 986.452, 'duration': 4.844}], 'summary': "With modern browsers, jquery's relevance is diminishing due to improved browser support and alternative tools like babel and polyfills.", 'duration': 28.459, 'max_score': 962.837, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w962837.jpg'}, {'end': 1011.706, 'src': 'heatmap', 'start': 986.452, 'weight': 0.713, 'content': [{'end': 991.296, 'text': "But as far as these main things that it's used for go, you can decide if it's needed.", 'start': 986.452, 'duration': 4.844}, {'end': 998.92, 'text': "Now this video may seem like I'm just shitting all over jQuery, but there's really only two things that bother me about it these days.", 'start': 992.557, 'duration': 6.363}, {'end': 1004.702, 'text': 'The biggest being that some beginners still proceed to learn jQuery, which is a JavaScript library,', 'start': 999.3, 'duration': 5.402}, {'end': 1011.706, 'text': "before learning the JavaScript language and what it's capable of, especially with all the strides it's made since ES6..", 'start': 1004.702, 'duration': 7.004}], 'summary': 'Some beginners still learn jquery before javascript, despite its advances.', 'duration': 25.254, 'max_score': 986.452, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w986452.jpg'}, {'end': 1058.625, 'src': 'heatmap', 'start': 1004.702, 'weight': 3, 'content': [{'end': 1011.706, 'text': "before learning the JavaScript language and what it's capable of, especially with all the strides it's made since ES6..", 'start': 1004.702, 'duration': 7.004}, {'end': 1016.728, 'text': 'I think everyone should learn a language before a library or a framework in that case.', 'start': 1012.146, 'duration': 4.582}, {'end': 1023.974, 'text': "Another thing is, as I just went over with logical code examples, is that it's not needed in many cases.", 'start': 1017.288, 'duration': 6.686}, {'end': 1028.718, 'text': "And it's not needed in its most used cases anymore.", 'start': 1024.714, 'duration': 4.004}, {'end': 1036.284, 'text': "Even if you can't do something with vanilla JavaScript, I would recommend using a specialized library, not a generalized one.", 'start': 1029.157, 'duration': 7.127}, {'end': 1039.946, 'text': "Now I haven't even mentioned frameworks yet.", 'start': 1037.984, 'duration': 1.962}, {'end': 1047.252, 'text': 'Frameworks really are the future at least for larger applications or mid-size to large applications.', 'start': 1040.087, 'duration': 7.165}, {'end': 1054.018, 'text': 'My suggestion is to learn JavaScript, learn the language, all the modern syntax and all that.', 'start': 1047.693, 'duration': 6.325}, {'end': 1058.625, 'text': 'and then focus on a framework like React, Angular, or Vue.', 'start': 1054.498, 'duration': 4.127}], 'summary': 'Learning javascript language is essential before diving into libraries or frameworks, especially with the advancements since es6. frameworks are the future for larger applications. focus on javascript, then a framework like react, angular, or vue.', 'duration': 49.316, 'max_score': 1004.702, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w1004702.jpg'}, {'end': 1127.466, 'src': 'heatmap', 'start': 1065.816, 'weight': 0, 'content': [{'end': 1071.824, 'text': "If you look at the jobs that are needed there, they're asking for react developers.", 'start': 1065.816, 'duration': 6.008}, {'end': 1080.61, 'text': "angular developers view isn't as popular in the job market, but it is getting up there and it's also just an awesome framework.", 'start': 1071.824, 'duration': 8.786}, {'end': 1082.892, 'text': "so that's what I would suggest now.", 'start': 1080.61, 'duration': 2.282}, {'end': 1088.897, 'text': "with all that said, I bet you thought that I was going to say screw jQuery, it's, it's not relevant.", 'start': 1082.892, 'duration': 6.005}, {'end': 1090.278, 'text': "well, that's not the case.", 'start': 1088.897, 'duration': 1.381}, {'end': 1092.54, 'text': 'it is still relevant even in twenty eighteen.', 'start': 1090.278, 'duration': 2.262}, {'end': 1101.508, 'text': "And the reason that I say that is because, although it's phasing out which which may be a debate for some people some people may say it's not,", 'start': 1093.28, 'duration': 8.228}, {'end': 1103.03, 'text': "but I think it's phasing out.", 'start': 1101.508, 'duration': 1.522}, {'end': 1106.012, 'text': 'And most developers seem to agree with that.', 'start': 1103.67, 'duration': 2.342}, {'end': 1113.38, 'text': 'It is still widely used in applications and websites that have been around, especially ones that have been around for a while.', 'start': 1106.493, 'duration': 6.887}, {'end': 1117.882, 'text': "And it's almost a guarantee that you're going to run into it in your career.", 'start': 1114.04, 'duration': 3.842}, {'end': 1123.304, 'text': "Now, if you know JavaScript and you're decent with it, jQuery will be simple to learn.", 'start': 1118.502, 'duration': 4.802}, {'end': 1127.466, 'text': "You'll get it very quickly and you don't have to master every single method.", 'start': 1123.404, 'duration': 4.062}], 'summary': 'React developers are in demand, angular is gaining popularity, jquery is still relevant in 2018.', 'duration': 44.574, 'max_score': 1065.816, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w1065816.jpg'}, {'end': 1179.94, 'src': 'heatmap', 'start': 1149.457, 'weight': 0.958, 'content': [{'end': 1159.543, 'text': "And I don't mean just learn about for loops and functions in JavaScript, learn ES6, learn the fetch API, at least the basics of DOM manipulation.", 'start': 1149.457, 'duration': 10.086}, {'end': 1165.586, 'text': 'And by the way, one of the best ways to do that is with my 21 hour course, Modern JavaScript from the beginning.', 'start': 1159.743, 'duration': 5.843}, {'end': 1167.468, 'text': 'Had to throw a shameless plug in there.', 'start': 1165.766, 'duration': 1.702}, {'end': 1175.456, 'text': 'Not to be a salesman and promote my own course, but my goal for that course was to do just that, is,', 'start': 1168.229, 'duration': 7.227}, {'end': 1179.94, 'text': 'to teach people modern JavaScript without having to use a library.', 'start': 1175.456, 'duration': 4.484}], 'summary': 'The speaker promotes their 21-hour course on modern javascript, aiming to teach modern javascript without using a library.', 'duration': 30.483, 'max_score': 1149.457, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w1149457.jpg'}, {'end': 1329.674, 'src': 'embed', 'start': 1306.101, 'weight': 1, 'content': [{'end': 1312.985, 'text': "so please leave a comment if you want, and uh, you know, just be respectful and and mature, but that's going to be it.", 'start': 1306.101, 'duration': 6.884}, {'end': 1315.446, 'text': 'guys, thanks and i will see you in the next video.', 'start': 1312.985, 'duration': 2.461}, {'end': 1320.427, 'text': 'Before I go, I just want to give another huge shout out to our sponsor, MailTag.', 'start': 1316.704, 'duration': 3.723}, {'end': 1325.571, 'text': 'MailTag is a free Chrome browser extension that allows you to track your emails in real time,', 'start': 1320.507, 'duration': 5.064}, {'end': 1329.674, 'text': 'schedule your emails to be sent later and automate your email follow ups.', 'start': 1325.571, 'duration': 4.103}], 'summary': 'Video sponsor mailtag offers email tracking, scheduling, and automation in chrome browser.', 'duration': 23.573, 'max_score': 1306.101, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w1306101.jpg'}, {'end': 1329.674, 'src': 'heatmap', 'start': 1306.101, 'weight': 0.988, 'content': [{'end': 1312.985, 'text': "so please leave a comment if you want, and uh, you know, just be respectful and and mature, but that's going to be it.", 'start': 1306.101, 'duration': 6.884}, {'end': 1315.446, 'text': 'guys, thanks and i will see you in the next video.', 'start': 1312.985, 'duration': 2.461}, {'end': 1320.427, 'text': 'Before I go, I just want to give another huge shout out to our sponsor, MailTag.', 'start': 1316.704, 'duration': 3.723}, {'end': 1325.571, 'text': 'MailTag is a free Chrome browser extension that allows you to track your emails in real time,', 'start': 1320.507, 'duration': 5.064}, {'end': 1329.674, 'text': 'schedule your emails to be sent later and automate your email follow ups.', 'start': 1325.571, 'duration': 4.103}], 'summary': 'Mailtag is a free chrome extension for tracking, scheduling, and automating email follow-ups.', 'duration': 23.573, 'max_score': 1306.101, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w1306101.jpg'}], 'start': 962.837, 'title': 'Relevance of jquery in modern web development', 'summary': 'Discusses the diminishing relevance of jquery in modern web development due to modern browsers, babel, and polyfills, emphasizing the importance of learning javascript first. it recommends focusing on frameworks like react, angular, or vue. additionally, it highlights the continued relevance of jquery in 2018, citing its widespread use, ease of learning for javascript developers, and application in simple sites and plugins, while acknowledging the preference for specialized libraries and frameworks for more complex applications.', 'chapters': [{'end': 1082.892, 'start': 962.837, 'title': 'Relevance of jquery in modern web development', 'summary': 'Discusses the diminishing relevance of jquery in modern web development due to the availability of modern browsers, babel, and polyfills, and emphasizes the importance of learning javascript before a library or framework, with a recommendation to focus on frameworks like react, angular, or vue.', 'duration': 120.055, 'highlights': ['The importance of learning JavaScript before a library or framework is emphasized, especially with the strides made since ES6. It is highlighted that beginners should learn the JavaScript language before delving into a library or framework, particularly considering the advancements made since ES6.', 'The diminishing relevance of jQuery in modern web development is attributed to the availability of modern browsers, Babel, and polyfills. The availability of modern browsers, Babel, and polyfills is cited as the reason for the diminishing relevance of jQuery in modern web development.', 'The recommendation to focus on frameworks like React, Angular, or Vue is made, as they are considered the future and the current in the job market. A recommendation is made to focus on frameworks like React, Angular, or Vue, as they are deemed the future and currently in demand in the job market.']}, {'end': 1337.04, 'start': 1082.892, 'title': 'Relevance of jquery in 2018', 'summary': 'Emphasizes the continued relevance of jquery in 2018, highlighting its widespread use, ease of learning for javascript developers, and its application in simple sites and plugins, while acknowledging the preference for specialized libraries and frameworks for more complex applications.', 'duration': 254.148, 'highlights': ['jQuery is still relevant in 2018, despite phasing out, and widely used in applications and websites, with most developers agreeing on its continued usage. It is highlighted that jQuery is still relevant in 2018, with widespread usage in applications and websites, backed by the consensus of most developers.', 'Learning jQuery is considered simple for JavaScript developers and is recommended as a supplement after mastering JavaScript and the basics of a framework. The ease of learning jQuery for JavaScript developers is emphasized, recommending it as a supplementary skill after mastering JavaScript and the basics of a framework.', 'Recommendation to use jQuery for simple sites with no framework, quick solutions, and specific plugins involving animation, such as sliders and counters. The suggestion to use jQuery for simple sites without a framework, for quick solutions, and specific plugins involving animation, such as sliders and counters, is highlighted.', 'Acknowledgment of specialized libraries and frameworks such as React and Angular for DOM manipulation and larger applications, surpassing Vanilla JavaScript in certain aspects. The acknowledgment of specialized libraries and frameworks, like React and Angular, for DOM manipulation and larger applications, surpassing Vanilla JavaScript in certain aspects, is noted.']}], 'duration': 374.203, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/pk3tsynNZ0w/pics/pk3tsynNZ0w962837.jpg', 'highlights': ['Frameworks like React, Angular, or Vue are recommended for modern web development.', 'The diminishing relevance of jQuery is attributed to modern browsers, Babel, and polyfills.', 'Learning JavaScript before a library or framework is emphasized, especially with the advancements since ES6.', 'jQuery is still relevant in 2018 and widely used in applications and websites.', 'Learning jQuery is considered simple for JavaScript developers and recommended as a supplementary skill.', 'jQuery is recommended for simple sites, quick solutions, and specific plugins involving animation.', 'Specialized libraries and frameworks like React and Angular surpass Vanilla JavaScript in certain aspects.']}], 'highlights': ['JavaScript has made huge strides since ES6, making jQuery no longer necessary in many situations.', 'The methods querySelector and querySelectorAll allow for easy selection of individual elements and groups of elements, treating them as individual nodes in JavaScript, and returning a node list that can be treated as an array.', 'jQuery was an all-in-one library that was easy to learn, cross-browser compatible, and provided instant functionality through plugins, which made it more understandable and allowed developers to work much faster and feel more productive.', 'Compatibility across modern browsers including IE querySelector and querySelectorAll are compatible in all modern browsers including IE, providing consistent functionality across different platforms.', 'Introduction of Fetch API and Axios for HTTP requests, emphasizing the simplicity and ease of use of the Fetch API, and highlighting Axios as a specialized library for handling HTTP requests, suggesting that Axios is even easier than the Fetch API.', 'Vanilla JavaScript and jQuery similarities in DOM manipulation and traversal, such as removing, prepending, inserting, and changing classes, emphasizing that the methods are almost the same, with only slight variations.', 'Comparison of event handling in jQuery and Vanilla JavaScript, highlighting the similarity in methods like on and addEventListener, and recommends learning ES6 before jQuery, emphasizing that there is not much difference between the two in terms of event handling.', 'JavaScript now offers high-order array methods and native browser APIs for DOM manipulation and HTTP AJAX, making the transition from jQuery more efficient.', 'The availability of high-order array methods and native browser APIs for DOM manipulation and HTTP AJAX in JavaScript is highlighted, emphasizing the improved efficiency of transitioning from jQuery.', 'The trend of using smaller specialized libraries for specific functions or aspects of applications is highlighted as a shift from large generalized libraries like jQuery.', 'Challenges of animations with vanilla JavaScript and the utilization of specialized libraries like GreenSock are discussed as alternatives to jQuery for animations.', 'Using array.isArray allows to check if something is an array in vanilla JavaScript.', 'The indexOf method in vanilla JavaScript can be used to check if something is in an array.', 'Vanilla JavaScript offers alternatives to jQuery utilities such as array.isArray and indexOf.', 'Frameworks like React, Angular, or Vue are recommended for modern web development.', 'The diminishing relevance of jQuery is attributed to modern browsers, Babel, and polyfills.', 'Learning JavaScript before a library or framework is emphasized, especially with the advancements since ES6.', 'jQuery is still relevant in 2018 and widely used in applications and websites.', 'Learning jQuery is considered simple for JavaScript developers and recommended as a supplementary skill.', 'jQuery is recommended for simple sites, quick solutions, and specific plugins involving animation.', 'Specialized libraries and frameworks like React and Angular surpass Vanilla JavaScript in certain aspects.']}