Web-Dev-For-Beginners/translations/tr

Yeni Başlayanlar İçin Web Geliştirme - Bir Müfredat

Microsoft Bulut Savunucuları tarafından sunulan 12 haftalık kapsamlı kursumuz ile web geliştirme temellerini öğrenin. 24 dersin her biri, terrariumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML'i derinlemesine ele alır. Quizler, tartışmalar ve pratik ödevlerle katılım sağlayın. Becerilerinizi geliştirin ve etkili proje tabanlı pedagojimizle bilgi tutmanızı optimize edin. Kodlama yolculuğunuza bugün başlayın!

Azure AI Foundry Discord Topluluğuna Katılın

Bu kaynakları kullanmaya başlamak için şu adımları izleyin:

1. Depoyu Forklayın: Tıklayın
2. Depoyu Klonlayın: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Azure AI Foundry Discord'a Katılın ve uzmanlar ve diğer geliştiricilerle tanışın

🌐 Çok Dilli Destek

GitHub Action ile Destekleniyor (Otomatik ve Her Zaman Güncel)

Arapça | Bengalce | Bulgarca | Burmaca (Myanmar) | Çince (Basitleştirilmiş) | Çince (Geleneksel, Hong Kong) | Çince (Geleneksel, Makao) | Çince (Geleneksel, Tayvan) | Hırvatça | Çekçe | Danca | Flemenkçe | Estonca | Fince | Fransızca | Almanca | Yunanca | İbranice | Hintçe | Macarca | Endonezce | İtalyanca | Japonca | Kannada | Korece | Litvanca | Malayca | Malayalam | Marathi | Nepalce | Nijerya Pidgin | Norveççe | Farsça (Farsi) | Lehçe | Portekizce (Brezilya) | Portekizce (Portekiz) | Pencapça (Gurmukhi) | Romence | Rusça | Sırpça (Kiril) | Slovakça | Slovence | İspanyolca | Svahili | İsveççe | Tagalog (Filipinler) | Tamilce | Telugu | Tayca | Türkçe | Ukraynaca | Urduca | Vietnamca

Yerelde Klonlamayı mı Tercih Ediyorsunuz?

Bu depo 50'den fazla dil çevirisi içerir, bu da indirme boyutunu önemli ölçüde artırır. Çeviriler olmadan klonlamak için sparse checkout kullanın:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

Bu, kursu tamamlamak için ihtiyacınız olan her şeyi çok daha hızlı indirebilmenizi sağlar.

Ek çeviri dilleri istenirse, desteklenenler burada listelenmiştir

🧑‍🎓 Öğrenci misiniz?

Başlangıç kaynakları, Öğrenci paketleri ve hatta ücretsiz bir sertifika kuponu kazanma yollarını bulabileceğiniz Öğrenci Merkezi sayfasını ziyaret edin. Bu sayfayı yer imlerinize ekleyin ve ayda bir içerik değişikliklerini kontrol edin.

📣 Duyuru - Tamamlanması Gereken Yeni GitHub Copilot Agent modu zorlukları!

Yeni zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlayabileceğiniz yeni bir zorluk. Daha önce Agent modunu kullanmadıysanız, sadece metin üretmekle kalmaz, aynı zamanda dosyalar oluşturup düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir.

📣 Duyuru - Generative AI kullanarak oluşturulacak Yeni Proje

Yeni AI Asistan projesi eklendi, kontrol edin proje

📣 Duyuru - JavaScript için yeni Generative AI Müfredatı yayınlandı

Yeni Generative AI müfredatımızı kaçırmayın!

Başlamak için ziyaret edin https://aka.ms/genai-js-course!

• Temelden RAG'a kadar her şeyi kapsayan dersler.
• GenAI ve yardımcı uygulamamızla tarihi karakterlerle etkileşim kurun.
• Eğlenceli ve ilgi çekici anlatım, zamanda yolculuk yapacaksınız!

Her ders; tamamlanacak bir ödev, bilgi kontrolü ve şu konulara rehberlik eden bir zorluk içerir:

• Promptlama ve prompt mühendisliği
• Metin ve görsel uygulama üretimi
• Arama uygulamaları

Başlamak için ziyaret edin https://aka.ms/genai-js-course!

🌱 Başlarken

Öğretmenler, bu müfredatı nasıl kullanacağınıza dair bazı öneriler ekledik. Geri bildiriminizi tartışma forumumuzda duymak isteriz!

Öğrenciler, her ders için bir ön-ders quiz’i ile başlayın, ardından ders materyalini okuyun, çeşitli etkinlikleri tamamlayın ve ders sonrası quiz ile anlayışınızı kontrol edin.

