<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Doğan Aydın</title>
    <description>The latest articles on DEV Community by Doğan Aydın (@dgnydn).</description>
    <link>https://dev.to/dgnydn</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F200380%2F2afd4380-d76a-4952-81f7-f290d10d7c5e.jpg</url>
      <title>DEV Community: Doğan Aydın</title>
      <link>https://dev.to/dgnydn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dgnydn"/>
    <language>en</language>
    <item>
      <title>AGTE - ANKARA GELİŞİM TARAMA ENVANTERİ - DGNTECH</title>
      <dc:creator>Doğan Aydın</dc:creator>
      <pubDate>Sat, 03 Sep 2022 18:18:09 +0000</pubDate>
      <link>https://dev.to/dgnydn/agte-ankara-gelisim-tarama-envanteri-dgntech-d90</link>
      <guid>https://dev.to/dgnydn/agte-ankara-gelisim-tarama-envanteri-dgntech-d90</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--czr0axV9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kzbz0alflb53flclyus0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--czr0axV9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kzbz0alflb53flclyus0.png" alt="Image description" width="880" height="477"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Ankara Gelişim Tarama Envanteri'ni kullanarak çocuğunuzun gelişimindeki yönünü keşfedin!&lt;/strong&gt;&lt;br&gt;
Ankara Gelişim Tarama Envanteri (AGTE), Türkçe bir gelişimsel tarama envanteridir. AGTE, 0–6 yaş arasındaki bireylerin gelişimsel durumlarının tanınmasına ve bu bireylerin gelişimsel ihtiyaçlarının karşılanmasına yardımcı olmak amacıyla hazırlanmıştır. AGTE, bireylerin gelişimsel potansiyellerinin keşfedilmesi, gelişim gecikmelerinin erken tanınması ve bu bireylerin eğitimsel/rehabilitasyonel ihtiyaçlarının karşılanması için kullanılabilir.&lt;br&gt;
Ankara Gelişim Tarama Envanteri, kısaca AGTE, Türkiye'de gelişimsel bozuklukların tanı ve tedavisinde kullanılan bir araçtır. AGTE, ilk olarak Ankara Üniversitesi Psikiyatri Anabilim Dalı tarafından geliştirilmiştir ve Türk Psikiyatri Derneği tarafından onaylanmıştır. AGTE, kişinin gelişimini değerlendirmek için gelişimsel bozuklukların tanı kriterleri dikkate alınarak hazırlanmıştır. Bu araç, kişinin gelişiminde gözlemlenen bozuklukların tanısında kullanılabilir ve tedavisinde etkilidir.&lt;br&gt;
AGTE, Türkçe ve İngilizce olmak üzere iki farklı dilde sunulmaktadır. Envanterin Türkçe versiyonu, Türkçe olarak konuşan ve/veya yazan kişiler için uygundur. İngilizce versiyonu ise, İngilizce olarak konuşan ve/veya yazan kişiler için uygundur. AGTE, karşılaştırmalı ve kategoriye ayrılmış bir envanterdir. Bu, kişilerin kendi kendilerini değerlendirmelerine olanak sağlar ve bireysel gelişim planlarının hazırlanmasına yardımcı olur. AGTE, kişilerin gelişim durumlarını ve yeteneklerini belirlemeye yöneliktir. AGTE, Türkiye'de yaygın olarak kullanılmaktadır ve birçok kişi tarafından pozitif şekilde değerlendirilmektedir.&lt;br&gt;
Bilgi almak için: &lt;a href="https://www.dgntech.co/i/agte-online"&gt;https://www.dgntech.co/i/agte-online&lt;/a&gt;&lt;/p&gt;

</description>
      <category>agte</category>
      <category>kisiselgelisim</category>
    </item>
    <item>
      <title>Nextjs getServerSideProps Method</title>
      <dc:creator>Doğan Aydın</dc:creator>
      <pubDate>Sat, 13 Aug 2022 20:02:00 +0000</pubDate>
      <link>https://dev.to/dgnydn/nextjs-getserversideprops-method-1ke0</link>
      <guid>https://dev.to/dgnydn/nextjs-getserversideprops-method-1ke0</guid>
      <description>&lt;p&gt;Next.js is a free and open-source React framework that helps developers create server-rendered applications. It is a popular choice among developers because of its features like Automatic code splitting, Static site generation, Optimized bundles, Simple client-side routing, and Universal pre rendering.&lt;/p&gt;

&lt;p&gt;One of the most interesting features of Next.js is its ability to dynamically render data on the server-side using the getServerSideProps() method. This method allows you to fetch data from an API or a database and render it on the server-side before the page is sent to the client.&lt;/p&gt;

&lt;p&gt;This is especially useful for creating dynamic pages that require data from external sources. For example, if you were creating a blog site, you could use getServerSideProps() to fetch the latest blog posts from a database and render them on the server-side.&lt;/p&gt;

&lt;p&gt;The getServerSideProps() method takes a single argument, which is an object with two properties:&lt;/p&gt;

&lt;p&gt;The pathname of the page being rendered.&lt;br&gt;
The query string parameters of the page being rendered.&lt;/p&gt;

&lt;p&gt;The getServerSideProps() method must return an object with a props property. This props property will be merged with the props of the page component.&lt;/p&gt;

