{"id":174,"date":"2022-12-01T10:01:01","date_gmt":"2022-12-01T10:01:01","guid":{"rendered":"https:\/\/northsoft.co\/blog\/yazilar\/?p=174"},"modified":"2022-12-07T14:13:29","modified_gmt":"2022-12-07T14:13:29","slug":"jquery-nedir","status":"publish","type":"post","link":"https:\/\/northsoft.co\/blog\/genel\/jquery-nedir\/","title":{"rendered":"JQuery Nedir?"},"content":{"rendered":"<p>JQuery, bir <strong>JavaScript<\/strong> k\u00fct\u00fcphanesi olarak tan\u0131mlan\u0131r. G\u00fcn\u00fcm\u00fczde pop\u00fcler olan ve yo\u011fun \u015fekilde kullan\u0131lan bir kitapl\u0131kt\u0131r. 2006 y\u0131l\u0131nda John Resig taraf\u0131ndan geli\u015ftiricilerin JS kullan\u0131mlar\u0131n\u0131 kolayla\u015ft\u0131rmak i\u00e7in geli\u015ftirilmi\u015ftir. Ayr\u0131 bir program veya kodlama dili de\u011fildir. <strong><em>JavaScript<\/em><\/strong> ile birlikte \u00e7al\u0131\u015fmaktad\u0131r.<\/p>\n<h2><strong>JQuery Ne \u0130\u015fe Yarar?<\/strong><\/h2>\n<p><strong>JQuery<\/strong>, kod yazma s\u00fcrecinde \u00fccretsiz olarak kullan\u0131labilir. A\u00e7\u0131k kaynak kodlu yap\u0131ya sahiptir. En \u00f6nemli \u00f6zelli\u011fi, t\u00fcm taray\u0131c\u0131larda tutarl\u0131 olarak \u00e7al\u0131\u015fmas\u0131d\u0131r. Tutars\u0131zl\u0131klara yol a\u00e7maz. Bu \u00f6zelli\u011fi, t\u00fcm ortamlarda rahat bir \u015fekilde kullan\u0131lmas\u0131na imkan verir.<\/p>\n<p>K\u00fc\u00e7\u00fck, h\u0131zl\u0131, \u00e7apraz platformlu ve zengin \u00f6zelliklere sahip olan bir kitapl\u0131k olan <strong>JQuery<\/strong>, farkl\u0131 ama\u00e7lar i\u00e7in kullan\u0131labilir. Bu a\u015famadan sonra ne i\u015fe yarad\u0131\u011f\u0131 ve ne ama\u00e7la kullan\u0131laca\u011f\u0131, tamamen geli\u015ftiricinin hayal g\u00fcc\u00fcyle ilgilidir.<\/p>\n<p>JQuery, farkl\u0131 bir program de\u011fildir. Bu y\u00fczden s\u00f6z konusu kitapl\u0131\u011f\u0131 kullanabilmek i\u00e7in farkl\u0131 kodlama dillerine ihtiya\u00e7 duyulur. JavaScript haricinde HTML5 ve CSS3 temel bilgisine sahip olmak gerekir. Ayr\u0131ca ilgili kitapl\u0131\u011f\u0131n kullan\u0131laca\u011f\u0131 bilgisayarda <strong>visual studio code<\/strong> y\u00fckl\u00fc olmas\u0131 da \u00f6nemli bir di\u011fer detayd\u0131r.<\/p>\n<h2><strong>JQuery Avantajlar\u0131 ve Kolayl\u0131klar\u0131<\/strong><\/h2>\n<p>G\u00fcn\u00fcm\u00fczde kullan\u0131lacak \u00e7ok say\u0131da <em><a href=\"https:\/\/northsoft.co\/blog\/yazilar\/genel\/javascript-nedir\/\">JavaScript<\/a> k\u00fct\u00fcphanesi<\/em> olmas\u0131na kar\u015f\u0131n JQuery daha fazla tercih edilir. Bu durumun temelinde, ilgili kitapl\u0131\u011f\u0131n sa\u011flam\u0131\u015f oldu\u011fu kolayl\u0131klar ve avantajlar\u0131 vard\u0131r. <strong>JQuery avantajlar\u0131<\/strong> \u015fu \u015fekilde s\u0131ralanabilir:<\/p>\n<ul>\n<li>Olduk\u00e7a k\u00fc\u00e7\u00fck boyutludur. Bu \u00f6zelli\u011fi, uygulamalar\u0131n h\u0131z\u0131n\u0131n olumsuz etkilenmesine yol a\u00e7maz.<\/li>\n<li>Kolay \u00f6\u011frenilebilir bir yap\u0131ya sahiptir. Az kodla, fazlas\u0131n\u0131 ba\u015farman\u0131za imkan verir.<\/li>\n<li>Cross-Browser deste\u011fi sayesinde farkl\u0131 taray\u0131c\u0131larda ba\u015far\u0131l\u0131 ve tutarl\u0131 \u015fekilde \u00e7al\u0131\u015f\u0131r.<\/li>\n<li>A\u00e7\u0131k kaynak kodlu oldu\u011fundan dolay\u0131 geli\u015ftiriciler taraf\u0131ndan k\u00fct\u00fcphaneye katk\u0131 verilir.<\/li>\n<\/ul>\n<p>Buradaki avantajlar\u0131, ilgili kitapl\u0131\u011f\u0131n tercih edilme nedenlerindendir. Bunlara ek olarak kitapl\u0131\u011f\u0131n sa\u011flam\u0131\u015f oldu\u011fu baz\u0131 \u00f6nemli kolayl\u0131klar da vard\u0131r. Bu kolayl\u0131klar ise \u015fu \u015fekildedir:<\/p>\n<ul>\n<li>Event olu\u015fturma ve y\u00f6netme<\/li>\n<li>AJAX i\u015flemleri<\/li>\n<li>CSS manip\u00fclasyonu<\/li>\n<li>DOM\/HTML manip\u00fclasyonu<\/li>\n<li>Efektler<\/li>\n<li>Animasyonlar<\/li>\n<\/ul>\n<p>Bunlar\u0131n d\u0131\u015f\u0131nda JQuery, genel olarak iki farkl\u0131 tipte kullan\u0131ma sunulmu\u015f durumdad\u0131r. Production versiyon, s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f ve k\u00fc\u00e7\u00fclt\u00fclm\u00fc\u015ft\u00fcr. Bir\u00e7ok web projelerinde rahatl\u0131kla kullan\u0131labilir. Development versiyon ise s\u0131k\u0131\u015ft\u0131rma ve k\u00fc\u00e7\u00fcltme yap\u0131lmayan versiyondur. Bu, geli\u015ftirme ve test i\u00e7in kullan\u0131lmaktad\u0131r.<\/p>\n<h2><strong>JQuery ile Neler Yap\u0131labilir?<\/strong><\/h2>\n<p>JQuery, HTML elementleri ile ilgili sorgular g\u00f6ndermekte ve onlar \u00fczerinde i\u015flem ger\u00e7ekle\u015ftirmektedir. Yani temel olarak se\u00e7me ve i\u015flem belirtme \u015feklinde g\u00f6revleri \u00fcstlenir. Bu iki temel g\u00f6revlerine uygun bir kod yap\u0131s\u0131na sahiptir. <strong>JavaScript<\/strong> k\u00fct\u00fcphanesi olan JQuery ile yap\u0131labileceklerden baz\u0131lar\u0131 \u015fu \u015fekildedir:<\/p>\n<ul>\n<li>DOM kurgulama; birka\u00e7 sat\u0131r kod kullanarak sayfaya i\u00e7erik eklenebilir veya kald\u0131r\u0131labilir. Ayr\u0131ca yeniden s\u0131ralama da yap\u0131labilir.<\/li>\n<li>Etkile\u015fimli nesneler; kullan\u0131c\u0131lar\u0131n Internet sitelerinde klavye veya mouse ile y\u00f6netecekleri etkile\u015fimli nesneler yapmak m\u00fcmk\u00fcnd\u00fcr.<\/li>\n<li>Element \u00f6zelliklerini de\u011fi\u015ftirme; Internet sitelerindeki HTML ve CSS t\u00fcr\u00fcnden elementlerin \u00f6zellikleri de\u011fi\u015ftirilebilir veya s\u0131ralama yenilenebilir.<\/li>\n<li>\u00d6\u011felere animasyonlu efekt eklenebilir, b\u00f6ylece kullan\u0131c\u0131 deneyimi y\u00fcksek sayfalar olu\u015fturulabilir.<\/li>\n<li>AJAX (XML) istekleri ile sayfalar yeniden y\u00fcklenmek zorunda kalmadan, sunucudan ek veri istemek i\u00e7in <strong>JavaScript<\/strong> kullan\u0131labilir.<\/li>\n<li>A\u00e7\u0131l\u0131r men\u00fcler yap\u0131larak, men\u00fclerin daha az yer kaplamas\u0131 sa\u011flanabilir.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>JQuery, bir JavaScript k\u00fct\u00fcphanesi olarak tan\u0131mlan\u0131r. G\u00fcn\u00fcm\u00fczde pop\u00fcler olan ve yo\u011fun \u015fekilde kullan\u0131lan bir kitapl\u0131kt\u0131r. 2006 y\u0131l\u0131nda John Resig taraf\u0131ndan geli\u015ftiricilerin JS kullan\u0131mlar\u0131n\u0131 kolayla\u015ft\u0131rmak i\u00e7in geli\u015ftirilmi\u015ftir. Ayr\u0131 bir program veya kodlama dili de\u011fildir. JavaScript ile birlikte \u00e7al\u0131\u015fmaktad\u0131r. JQuery Ne \u0130\u015fe Yarar? JQuery, kod yazma s\u00fcrecinde \u00fccretsiz olarak kullan\u0131labilir. A\u00e7\u0131k kaynak kodlu yap\u0131ya sahiptir. En \u00f6nemli [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":175,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-174","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":1,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/174\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/174\/revisions\/176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media\/175"}],"wp:attachment":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media?parent=174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/categories?post=174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/tags?post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}