Öğrenme deneyiminizi geliştirmek için projeler üzerinde birlikte çalışmak üzere arkadaşlarınızla bağlantı kurun! Tartışmalar, moderatör ekibimizin sorularınızı yanıtlamak için mevcut olduğu tartışma forumumuzda teşvik edilmektedir.

Eğitiminizi ilerletmek için ek çalışma materyalleri için Microsoft Learn platformunu keşfetmenizi şiddetle tavsiye ederiz.

📋 Ortamınızı Kurmak

Bu müfredat hazır bir geliştirme ortamına sahiptir! Başlarken, müfredatı Codespace (tarayıcı tabanlı, kuruluma gerek olmayan ortam) üzerinde ya da bilgisayarınızda Visual Studio Code gibi bir metin düzenleyicisi kullanarak çalıştırabilirsiniz.

Depo oluşturun

Çalışmanızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Sayfanın üstündeki Use this template (Bu şablonu kullan) düğmesine tıklayarak bunu yapabilirsiniz. Bu, GitHub hesabınızda müfredatın bir kopyasıyla yeni bir depo oluşturur.

Şu adımları izleyin:

1. Depoyu Forklayın: Bu sayfanın sağ üst köşesindeki "Fork" düğmesine tıklayın.
2. Depoyu Klonlayın: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Müfredatı Codespace üzerinde çalıştırma

Oluşturduğunuz deponuzda Code (Kod) düğmesine tıklayın ve Open with Codespaces (Codespaces ile Aç) seçeneğini seçin. Bu, üzerinde çalışmanız için yeni bir Codespace oluşturacaktır.

Müfredatı bilgisayarınızda yerel olarak çalıştırma

Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin düzenleyiciye, bir tarayıcıya ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz Programlama Dillerine ve Ticaret Araçlarına Giriş, seçiminize yardımcı olacak bu araçlar için çeşitli seçenekleri tanıtacaktır.

Önerimiz, ayrıca yerleşik bir Terminal içeren Visual Studio Code editörünü kullanmanızdır. Visual Studio Code'u buradan indirebilirsiniz.

1. Depoyu bilgisayarınıza klonlayın. Bunu, Code düğmesine tıklayarak URL'yi kopyalayarak yapabilirsiniz:

   CodeSpace Sonra, Visual Studio Code içinde Terminal bölümünü açın ve <your-repository-url> yerine az önce kopyaladığınız URL'yi koyarak aşağıdaki komutu çalıştırın:

   git clone <your-repository-url>
   

2. Klasörü Visual Studio Code'da açın. Bunu Dosya > Klasör Aç seçeneğine tıklayarak ve az önce klonladığınız klasörü seçerek yapabilirsiniz.

Önerilen Visual Studio Code uzantıları:

• Live Server - Visual Studio Code içinde HTML sayfalarını önizlemek için
• Copilot - kod yazmanızı hızlandırmak için

📂 Her ders şunları içerir:

• isteğe bağlı skeç notu
• isteğe bağlı ek video
• ders öncesi ısınma testi
• yazılı ders
• proje tabanlı dersler için projenin nasıl oluşturulacağına dair adım adım rehberler
• bilgi kontrolü
• bir meydan okuma
• ek okuma materyali
• görev
• ders sonrası sınav

Testler hakkında bir not: Tüm testler, her biri üç sorudan oluşan toplam 48 test olmak üzere Quiz-app klasöründe yer almaktadır. Testlere buradan erişebilirsiniz; quiz uygulaması yerel olarak çalıştırılabilir veya Azure'da dağıtılabilir; quiz-app klasöründeki talimatları izleyin.

🗃️ Dersler

	Proje Adı	Öğretilen Kavramlar	Öğrenme Hedefleri	Bağlantılı Ders	Yazar
