Web-Dev-For-Beginners/translations/tr

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

Microsoft Cloud Advocates tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, teraryumlar, tarayıcı eklentileri ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML konularına dalıyor. Quizler, tartışmalar ve pratik ödevlerle etkileşimde bulunun. Proje tabanlı etkili öğretim yöntemimizle becerilerinizi geliştirin ve bilgilerinizi pekiştirin. 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 Çatallayı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)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Korean | Lithuanian | Malay | Marathi | Nepali | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Ek çeviri dillerinin desteklenmesini istiyorsanız, desteklenen diller burada listelenmiştir.

🧑‍🎓 Öğrenci misiniz?

Öğrenci Merkezi sayfasını ziyaret edin. Burada başlangıç kaynakları, öğrenci paketleri ve hatta ücretsiz sertifika kuponu alma yollarını bulabilirsiniz. Bu sayfayı yer imlerinize ekleyin ve içeriği aylık olarak değiştirdiğimiz için zaman zaman kontrol edin.

📣 Duyuru - Yeni GitHub Copilot Agent modu zorlukları tamamlanabilir!

Yeni bir zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" başlığını arayın. Bu, GitHub Copilot ve Agent modunu kullanarak tamamlamanız gereken yeni bir zorluk. Daha önce Agent modunu kullanmadıysanız, yalnızca metin oluşturmakla kalmaz, aynı zamanda dosyalar oluşturabilir ve düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir.

📣 Duyuru - Generative AI kullanarak yeni bir proje oluşturun

Yeni bir AI Asistan projesi eklendi, projeye göz atın.

📣 Duyuru - Yeni Müfredat Generative AI için JavaScript'te yayınlandı

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

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

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

Her ders, tamamlamanız gereken bir ödev, bir bilgi kontrolü ve aşağıdaki konuları öğrenmenize rehberlik edecek bir zorluk içerir:

• Prompting ve prompt mühendisliği
• Metin ve görsel uygulama oluşturma
• Arama uygulamaları

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

🌱 Başlarken

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

Öğrenciler, her ders için bir ön ders sınavıyla başlayın ve ardından ders materyalini okuyarak, çeşitli etkinlikleri tamamlayarak ve ders sonrası sınavla bilginizi kontrol ederek devam edin.

Öğrenme deneyiminizi geliştirmek için projeler üzerinde birlikte çalışmak üzere akranlarınızla bağlantı kurun! Tartışmalar, tartışma forumumuzda teşvik edilmektedir ve moderatör ekibimiz sorularınızı yanıtlamak için hazır olacaktır.

Eğitiminizi daha da ileriye taşımak için Microsoft Learn platformunda ek çalışma materyallerini keşfetmenizi şiddetle tavsiye ederiz.

📋 Ortamınızı Ayarlama

Bu müfredat, kullanıma hazır bir geliştirme ortamına sahiptir! Başlarken, müfredatı bir Codespace (tarayıcı tabanlı, kurulum gerektirmeyen bir ortam) içinde veya bilgisayarınızda bir metin düzenleyici kullanarak yerel olarak çalıştırmayı seçebilirsiniz, örneğin Visual Studio Code.

Depo Oluşturun

Çalışmanızı kolayca kaydedebilmeniz için bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu, sayfanın üst kısmındaki Bu şablonu kullan düğmesine tıklayarak yapabilirsiniz. Bu, GitHub hesabınızda müfredatın bir kopyasıyla yeni bir depo oluşturacaktır.

Şu adımları izleyin:

1. Depoyu Çatallayı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'te Çalıştırma

Oluşturduğunuz bu deponun kopyasında, Kod düğmesine tıklayın ve Codespaces ile Aç seçeneğini seçin. Bu, ç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 Araçlarına Giriş, bu araçların her biri için çeşitli seçenekleri gözden geçirerek size en uygun olanı seçmenize yardımcı olacaktır.

Önerimiz, Visual Studio Code kullanmanızdır. Bu düzenleyici, aynı zamanda yerleşik bir Terminal içerir. Visual Studio Code'u buradan indirebilirsiniz.

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

   CodeSpace

   Ardından, Visual Studio Code içindeki Terminal açın ve aşağıdaki komutu çalıştırın. <your-repository-url> yerine az önce kopyaladığınız URL'yi yazı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 - HTML sayfalarını Visual Studio Code içinde önizlemek için
• Copilot - kod yazma hızınızı artırmak için

📂 Her ders şunları içerir:

