{"id":332,"date":"2025-05-18T20:46:44","date_gmt":"2025-05-18T20:46:44","guid":{"rendered":"https:\/\/nevistan.com\/?p=332"},"modified":"2025-12-10T22:12:37","modified_gmt":"2025-12-10T22:12:37","slug":"otomatik-metin-animasyon-projesi","status":"publish","type":"post","link":"https:\/\/nevistan.com\/?p=332","title":{"rendered":"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Nevist\u00e2n Yaz\u0131l\u0131m G\u00fcnl\u00fc\u011f\u00fc<\/strong><\/h2>\n\n\n\n<p>Merhabalar, Nevist\u00e2n\u2019da yay\u0131nlanan ilk yaz\u0131l\u0131m payla\u015f\u0131m\u0131na ho\u015f geldiniz. Yaz\u0131l\u0131m yolculu\u011fum asl\u0131nda birka\u00e7 y\u0131l \u00f6nce ba\u015flam\u0131\u015f olsa da son bir y\u0131ld\u0131r aktif olarak \u00e7al\u0131\u015fm\u0131yordum. Ancak g\u00fcnl\u00fck sorumluluklar\u0131m\u0131n d\u00fczene oturmas\u0131yla yeniden cesaret buldum ve bu kez daha istikrarl\u0131 ilerleyece\u011fime inan\u0131yorum.<\/p>\n\n\n\n<p>Bu yaz\u0131da hem <strong>JavaScript \u00f6\u011frenme s\u00fcrecimden<\/strong> hem de geli\u015ftirdi\u011fim ilk k\u00fc\u00e7\u00fck projeden bahsedece\u011fim. Yak\u0131nda yaz\u0131l\u0131m geli\u015fimimle ilgili daha kapsaml\u0131 bir i\u00e7erik de payla\u015fmay\u0131 planl\u0131yorum.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frontend\u2019e Ba\u015flang\u0131\u00e7: HTML, CSS ve JavaScript<\/strong><\/h2>\n\n\n\n<p>Frontend geli\u015ftirme ile ilgilendi\u011fim i\u00e7in HTML ve CSS\u2019e zaten h\u00e2kimdim. Ancak JavaScript, bu ikilinin \u00fczerinde duran ve algoritma mant\u0131\u011f\u0131n\u0131 \u00f6\u011frenmeyi gerektiren temel yaz\u0131l\u0131m dili. Daha \u00f6nce biraz bilgim olsa da kal\u0131c\u0131 olmas\u0131 i\u00e7in <strong>bol proje yaparak \u00f6\u011frenmeye<\/strong> karar verdim.<\/p>\n\n\n\n<p>Bu nedenle YouTube\u2019da ho\u015fuma giden projeleri tamamen spontane bir \u015fekilde se\u00e7ip uygulamaya ba\u015flad\u0131m.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Yapt\u0131\u011f\u0131m Proje: Yaz\u0131y\u0131 Yaz\u0131p Silen Otomatik Metin Animasyonu<\/strong><\/h2>\n\n\n\n<p>Projede HTML ile metin alanlar\u0131n\u0131 olu\u015fturdum; CSS ile yaz\u0131lar\u0131n konumu, boyutu ve renk \u00f6zelliklerini d\u00fczenledim. As\u0131l \u00f6\u011frenmem gereken k\u0131s\u0131m ise yaz\u0131n\u0131n \u00f6nce yaz\u0131l\u0131p sonra silindi\u011fi d\u00f6ng\u00fc mekanizmas\u0131n\u0131 JavaScript ile kurmakt\u0131.<\/p>\n\n\n\n<p>Projeyi Haktan \u00d6ker\u2019in anlatt\u0131\u011f\u0131 videodan takip ettim. Kendisi de yeni ba\u015flad\u0131\u011f\u0131n\u0131 belirtti\u011fi i\u00e7in s\u00fcre\u00e7 olduk\u00e7a anla\u015f\u0131l\u0131r ve detayl\u0131yd\u0131.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" data-id=\"341\" src=\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1-1024x541.png\" alt=\"\" class=\"wp-image-341\" srcset=\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1-1024x541.png 1024w, https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1-300x159.png 300w, https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1-768x406.png 768w, https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1-1536x812.png 1536w, https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1-1140x603.png 1140w, https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/script-1.png 1710w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Bu Projede \u00d6\u011frendi\u011fim JavaScript Kavramlar\u0131<\/strong><\/h2>\n\n\n\n<p>Bu \u00e7al\u0131\u015fma benim i\u00e7in uygulamal\u0131 bir \u00f6\u011frenme oldu. Projede \u00f6zellikle \u015fu kavramlar\u0131 \u00f6\u011frendim:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>querySelectorAll()<\/strong><\/li>\n\n\n\n<li><strong>forEach()<\/strong><\/li>\n\n\n\n<li><strong>setInterval()<\/strong><\/li>\n\n\n\n<li><strong>Ternary operator ( ? : )<\/strong> ile k\u0131sa ko\u015ful yaz\u0131m\u0131<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Kod Yap\u0131s\u0131nda Yapt\u0131\u011f\u0131m Tan\u0131mlamalar<\/strong><\/h3>\n\n\n\n<p>\u0130lk olarak <code>dataCont<\/code> isminde bir de\u011fi\u015fken tan\u0131mlad\u0131m ve <code>.auto_text<\/code> s\u0131n\u0131f\u0131na sahip t\u00fcm HTML elemanlar\u0131n\u0131 bu de\u011fi\u015fkene atad\u0131m.<br><code>querySelectorAll()<\/code> sayesinde bu kelimeleri liste olarak saklayabildim.<\/p>\n\n\n\n<p>Daha sonra:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hangi harfin yaz\u0131ld\u0131\u011f\u0131,<\/li>\n\n\n\n<li>Hangi kelimenin s\u0131rada oldu\u011fu,<\/li>\n\n\n\n<li>Yazma h\u0131z\u0131,<\/li>\n\n\n\n<li>Kelime de\u011fi\u015ftirirken bekleme s\u00fcresi<\/li>\n<\/ul>\n\n\n\n<p>gibi t\u00fcm s\u00fcre\u00e7leri de\u011fi\u015fkenlerle y\u00f6netilebilir h\u00e2le getirdim.<\/p>\n\n\n\n<p>Ard\u0131ndan, se\u00e7ilen kelimeleri JavaScript\u2019e aktarmak i\u00e7in diziye push ettim.<br><code>setInterval()<\/code> i\u00e7inde <strong>if\u2013else<\/strong> yap\u0131s\u0131yla iki ayr\u0131 d\u00f6ng\u00fc kurdum:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Kelime yaz\u0131l\u0131rken yap\u0131lacak i\u015flemler<\/strong><\/li>\n\n\n\n<li><strong>Kelime silinirken yap\u0131lacak i\u015flemler<\/strong><\/li>\n<\/ol>\n\n\n\n<p>S\u00fcreci daha iyi kavramak i\u00e7in bol bol <strong>yorum sat\u0131r\u0131<\/strong> ekledim. Kodun ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc i\u00e7erikte payla\u015ft\u0131m.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00d6\u011frendi\u011fim Yeni Bir Yap\u0131: Ternary Operator<\/strong><\/h3>\n\n\n\n<p>If-else kullanmak yerine daha k\u0131sa bir yaz\u0131m sa\u011flayan ternary operat\u00f6r\u00fc projede i\u015fimi olduk\u00e7a kolayla\u015ft\u0131rd\u0131:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"minimal\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">txtNum == texts.length - 1 ? txtNum = 0 : txtNum++;\n<\/pre>\n\n\n\n<p>Bu yap\u0131 sayesinde kodlar daha temiz ve okunabilir oldu.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Projenin Sonucu ve Kaynaklar<\/strong><\/h2>\n\n\n\n<p>Projenin \u00e7\u0131kt\u0131s\u0131n\u0131 sayfan\u0131n sa\u011f k\u0131sm\u0131na ekledim.<br>Yazd\u0131\u011f\u0131m t\u00fcm kodlar\u0131 GitHub hesab\u0131ma da y\u00fckledim. Buradan inceleyebilirsiniz:<\/p>\n\n\n\n<p>&#x1f449; <strong>Github Linkim<\/strong><\/p>\n\n\n\n<p>Ayr\u0131ca projeyi takip etti\u011fim video burada:<br><a href=\"https:\/\/www.youtube.com\/watch?v=c98j_sBlcJc\">https:\/\/www.youtube.com\/watch?v=c98j_sBlcJc<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Son S\u00f6z: S\u00fcrecin Kendisine Odaklan\u0131yorum<\/strong><\/h2>\n\n\n\n<p>Bu \u00e7al\u0131\u015fmalar\u0131m\u0131n bir seri h\u00e2linde devam etmesini istiyorum. Takipte kal\u0131rsan\u0131z \u00e7ok sevinirim.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\" style=\"font-size:15px\">\n<p><strong>\u201cBen yolun sonuna de\u011fil, s\u00fcrecine odakland\u0131m. Sen yolumu g\u00fczelle\u015ftir Allah\u2019\u0131m. Bana hay\u0131rl\u0131 ilimler nasip et. M\u00fcsl\u00fcman m\u00fchendis olmak i\u00e7in Bismillah\u2026\u201d<\/strong><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Nevist\u00e2n Yaz\u0131l\u0131m G\u00fcnl\u00fc\u011f\u00fc Merhabalar, Nevist\u00e2n\u2019da yay\u0131nlanan ilk yaz\u0131l\u0131m payla\u015f\u0131m\u0131na ho\u015f geldiniz. Yaz\u0131l\u0131m yolculu\u011fum asl\u0131nda birka\u00e7 y\u0131l \u00f6nce ba\u015flam\u0131\u015f olsa da son bir y\u0131ld\u0131r aktif olarak \u00e7al\u0131\u015fm\u0131yordum. Ancak g\u00fcnl\u00fck sorumluluklar\u0131m\u0131n d\u00fczene oturmas\u0131yla yeniden cesaret buldum ve &hellip; <\/p>\n","protected":false},"author":2,"featured_media":598,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,35],"tags":[32,33,30,34,31],"class_list":["post-332","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknoloji","category-yazilim","tag-frontend","tag-js","tag-muhendislik","tag-proje","tag-yazilim","has-single-img"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem - Nevist\u00e2n<\/title>\n<meta name=\"description\" content=\"\u201cJavaScript \u00f6\u011frenme s\u00fcrecim ve ilk frontend projemi ad\u0131m ad\u0131m anlat\u0131yorum. HTML, CSS ve JS ile neler \u00f6\u011frendi\u011fimi ve uygulamal\u0131 olarak nas\u0131l geli\u015ftirdi\u011fimi ke\u015ffedin.\u201d\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nevistan.com\/?p=332\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem - Nevist\u00e2n\" \/>\n<meta property=\"og:description\" content=\"\u201cJavaScript \u00f6\u011frenme s\u00fcrecim ve ilk frontend projemi ad\u0131m ad\u0131m anlat\u0131yorum. HTML, CSS ve JS ile neler \u00f6\u011frendi\u011fimi ve uygulamal\u0131 olarak nas\u0131l geli\u015ftirdi\u011fimi ke\u015ffedin.\u201d\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nevistan.com\/?p=332\" \/>\n<meta property=\"og:site_name\" content=\"Nevist\u00e2n\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-18T20:46:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-10T22:12:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07-683x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"683\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Zeynep\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zeynep\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nevistan.com\/?p=332#article\",\"isPartOf\":{\"@id\":\"https:\/\/nevistan.com\/?p=332\"},\"author\":{\"name\":\"Zeynep\",\"@id\":\"https:\/\/nevistan.com\/#\/schema\/person\/9078babfa1e8f9e39f5ed3d3f2c1dd5a\"},\"headline\":\"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem\",\"datePublished\":\"2025-05-18T20:46:44+00:00\",\"dateModified\":\"2025-12-10T22:12:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nevistan.com\/?p=332\"},\"wordCount\":592,\"image\":{\"@id\":\"https:\/\/nevistan.com\/?p=332#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png\",\"keywords\":[\"frontend\",\"js\",\"m\u00fchendislik\",\"proje\",\"yaz\u0131l\u0131m\"],\"articleSection\":[\"Teknoloji\",\"Yaz\u0131l\u0131m\"],\"inLanguage\":\"tr\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nevistan.com\/?p=332\",\"url\":\"https:\/\/nevistan.com\/?p=332\",\"name\":\"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem - Nevist\u00e2n\",\"isPartOf\":{\"@id\":\"https:\/\/nevistan.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nevistan.com\/?p=332#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nevistan.com\/?p=332#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png\",\"datePublished\":\"2025-05-18T20:46:44+00:00\",\"dateModified\":\"2025-12-10T22:12:37+00:00\",\"author\":{\"@id\":\"https:\/\/nevistan.com\/#\/schema\/person\/9078babfa1e8f9e39f5ed3d3f2c1dd5a\"},\"description\":\"\u201cJavaScript \u00f6\u011frenme s\u00fcrecim ve ilk frontend projemi ad\u0131m ad\u0131m anlat\u0131yorum. HTML, CSS ve JS ile neler \u00f6\u011frendi\u011fimi ve uygulamal\u0131 olarak nas\u0131l geli\u015ftirdi\u011fimi ke\u015ffedin.\u201d\",\"breadcrumb\":{\"@id\":\"https:\/\/nevistan.com\/?p=332#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nevistan.com\/?p=332\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/nevistan.com\/?p=332#primaryimage\",\"url\":\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png\",\"contentUrl\":\"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nevistan.com\/?p=332#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/nevistan.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nevistan.com\/#website\",\"url\":\"https:\/\/nevistan.com\/\",\"name\":\"nevistan\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nevistan.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/nevistan.com\/#\/schema\/person\/9078babfa1e8f9e39f5ed3d3f2c1dd5a\",\"name\":\"Zeynep\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/nevistan.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e99045f0d1ed2ff71d800cad20687a789d113cad32ae856766aa99f1b0d6d331?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e99045f0d1ed2ff71d800cad20687a789d113cad32ae856766aa99f1b0d6d331?s=96&d=mm&r=g\",\"caption\":\"Zeynep\"},\"sameAs\":[\"http:\/\/nevistan.com\"],\"url\":\"https:\/\/nevistan.com\/?author=2\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem - Nevist\u00e2n","description":"\u201cJavaScript \u00f6\u011frenme s\u00fcrecim ve ilk frontend projemi ad\u0131m ad\u0131m anlat\u0131yorum. HTML, CSS ve JS ile neler \u00f6\u011frendi\u011fimi ve uygulamal\u0131 olarak nas\u0131l geli\u015ftirdi\u011fimi ke\u015ffedin.\u201d","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nevistan.com\/?p=332","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem - Nevist\u00e2n","og_description":"\u201cJavaScript \u00f6\u011frenme s\u00fcrecim ve ilk frontend projemi ad\u0131m ad\u0131m anlat\u0131yorum. HTML, CSS ve JS ile neler \u00f6\u011frendi\u011fimi ve uygulamal\u0131 olarak nas\u0131l geli\u015ftirdi\u011fimi ke\u015ffedin.\u201d","og_url":"https:\/\/nevistan.com\/?p=332","og_site_name":"Nevist\u00e2n","article_published_time":"2025-05-18T20:46:44+00:00","article_modified_time":"2025-12-10T22:12:37+00:00","og_image":[{"width":683,"height":1024,"url":"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07-683x1024.png","type":"image\/png"}],"author":"Zeynep","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Zeynep","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nevistan.com\/?p=332#article","isPartOf":{"@id":"https:\/\/nevistan.com\/?p=332"},"author":{"name":"Zeynep","@id":"https:\/\/nevistan.com\/#\/schema\/person\/9078babfa1e8f9e39f5ed3d3f2c1dd5a"},"headline":"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem","datePublished":"2025-05-18T20:46:44+00:00","dateModified":"2025-12-10T22:12:37+00:00","mainEntityOfPage":{"@id":"https:\/\/nevistan.com\/?p=332"},"wordCount":592,"image":{"@id":"https:\/\/nevistan.com\/?p=332#primaryimage"},"thumbnailUrl":"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png","keywords":["frontend","js","m\u00fchendislik","proje","yaz\u0131l\u0131m"],"articleSection":["Teknoloji","Yaz\u0131l\u0131m"],"inLanguage":"tr"},{"@type":"WebPage","@id":"https:\/\/nevistan.com\/?p=332","url":"https:\/\/nevistan.com\/?p=332","name":"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem - Nevist\u00e2n","isPartOf":{"@id":"https:\/\/nevistan.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nevistan.com\/?p=332#primaryimage"},"image":{"@id":"https:\/\/nevistan.com\/?p=332#primaryimage"},"thumbnailUrl":"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png","datePublished":"2025-05-18T20:46:44+00:00","dateModified":"2025-12-10T22:12:37+00:00","author":{"@id":"https:\/\/nevistan.com\/#\/schema\/person\/9078babfa1e8f9e39f5ed3d3f2c1dd5a"},"description":"\u201cJavaScript \u00f6\u011frenme s\u00fcrecim ve ilk frontend projemi ad\u0131m ad\u0131m anlat\u0131yorum. HTML, CSS ve JS ile neler \u00f6\u011frendi\u011fimi ve uygulamal\u0131 olarak nas\u0131l geli\u015ftirdi\u011fimi ke\u015ffedin.\u201d","breadcrumb":{"@id":"https:\/\/nevistan.com\/?p=332#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nevistan.com\/?p=332"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/nevistan.com\/?p=332#primaryimage","url":"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png","contentUrl":"https:\/\/nevistan.com\/wp-content\/uploads\/2025\/05\/ChatGPT-Image-11-Ara-2025-01_11_07.png","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"https:\/\/nevistan.com\/?p=332#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/nevistan.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript \u00d6\u011frenme S\u00fcrecim ve \u0130lk Frontend Projem"}]},{"@type":"WebSite","@id":"https:\/\/nevistan.com\/#website","url":"https:\/\/nevistan.com\/","name":"nevistan","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nevistan.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/nevistan.com\/#\/schema\/person\/9078babfa1e8f9e39f5ed3d3f2c1dd5a","name":"Zeynep","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/nevistan.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e99045f0d1ed2ff71d800cad20687a789d113cad32ae856766aa99f1b0d6d331?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e99045f0d1ed2ff71d800cad20687a789d113cad32ae856766aa99f1b0d6d331?s=96&d=mm&r=g","caption":"Zeynep"},"sameAs":["http:\/\/nevistan.com"],"url":"https:\/\/nevistan.com\/?author=2"}]}},"_links":{"self":[{"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/posts\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nevistan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=332"}],"version-history":[{"count":3,"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/posts\/332\/revisions"}],"predecessor-version":[{"id":599,"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/posts\/332\/revisions\/599"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nevistan.com\/index.php?rest_route=\/wp\/v2\/media\/598"}],"wp:attachment":[{"href":"https:\/\/nevistan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nevistan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nevistan.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}