&lt;p&gt;Here is an example of how you could use getServerSideProps() to fetch data from an API and render it on the server-side:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;Page&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;div&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;item&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
        &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;div&lt;/span&gt; &lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;item&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;id&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
          &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;item&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;title&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
        &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/div&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;      &lt;span class="p"&gt;))}&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/div&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;  &lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="nx"&gt;Page&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;getServerSideProps&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="c1"&gt;// Fetch data from an external API&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;https://api.example.com/posts&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;json&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;

  &lt;span class="c1"&gt;// Return the response as the props of the page component&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;props&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="s2"&gt;```



In this example, we are fetching data from an external API and returning it as the props of the page component. We are also using the async/await syntax to make the code easier to read.

getServerSideProps() is a powerful method that allows you to create dynamic pages that are rendered on the server-side. This is especially useful for pages that require data from external sources.

If you're looking for a nextjs developer, feel free to contact me on https://dgntech.co
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>nextjs</category>
      <category>javascript</category>
      <category>react</category>
    </item>
    <item>
      <title>WordPress Çok Yavaş – Daha Hızlı WordPress Siteleri İçin 8 Kural</title>
      <dc:creator>Doğan Aydın</dc:creator>
      <pubDate>Mon, 11 Apr 2022 10:00:51 +0000</pubDate>
      <link>https://dev.to/dgnydn/wordpress-cok-yavas-daha-hizli-wordpress-siteleri-icin-8-kural-lj3</link>
      <guid>https://dev.to/dgnydn/wordpress-cok-yavas-daha-hizli-wordpress-siteleri-icin-8-kural-lj3</guid>
      <description>&lt;p&gt;WordPress Çok Yavaş&lt;br&gt;
Bu yazımız wordpress kullanarak sitelerini yapan ve wordpress çok yavaş diye şikayetçi olan okuyucularımız için. Yöntemler WordPress üzerinden anlatılsa da herhangi bir sisteme çok kolaylıkla uygulayabilirsiniz.&lt;/p&gt;

&lt;p&gt;Başlangıç olarak, WordPress web sitenizin yavaş hızından ve performans hatalarından sorumlu olan temel nedenleri analiz etmeniz gerekir. Performans sorunlarının ayrıntılarına girmek için WordPress geliştiricilerini işe almadan önce, kendi başınıza temel bir inceleme yapın. Daha derin teknik ayrıntılara girmeden, yavaş performansın temel nedenleri şunlardır.&lt;/p&gt;

&lt;p&gt;Orijinal içeriği &lt;a href="https://dogan.rocks/daha-hizli-wordpress-siteleri-icin-8-kural-wordpress-cok-yavas/"&gt;https://dogan.rocks/daha-hizli-wordpress-siteleri-icin-8-kural-wordpress-cok-yavas/&lt;/a&gt; adresinden okuyabilirsiniz.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Ruby On Rails İle Hotwire Nasıl Kullanılır</title>
      <dc:creator>Doğan Aydın</dc:creator>
      <pubDate>Thu, 14 Jan 2021 00:01:16 +0000</pubDate>
      <link>https://dev.to/dgnydn/ruby-on-rails-i-le-hotwire-nasil-kullanilir-49m2</link>
      <guid>https://dev.to/dgnydn/ruby-on-rails-i-le-hotwire-nasil-kullanilir-49m2</guid>
      <description>&lt;h1&gt;
  
  
  Hotwire Nedir?
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;h3&gt;
  
  
  Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.
&lt;/h3&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://hotwire.dev"&gt;Hotwire&lt;/a&gt;, &lt;a href="https://basecamp.com/"&gt;Basecamp&lt;/a&gt; ve &lt;a href="https://hey.com/"&gt;Hey&lt;/a&gt; tarafından geliştirilen, kendi sitesindeki tanıma göre modern web uygulamaları geliştirmeye alternatif bir yaklaşım. Alıştığımız API isteklerindeki JSON yerine direkt olarak HTML göndererek daha az JavaScript kullanacağımızı vaat ediyor. Bu yaklaşım ile  sayfaların ilk yüklenmesi daha hızlı oluyor ve template rendering sunucu tarafında gerçekleşiyor. Zaten isminin açılışı da &lt;strong&gt;H&lt;/strong&gt;tml &lt;strong&gt;o&lt;/strong&gt;ver &lt;strong&gt;t&lt;/strong&gt;he &lt;strong&gt;wire&lt;/strong&gt; hani &lt;code&gt;hotwire&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Hotwire &lt;code&gt;turbo&lt;/code&gt;, &lt;code&gt;stimulus&lt;/code&gt; ve &lt;code&gt;strada&lt;/code&gt; isminde 3 bileşenden oluşuyor ancak &lt;code&gt;strada&lt;/code&gt; henüz yayınlanmadı. Basitçe bildiğimiz &lt;code&gt;iframe&lt;/code&gt; ama 2021 versiyonu.&lt;/p&gt;

&lt;p&gt;Hotwire bileşenlerine yüzeysel bir giriş yaptığım ve Ruby On Rails ile nasıl kullanabileceğimizi gösterdiğim yazıma &lt;a href="https://dgndev.xyz/posts/ruby-on-rails-ile-hotwire-nasil-kullanilir/"&gt;bloğumdan&lt;/a&gt; ulaşabilirsiniz.&lt;/p&gt;

</description>
      <category>rails</category>
      <category>hotwire</category>
    </item>
  </channel>
</rss>
