{"id":16857,"date":"2020-07-31T10:19:16","date_gmt":"2020-07-31T10:19:16","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=16857"},"modified":"2022-04-28T09:15:20","modified_gmt":"2022-04-28T09:15:20","slug":"jquery-implementation-with-cdn-an-jquery-for-beginners","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/jquery-implementation-with-cdn-an-jquery-for-beginners\/","title":{"rendered":"jQuery Implementation with CDN: An jQuery for Beginners"},"content":{"rendered":"\n

In this blog, you are going to learn how we will implement jQuery with CDN. <\/strong><\/p>\n\n\n\n

In the previous blog, we had said that we implement jQuery in three steps, in the first step we download the jQuery, so here we are going to talk about that we will not download the jQuery by applying it via CDN path\u2026.<\/p>\n\n\n\n

What is CDN Path<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

CDN is the full name of the content delivery network. It is understood in a little detail, suppose you have a visitor to your website and he requested the server to open the website and let me open your website. , Gives CSS and images, and with this, we saw in the previous blog that I have put jQuery, so every time jQuery also gives, in return
And mind you have one thousand visitors at a time, then the load will increase every time on the server because it has to provide images, HTML, CSS and JQuery of 30 – 60 KB each time,<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

So here there is a solution that when we fetch JQuery file from another server when we fetch it from another server, the load of the server increases because the other three things are HTML, CSS, The images are coming from a server which is its own server.
And there is another server from where the file of our jquery is coming, we call it CDN server,<\/p>\n\n\n\n

This CDN server is very handy for jQuery,
On zquery.com, there are free services of CDN server and Google also offers CDN server services and even then there is a lot of company which provides CDN server for free.<\/p>\n\n\n\n

You can implement jquery file by going to it.
So this whole process is what we call content delivery network<\/p>\n\n\n\n

So now let’s see how to implement it practically<\/strong><\/p>\n\n\n\n

\"\"
On this, we downloaded the file of the jQuery and planted<\/strong><\/figcaption><\/figure>\n\n\n\n

How to implement jQuery CDN path<\/h4>\n\n\n\n

For this, we have to first go to jquery.com and then click on download.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

As soon as we scroll down, we will have to go to jQuery with a CDN and click on https:\/\/code.jquery.com.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After clicking on https:\/\/code.jquery.com we are getting three types of path.<\/p>\n\n\n\n

  • jQuery 3.x<\/strong><\/li>
  • jQuery 2.x<\/li>
  • jQuery 1.x <\/li><\/ul>\n\n\n\n

    If you want to sport your old browser like –
    In Internet Explorer, \u096c \u096d \u096e want to download jQuery 1.x<\/strong> and Virsen jQuery 2.x.<\/strong>
    But if you want to create a website that can only see your website on a new browser, then you can download the jQuery 3.x version<\/strong><\/p>\n\n\n\n

    on click minified <\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Copy <script> and paste your code<\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Example<\/strong>:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    result<\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    In this blog, you are going to learn how we will implement jQuery with CDN. In the previous blog, we had said that we implement jQuery in three steps, in… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[2],"tags":[6310],"class_list":["post-16857","post","type-post","status-publish","format-standard","hentry","category-uncategorised","tag-cdn"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=16857"}],"version-history":[{"count":0,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16857\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=16857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=16857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=16857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}