01	Başlarken	Programlamaya Giriş ve Araçlar	Çoğu programlama dilinin temel prensiplerini ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılımları öğrenin	Programlama Dillerine ve Araçlarına Giriş	Jasmine
02	Başlarken	GitHub Temelleri, takım ile çalışma	Projenizde GitHub'ı nasıl kullanacağınızı, kod tabanında başkalarıyla nasıl iş birliği yapacağınızı öğrenin	GitHub'a Giriş	Floor
03	Başlarken	Erişilebilirlik	Web erişilebilirliğinin temellerini öğrenin	Erişilebilirlik Temelleri	Christopher
04	JS Temelleri	JavaScript Veri Tipleri	JavaScript veri tiplerinin temelleri	Veri Tipleri	Jasmine
05	JS Temelleri	Fonksiyonlar ve Metodlar	Bir uygulamanın mantık akışını yönetmek için fonksiyonlar ve metodlar hakkında bilgi edinin	Fonksiyonlar ve Metodlar	Jasmine ve Christopher
06	JS Temelleri	JS ile Karar Verme	Kodunuzda karar verme yöntemlerini kullanarak koşullar oluşturmayı öğrenin	Karar Verme	Jasmine
07	JS Temelleri	Diziler ve Döngüler	JavaScript'te diziler ve döngülerle veriyle çalışma	Diziler ve Döngüler	Jasmine
08	Terrarium	HTML Uygulaması	Bir çevrimiçi terraryum oluşturmak için HTML inşa edin, özellikle bir düzen oluşturmaya odaklanın	HTML'ye Giriş	Jen
09	Terrarium	CSS Uygulaması	Çevrimiçi terraryumu stilize etmek için CSS oluşturun, sayfayı duyarlı yapmak dahil CSS temellerine odaklanın	CSS'ye Giriş	Jen
10	Terrarium	JavaScript Closures, DOM manipülasyonu	Terraryumun sürükle/bırak arayüzü olarak işlev görmesi için JavaScript oluşturun, closures ve DOM manipülasyonuna odaklanın	JavaScript Closures, DOM Manipülasyonu	Jen
11	Yazma Oyunu	Yazma Oyunu Oluşturma	JavaScript uygulamanızın mantığını sürdürmek için klavye olaylarını nasıl kullanacağınızı öğrenin	Olay Tabanlı Programlama	Christopher
12	Yeşil Tarayıcı Uzantısı	Tarayıcılarla Çalışmak	Tarayıcıların nasıl çalıştığını, tarihçesini ve bir tarayıcı uzantısının ilk elemanlarını nasıl iskeletini oluşturacağınızı öğrenin	Tarayıcılar Hakkında	Jen
13	Yeşil Tarayıcı Uzantısı	Form oluşturma, API çağırma ve yerel depolamada değişken saklama	Yerel depolamada saklanan değişkenleri kullanarak bir API çağırmak için tarayıcı uzantınızın JavaScript öğelerini oluşturun	API'ler, Formlar ve Yerel Depolama	Jen
14	Yeşil Tarayıcı Uzantısı	Tarayıcıdaki arka plan işlemleri, web performansı	Uzantının simgesini yönetmek için tarayıcı arka plan işlemlerini kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin	Arka Plan Görevleri ve Performans	Jen
15	Uzay Oyunu	JavaScript ile Daha Gelişmiş Oyun Geliştirme	Bir oyun geliştirmeye hazırlık olarak Sınıflar ve Kompozisyon kullanarak Tür mirası ve Yayıncı/Abone (Pub/Sub) desenini öğrenin	Gelişmiş Oyun Geliştirmeye Giriş	Chris
16	Uzay Oyunu	Canvas'a Çizim	Ekrana eleman çizmek için kullanılan Canvas API hakkında bilgi edinin	Canvas'a Çizim	Chris
17	Uzay Oyunu	Ekrandaki elemanları hareket ettirme	Kartezyen koordinatları ve Canvas API kullanarak elemanların hareket kazanmasını keşfedin	Elemanları Hareket Ettirme	Chris
18	Uzay Oyunu	Çarpışma algılama	Elemanların birbirine çarpmasını ve tepki vermesini klavye basışlarıyla sağlayın; oyunun performansı için bir dinlenme fonksiyonu oluşturun	Çarpışma Algılama	Chris
19	Uzay Oyunu	Skor Tutma	Oyunun durumu ve performansına bağlı matematiksel hesaplamalar yapın	Skor Tutma	Chris
20	Uzay Oyunu	Oyunu bitirme ve yeniden başlatma	Oyunun bitirilmesi ve yeniden başlatılması hakkında bilgi edinin, varlıkların temizlenmesi ve değişken değerlerinin sıfırlanması dahil	Bitiş Koşulu	Chris
21	Bankacılık Uygulaması	Bir Web Uygulamasında HTML Şablonları ve Rotalar	Çok sayfalı bir web sitesinin mimarisinin iskeletini oluşturmak için routing ve HTML şablonlarını kullanmayı öğrenin	HTML Şablonları ve Rotalar	Yohan
22	Bankacılık Uygulaması	Giriş ve Kayıt Formu Oluşturma	Formlar oluşturma ve doğrulama işlemlerini nasıl yapacağınızı öğrenin	Formlar	Yohan
23	Bankacılık Uygulaması	Veri Alma ve Kullanma Yöntemleri	Verinin uygulamanıza nasıl giriş ve çıkış yaptığını, nasıl alındığını, saklandığını ve atıldığını öğrenin	Veri	Yohan
24	Bankacılık Uygulaması	Durum Yönetimi Kavramları	Uygulamanızın durumu nasıl koruduğunu ve bunu programatik olarak nasıl yönettiğinizi öğrenin	Durum Yönetimi	Yohan
25	Tarayıcı/VScode Kodu	VScode ile Çalışmak	Bir kod editörü nasıl kullanılır öğrenin	VScode Kod Editörü Kullanımı	Chris
26	Yapay Zeka Asistanları	Yapay Zeka ile Çalışmak	Kendi Yapay Zeka asistanınızı nasıl oluşturacağınızı öğrenin	Yapay Zeka Asistanı projesi	Chris