• isteğe bağlı çizim notları
• isteğe bağlı ek video
• ders öncesi ısınma testi
• yazılı ders
• proje tabanlı dersler için, projeyi nasıl oluşturacağınızı adım adım anlatan rehberler
• bilgi kontrolleri
• bir meydan okuma
• ek okuma materyalleri
• ödev
• ders sonrası test

Testler hakkında bir not: Tüm testler Quiz-app klasöründe yer alır, her biri üç sorudan oluşan toplam 48 test vardır. Testlere buradan ulaşabilirsiniz. Test uygulaması yerel olarak çalıştırılabilir veya Azure'a 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 Kullanılan 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, ekip çalışması dahil	Projenizde GitHub'ı nasıl kullanacağınızı, bir 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 Türleri	JavaScript veri türlerinin temelleri	Veri Türleri	Jasmine
05	JS Temelleri	Fonksiyonlar ve Metotlar	Bir uygulamanın mantık akışını yönetmek için fonksiyonlar ve metotlar hakkında bilgi edinin	Fonksiyonlar ve Metotlar	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üler kullanarak verilerle çalışın	Diziler ve Döngüler	Jasmine
08	Terrarium	HTML Uygulamada	Bir çevrimiçi teraryum oluşturmak için HTML yapısını oluşturun, bir düzen oluşturma üzerine odaklanın	HTML'ye Giriş	Jen
09	Terrarium	CSS Uygulamada	Çevrimiçi teraryumu stilize etmek için CSS oluşturun, CSS'in temellerine odaklanarak sayfayı duyarlı hale getirin	CSS'ye Giriş	Jen
10	Terrarium	JavaScript Kapanışlar, DOM Manipülasyonu	Teraryumu bir sürükle/bırak arayüzü olarak çalıştırmak için JavaScript oluşturun, kapanışlar ve DOM manipülasyonu üzerine odaklanın	JavaScript Kapanışlar, DOM Manipülasyonu	Jen
11	Yazma Oyunu	Bir Yazma Oyunu Oluşturma	JavaScript uygulamanızın mantığını yönlendirmek için klavye olaylarını nasıl kullanacağınızı öğrenin	Olay Tabanlı Programlama	Christopher
12	Yeşil Tarayıcı Eklentisi	Tarayıcılarla Çalışma	Tarayıcıların nasıl çalıştığını, tarihçesini ve bir tarayıcı eklentisinin ilk öğelerini nasıl oluşturacağınızı öğrenin	Tarayıcılar Hakkında	Jen
13	Yeşil Tarayıcı Eklentisi	Bir form oluşturma, bir API çağırma ve değişkenleri yerel depolamada saklama	Tarayıcı eklentinizin JavaScript öğelerini, yerel depolamada saklanan değişkenleri kullanarak bir API çağırmak için oluşturun	API'ler, Formlar ve Yerel Depolama	Jen
14	Yeşil Tarayıcı Eklentisi	Tarayıcıdaki arka plan süreçleri, web performansı	Tarayıcının arka plan süreçlerini eklentinin simgesini yönetmek için kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin	Arka Plan Görevleri ve Performans	Jen
15	Uzay Oyunu	JavaScript ile Daha İleri Düzey Oyun Geliştirme	Bir oyun oluşturma hazırlığında, hem Sınıflar hem de Kompozisyon kullanarak Kalıtım ve Yayın/Abone modelini öğrenin	İleri Düzey Oyun Geliştirmeye Giriş	Chris
16	Uzay Oyunu	Tuvale Çizim	Ekrana öğeler çizmek için kullanılan Canvas API'si hakkında bilgi edinin	Tuvale Çizim	Chris
17	Uzay Oyunu	Ekranda öğeleri hareket ettirme	Öğelerin kartesyen koordinatları ve Canvas API'si kullanılarak nasıl hareket kazandığını keşfedin	Öğeleri Hareket Ettirme	Chris
18	Uzay Oyunu	Çarpışma Tespiti	Öğelerin birbirleriyle çarpışmasını ve tepki vermesini sağlayın, tuş vuruşlarını kullanarak ve oyunun performansını sağlamak için bir soğuma fonksiyonu ekleyin	Çarpışma Tespiti	Chris
19	Uzay Oyunu	Puan Tutma	Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapın	Puan Tutma	Chris
20	Uzay Oyunu	Oyunu Bitirme ve Yeniden Başlatma	Oyunu bitirme ve yeniden başlatma, varlıkları temizleme ve değişken değerlerini sıfırlama hakkında bilgi edinin	Bitiş Koşulu	Chris
21	Bankacılık Uygulaması	Bir Web Uygulamasında HTML Şablonları ve Yönlendirme	Çok sayfalı bir web sitesinin mimarisini yönlendirme ve HTML şablonları kullanarak nasıl oluşturacağınızı öğrenin	HTML Şablonları ve Yönlendirme	Yohan
22	Bankacılık Uygulaması	Giriş ve Kayıt Formu Oluşturma	Formlar oluşturma ve doğrulama rutinlerini yönetme hakkında bilgi edinin	Formlar	Yohan
23	Bankacılık Uygulaması	Veri Alma ve Kullanma Yöntemleri	Verilerin uygulamanıza nasıl girip çıktığı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 programlı bir şekilde nasıl yöneteceğinizi öğrenin	Durum Yönetimi	Yohan
25	Tarayıcı/VScode Kod	VScode ile Çalışma	Bir kod editörü kullanmayı öğrenin	VScode Kod Editörünü Kullanma	Chris
26	AI Asistanları	AI ile Çalışma	Kendi AI asistanınızı nasıl oluşturacağınızı öğrenin	AI Asistanı Projesi	Chris

