{"id":376,"date":"2021-01-11T21:29:15","date_gmt":"2021-01-11T21:29:15","guid":{"rendered":"http:\/\/unalenes.com\/blog\/?p=376"},"modified":"2021-01-11T21:42:14","modified_gmt":"2021-01-11T21:42:14","slug":"en-iyi-html-editor","status":"publish","type":"post","link":"http:\/\/unalenes.com\/blog\/en-iyi-html-editor\/","title":{"rendered":"En \u0130yi HTML Editor"},"content":{"rendered":"\n<p>HTML Editor konumuzdan \u00f6nce .Hepimiz kod yazmaya ba\u015flamak isteriz fakat nereden ba\u015flayaca\u011f\u0131m\u0131z\u0131 bilemeyiz. Bu s\u0131ra s\u00fcrekli \u00f6nce HTML \u00f6\u011frenmekten ge\u00e7er fakat HTML \u00f6\u011frenmeye ba\u015flarken hangi HTML Edit\u00f6r \u00fcn\u00fc kullanaca\u011f\u0131m\u0131z\u0131 bilemeyiz, Bu yaz\u0131da sizlere kendi kulland\u0131\u011f\u0131m 2 edit\u00f6r ve 2 tane de farkl\u0131 edit\u00f6r tan\u0131taca\u011f\u0131m bunlar;<\/p>\n\n\n\n<p>1-Sublime Text<br>2-Atom<br>3-Notepad ++ <br>4- Visual Studio Code<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"800\" height=\"533\" src=\"http:\/\/unalenes.com\/blog\/wp-content\/uploads\/2021\/01\/html-hyper-text-transfer-protokol-nedir-ne-ise-yarar-1.jpeg\" alt=\"HTML Editor\" class=\"wp-image-380\" srcset=\"http:\/\/unalenes.com\/blog\/wp-content\/uploads\/2021\/01\/html-hyper-text-transfer-protokol-nedir-ne-ise-yarar-1.jpeg 800w, http:\/\/unalenes.com\/blog\/wp-content\/uploads\/2021\/01\/html-hyper-text-transfer-protokol-nedir-ne-ise-yarar-1-300x200.jpeg 300w, http:\/\/unalenes.com\/blog\/wp-content\/uploads\/2021\/01\/html-hyper-text-transfer-protokol-nedir-ne-ise-yarar-1-768x512.jpeg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>HTML Editor<\/figcaption><\/figure>\n\n\n\n<h4>HTML Editor Nedir ? <\/h4>\n\n\n\n<p>HTML Editor lerin esaslar\u0131 ayn\u0131d\u0131r; s\u00f6zdizimleri vurgulayarak kod yazman\u0131za, s\u0131k\u00e7a kullan\u0131lan HTML elementleri ve yap\u0131lar\u0131 yerle\u015ftirmenize yard\u0131m eder ve bununla beraber otomatik tamamlama sunar.<\/p>\n\n\n\n<p>Metin, bir HTML edit\u00f6r\u00fc kullanarak CSS, XML veya JavaScript gibi \u00f6b\u00fcr dillere de \u00e7evrilebilir. Ama bildi\u011fimiz gibi, her \u015fey e\u015fit yarat\u0131lmam\u0131\u015ft\u0131r. Baz\u0131 edit\u00f6rler kullanmas\u0131 daha kolay olabilirken baz\u0131lar\u0131 da \u00f6b\u00fcrlerinden daha fazla fonksiyonellik sunar.<\/p>\n\n\n\n<h3>1.<a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sublime Text<\/a><\/h3>\n\n\n\n<p>S\u0131rada ba\u015fka bir harika HTML edit\u00f6r\u00fc Sublime var. Sydney\u2019de kurulmu\u015f bir \u015firket taraf\u0131ndan geli\u015ftirilen bu yaz\u0131l\u0131m freemium kategorisine girer. Freemium Sublime\u2019\u0131 \u00fccretsiz olarak kullanabilece\u011finiz ancak b\u00fct\u00fcn \u00f6zelliklerin tad\u0131n\u0131 \u00e7\u0131karmak i\u00e7in bir lisans sat\u0131n alman\u0131z gerekti\u011fi anlam\u0131na gelir.<\/p>\n\n\n\n<p>Sublime program\u0131n s\u00fcrekli g\u00fcncellenmesinden emin olmak i\u00e7in m\u00fckemmel destek sunar. Kullan\u0131c\u0131lar topluluk taraf\u0131ndan yap\u0131lm\u0131\u015f eklentileri ekleyebilir veya kendi eklentilerini yapabilir. Sublime\u2019\u0131n \u00fccretsiz versiyonunu kullanman\u0131n fazlas\u0131yla yetece\u011fini d\u00fc\u015f\u00fcn\u00fcyoruz. Ancak, e\u011fer daha fazla \u00f6zelli\u011fe ihtiya\u00e7 duyarsan\u0131z, daha sonra lisans\u0131 alabilirsiniz.<\/p>\n\n\n\n<h5>\u00d6nemli \u00d6zellikler<\/h5>\n\n\n\n<ul><li>Sublime varsay\u0131lan fonksiyonelli\u011fini geni\u015flemesine olanak sa\u011flayan Python API\u2019\u0131 destekler<\/li><li>E\u015fzamanl\u0131 d\u00fczenleme. Se\u00e7ti\u011finiz birden fazla b\u00f6lgeye ayn\u0131 anda de\u011fi\u015fiklik yapabilirsiniz<\/li><li>\u00c7ok platformlu. Sublime Windows, OS X, ve Linux\u2019da mevcuttur. Geli\u015ftiricilerin Sublime\u2019\u0131 sahip olduklar\u0131 herhangi bir bilgisayarda kullanmas\u0131 i\u00e7in sadece tek lisansa ihtiya\u00e7lar\u0131 vard\u0131r<\/li><\/ul>\n\n\n\n<h3>2.<a href=\"https:\/\/atom.io\/\" title=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Atom<\/a><\/h3>\n\n\n\n<p>Atom 2014\u2019de \u00e7\u0131km\u0131\u015ft\u0131r ve olduk\u00e7a yeni bir edit\u00f6rd\u00fcr. O zamandan beri muazzam bir momentum elde etti. Atom, \u00fccretsiz ve a\u00e7\u0131k kaynakl\u0131 bir kod edit\u00f6r\u00fcd\u00fcr ve GitHub ekibi taraf\u0131ndan geli\u015ftirilmi\u015ftir. Atom, paketi i\u00e7in \u00fccretsiz yaz\u0131l\u0131m lisans\u0131 kullan\u0131r ve GitHub toplulu\u011fu taraf\u0131ndan s\u00fcrd\u00fcr\u00fclmektedir.<\/p>\n\n\n\n<h5>\u00d6nemli \u00d6zelikler<\/h5>\n\n\n\n<ul><li>Atom 81 yerle\u015fik paketle birlikte gelir ve say\u0131s\u0131 7,500\u2019i bulan ilave paketlerden de ekleyebilirsiniz. Ayr\u0131ca kendi paketinizi de geli\u015ftirebilirsiniz.<\/li><li>A\u00e7\u0131k Kaynakl\u0131 Yaz\u0131 Edit\u00f6r\u00fc. Atom edit\u00f6r \u00fccretsizdir, a\u00e7\u0131k kaynakl\u0131d\u0131r ve GitHub\u2019da mevcuttur.<\/li><li>Atom Teletype\u2019\u0131 destekler. E\u011fer di\u011fer geli\u015ftiricilerle ger\u00e7ek zamanl\u0131 olarak birlikte \u00e7al\u0131\u015fmak isterseniz \u00f6nemli bir \u00f6zelliktir.<\/li><li>\u00c7oklu \u00e7er\u00e7eveleri destekler. Atom aray\u00fcz\u00fcn\u00fc bir\u00e7ok pencereye b\u00f6lebilir b\u00f6ylece kodlar\u0131 yan yana kar\u015f\u0131la\u015ft\u0131rabilir ve yazabilirsiniz.<\/li><\/ul>\n\n\n\n<h3>3.<a href=\"https:\/\/notepad-plus-plus.org\/downloads\/\" target=\"_blank\" rel=\"noreferrer noopener\">Notepad++<\/a><\/h3>\n\n\n\n<p>Notepad++ Windows bazl\u0131 makineler i\u00e7in geli\u015ftirilmi\u015f bir edit\u00f6rd\u00fcr. Linux kullan\u0131c\u0131lar\u0131 da Wine arac\u0131l\u0131\u011f\u0131yla kullanabilir. Bu edit\u00f6r \u00fccretsiz yaz\u0131l\u0131m olarak da\u011f\u0131t\u0131l\u0131r ve ayr\u0131ca GitHub\u2019da\u00a0<em>repository\u2019si<\/em>\u00a0(depo) bulunmaktad\u0131r. T\u0131pk\u0131 \u00f6b\u00fcr topluluk projeleri gibi, \u00fc\u00e7\u00fcnc\u00fc ki\u015filerin \u00fcretti\u011fi eklentiler de desteklenmektedir.<\/p>\n\n\n\n<p>Notepad++ sadeli\u011fiyle tan\u0131n\u0131r. Notepad++ \u00e7ok hafiftir, hatta mobil versiyonu bile bulunmaktad\u0131r. \u0130\u015fte baz\u0131 \u00f6nemli \u00f6zellikleri:<\/p>\n\n\n\n<h5>\u00d6nemli \u00d6zellikler<\/h5>\n\n\n\n<ul><li>Notepad++ aray\u00fcz\u00fc olduk\u00e7a sade, hafif ve h\u0131zl\u0131d\u0131r<\/li><li>\u00c7ok dilli kodlama ortam\u0131n\u0131 destekler, ActionScript, CSS\u2019den visual basic\u2019e kadar<\/li><li>Windows ile %100m uyumludur ancak \u00f6b\u00fcr i\u015fletim sistemleri desteklenmez (ilave yaz\u0131l\u0131mlar olmadan)<\/li><\/ul>\n\n\n\n<h3>4.Visual Studio Code (HTML Editor)<\/h3>\n\n\n\n<p><strong>Visual Studio Code<\/strong>\u00a0h\u0131zl\u0131, hafif olman\u0131n yan\u0131nda Microsoft, Linux ve Mac i\u015fletim sistemlerinde \u00e7al\u0131\u015fabilen bir ara\u00e7t\u0131r. Kurulum yap\u0131ld\u0131\u011f\u0131nda \u00a0basit bir metin edit\u00f6r\u00fc g\u00f6r\u00fcnt\u00fcs\u00fc ile kar\u015f\u0131m\u0131za \u00e7\u0131kan \u00fcr\u00fcn, eklentiler sayesinde Node JS, Ruby, Python, C\/C++, C#, Javascript gibi bir \u00e7ok programlama dilini desteklemektedir. Yani\u00a0klasik Visual Studio \u00fcr\u00fcnleri gibi her \u015feyi b\u00fcnyesinde bar\u0131nd\u0131rmak yerine \u00e7ekirdek bir yap\u0131 ile ba\u015flat\u0131l\u0131p laz\u0131m olan par\u00e7alar\u0131n eklentiler halinde \u00fcr\u00fcne eklenmesi sa\u011flanarak\u00a0mant\u0131kl\u0131 bir hareket yap\u0131lm\u0131\u015ft\u0131r. Eklentilerin indirilebildi\u011fi bir\u00a0market ortam\u0131 olu\u015fturulmu\u015ftur.<\/p>\n\n\n\n<h5>\u00d6nemli \u00d6zellikler( HTML Editor )<\/h5>\n\n\n\n<ul><li>Zengin bir kod refactoring deste\u011fi vard\u0131r.<\/li><li>Platform ba\u011f\u0131ms\u0131z kod geli\u015ftirebilmeyi destekler.<\/li><li>Zengin&nbsp;bir kod tan\u0131ma(code intellisense)&nbsp;i\u00e7eri\u011fi vard\u0131r.<\/li><li>Code Debugger deste\u011fi vard\u0131r.<\/li><li>H\u0131zl\u0131d\u0131r.<\/li><\/ul>\n\n\n\n<p><a href=\"http:\/\/unalenes.com\/blog\/html-yardimci-site\/\">\u00d6nceki Yaz\u0131<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hepimiz kod yazmaya ba\u015flamak isteriz fakat nereden ba\u015flayaca\u011f\u0131m\u0131z\u0131 bilemeyiz. Bu s\u0131ra s\u00fcrekli \u00f6nce HTML \u00f6\u011frenmekten ge\u00e7er fakat HTML \u00f6\u011frenmeye ba\u015flarken hangi HTML Edit\u00f6r \u00fcn\u00fc kullanaca\u011f\u0131m\u0131z\u0131 bilemeyiz, Bu yaz\u0131da sizlere kendi kulland\u0131\u011f\u0131m 2 edit\u00f6r ve 2 tane de farkl\u0131 edit\u00f6r tan\u0131taca\u011f\u0131m bunlar<\/p>\n","protected":false},"author":1,"featured_media":379,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[2],"tags":[],"_links":{"self":[{"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/posts\/376"}],"collection":[{"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/comments?post=376"}],"version-history":[{"count":8,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/posts\/376\/revisions"}],"predecessor-version":[{"id":386,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/posts\/376\/revisions\/386"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/media\/379"}],"wp:attachment":[{"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/media?parent=376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/categories?post=376"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/unalenes.com\/blog\/wp-json\/wp\/v2\/tags?post=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}