🏫 Pedagoji

Müfredatımız iki temel pedagojik ilke göz önünde bulundurularak tasarlanmıştır:

• proje tabanlı öğrenme
• sık sık yapılan testler

Program, JavaScript, HTML ve CSS'nin temellerini, ayrıca günümüz web geliştiricilerinin kullandığı en son araç ve teknikleri öğretir. Öğrenciler, bir yazma oyunu, sanal terraryum, çevre dostu tarayıcı uzantısı, uzay istilacı tarzı oyun ve iş için bankacılık uygulaması inşa ederek pratik deneyim elde etme fırsatı bulacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip olacaklar.

🎓 Bu müfredattaki ilk birkaç dersi Microsoft Learn üzerinden bir Öğrenme Yolu olarak alabilirsiniz!

İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale getirilmiş ve kavramların akılda kalıcılığı artırılmıştır. Ayrıca, kavramların tanıtılması için JavaScript temellerinde birkaç başlangıç dersleri yazdık ve bunları, yazarlarından bazıları bu müfredatın oluşturulmasına katkı sağlamış olan "JavaScript’e Yeni Başlayanlar Serisi" video eğitimi koleksiyonundan bir video ile eşleştirdik.

Ek olarak, sınıftan önce yapılan düşük baskılı bir test öğrencinin bir konuyu öğrenme niyetini belirlerken, sınıftan sonra yapılan ikinci test öğrendiklerinin korunmasını sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmış olup tamamen veya kısmen alınabilir. Projeler küçük başlar ve 12 haftalık döngünün sonunda giderek karmaşıklaşır.

Bir framework’e geçmeden önce bir web geliştiricisi için gerekli temel becerilere odaklanmak amacıyla JavaScript frameworklerini bilinçli olarak tanıtmaktan kaçındık, ancak bu müfredatı tamamlamak için iyi bir sonraki adım başka bir video koleksiyonu olan "Node.js’e Yeni Başlayanlar Serisi" aracılığıyla Node.js öğrenmek olur.

Davranış Kurallarımız ve Katılım rehberlerimizi ziyaret edin. Yapıcı geri bildirimlerinizi bekliyoruz!

🧭 Çevrimdışı erişim

Bu dokümantasyonu çevrimdışı olarak Docsify kullanarak çalıştırabilirsiniz. Bu repoyu çatallayın, local makinenize Docsify kurun ve ardından bu repoyu içeren kök klasörde docsify serve yazın. Web sitesi, yerel sunucunuzda 3000 portundan sunulacaktır: localhost:3000.

📘 PDF

Tüm derslerin PDF hali burada bulunabilir.

🎒 Diğer Kurslar

Ekibimiz başka kurslar da üretiyor! Göz atın:

LangChain

---

Azure / Edge / MCP / Agents

---

Üretken Yapay Zeka Serisi

---

Temel Öğrenme

---

Copilot Serisi

Yardım Alma

Yapay zeka uygulamaları geliştirme konusunda takılırsanız veya herhangi bir sorunuz olursa, MCP hakkında tartışmalara katılmak için diğer öğrenenlerle ve deneyimli geliştiricilerle buluşun. Soruların hoş karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur.

Ürün geri bildiriminiz veya geliştirme sırasında karşılaştığınız hatalar için ziyaret edin:

Lisans

Bu depo MIT lisansı ile lisanslanmıştır. Daha fazla bilgi için LICENSE dosyasına bakınız.

---

Feragatname:
Bu belge, AI çeviri servisi Co-op Translator kullanılarak çevrilmiştir. Doğruluk için çaba gösterilse de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi dilinde otoriter kaynak olarak değerlendirilmelidir. Kritik bilgiler için profesyonel insan çevirisi tavsiye edilir. Bu çevirinin kullanımıyla ortaya çıkabilecek yanlış anlamalar veya yanlış yorumlamalar nedeniyle sorumluluk kabul edilmemektedir.