🏫 Pedagoji

Müfredatımız iki temel pedagojik ilkeye göre tasarlanmıştır:

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

Program, JavaScript, HTML ve CSS'in temellerini, ayrıca günümüz web geliştiricilerinin kullandığı en son araç ve teknikleri öğretir. Öğrenciler, bir yazma oyunu, sanal teraryum, çevre dostu bir tarayıcı eklentisi, uzay istilacı tarzı bir oyun ve işletmeler için bir bankacılık uygulaması oluşturarak uygulamalı deneyim kazanma fırsatına sahip olacaklar. Serinin sonunda, öğrenciler web geliştirme konusunda sağlam bir anlayış kazanmış olacaklar.

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

İçeriğin projelerle uyumlu olmasını sağlayarak, süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca, JavaScript temellerini tanıtmak için birkaç başlangıç dersi yazdık ve bunları "JavaScript'e Başlangıç Serisi" video eğitim koleksiyonundan bir video ile eşleştirdik. Bu koleksiyonun bazı yazarları bu müfredata katkıda bulunmuştur.

Buna ek olarak, bir sınıftan önce yapılan düşük riskli bir test, öğrencinin bir konuyu öğrenmeye yönelik niyetini belirlerken, sınıf sonrası yapılan ikinci bir test daha fazla kalıcılığı sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamı ya da bir kısmı alınabilir. Projeler küçük başlar ve 12 haftalık döngünün sonunda giderek daha karmaşık hale gelir.

JavaScript çerçevelerini tanıtmaktan özellikle kaçınarak, bir çerçeve benimsemeden önce bir web geliştiricisi olarak ihtiyaç duyulan temel becerilere odaklandık. Bu müfredatı tamamladıktan sonra iyi bir sonraki adım, başka bir video koleksiyonu olan "Node.js'e Başlangıç Serisi" hakkında bilgi edinmek olacaktır.

Davranış Kuralları ve Katkıda Bulunma yönergelerimize göz atın. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz!

🧭 Çevrimdışı erişim

Bu dokümantasyonu Docsify kullanarak çevrimdışı çalıştırabilirsiniz. Bu depoyu çatallayın, Docsify'i yükleyin ve ardından bu deponun kök klasöründe docsify serve yazın. Web sitesi, localhost'unuzda localhost:3000 adresinde 3000 portunda sunulacaktır.

📘 PDF

Tüm derslerin PDF'sine buradan ulaşabilirsiniz.

🎒 Diğer Kurslar

Ekibimiz başka kurslar da üretiyor! Şunlara göz atın:

Azure / Edge / MCP / Ajanlar

---

Üretken Yapay Zeka Serisi

---

Temel Öğrenim

---

Copilot Serisi

Yardım Alma

Eğer takılırsanız veya yapay zeka uygulamaları oluşturma konusunda sorularınız olursa, MCP hakkında tartışmalara katılabilirsiniz. Bu, soruların memnuniyetle karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur.

Eğer ürünle ilgili geri bildirimleriniz veya oluşturma sırasında hatalarınız varsa, şu adresi ziyaret edin:

Lisans

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

---

Feragatname:
Bu belge, AI çeviri hizmeti Co-op Translator kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlıklar içerebileceğini lütfen unutmayın. Belgenin orijinal dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan yanlış anlamalar veya yanlış yorumlamalardan sorumlu değiliz.