Web-Dev-For-Beginners/translations/tr

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

Microsoft Bulut Savunucuları tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, teraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML'e derinlemesine dalar. Sınavlar, tartışmalar ve pratik ödevlerle etkileşimde bulunun. Yeteneklerinizi geliştirin ve bilgilerinizi optimize edin; etkili proje tabanlı pedagojimizle öğreniminizi güçlendirin. Kodlama yolculuğunuza bugün başlayın!

Azure AI Foundry Discord Topluluğu'na 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 ile diğer geliştiricilerle tanışın

🌐 Çok Dilli Destek

GitHub Action ile desteklenmektedir (Otomatik & Her zaman güncel)

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

Yerel olarak Klonlamayı mı Tercih Edersiniz?

Bu depo 50+ dil çevirisi içerir ve bu da indirilen dosyanın boyutunu önemli ölçüde artırır. Çeviriler olmadan klonlamak için seyrek kontrol kullanabilirsiniz:

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 size kursu tamamlamak için gereken her şeyi çok daha hızlı indirebilme imkânı sağlar.

Ek dil desteği istiyorsanız, desteklenen diller burada listelenmiştir

🧑‍🎓 Öğrenci misiniz?

Başlangıç kaynakları, öğrenci paketleri ve ücretsiz sertifika kuponu alma yöntemleri bulabileceğiniz Öğrenci Merkezi sayfasını ziyaret edin. İçeriğin aylık olarak değiştiği bu sayfayı sık sık yer imlerinize ekleyip kontrol etmek isteyeceksiniz.

📣 Duyuru – Tamamlanacak 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 tamamlamanız için yeni bir zorluk. Daha önce Agent modunu kullanmadıysanız, sadece metin üretmekle kalmayıp dosya oluşturabilir, düzenleyebilir, komut çalıştırabilir ve daha fazlasını yapabilir.

📣 Duyuru – Generative AI kullanarak oluşturulacak Yeni Proje

Yeni AI Asistan projesi eklendi, inceleyin proje

📣 Duyuru – Generative AI için Yeni Müfredat JavaScript’e geldi

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

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

• Temellerden RAG’a kadar her şeyi kapsayan dersler
• GenAI ve eşlik eden uygulamamızla tarihi karakterlerle etkileşim
• Eğlenceli ve etkileşimli anlatı, zamanda yolculuk yapacaksınız!

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

• Yönlendirme ve prompt mühendisliği
• Metin ve resim uygulaması oluşturma
• Arama uygulamaları

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

---

🌱 Başlarken

Öğretmenler, bu müfredatı nasıl kullanacağınız hakkında bazı öneriler ekledik. Geri bildiriminizi tartışma forumumuzda bekliyoruz!

Öğrenciler, her ders için ders öncesi quiz ile başlayın, ardından ders materyalini okuyun, çeşitli aktiviteleri tamamlayın ve ders sonrası quiz ile anlama seviyenizi kontrol edin.

Öğrenme deneyiminizi güçlendirmek için projeler üzerinde arkadaşlarınızla birlikte çalışın! Tartışmalar, tartışma forumumuzda teşvik edilir; moderatör ekibimiz sorularınıza cevap vermek için hazır olacaktır.

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

📋 Ortamınızı Kurma

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

Depo Oluşturma

Çalışmalarınızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu sayfa üstündeki Use this template butonuna tıklayarak yapabilirsiniz. Bu, müfredatın bir kopyasıyla GitHub hesabınızda yeni bir depo oluşturacaktır.

Adımlar:

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

Müfredatı Codespace içinde çalıştırma

Oluşturduğunuz depo kopyasında, Code butonuna tıklayın ve Open with Codespaces seçeneğini seçin. Bu size çalışmanız için yeni bir Codespace oluşturacaktır.

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

Bu müfredatı bilgisayarınızda çalıştırmak için bir metin editörü, bir tarayıcı ve bir komut satırı aracı gerekir. İlk dersimiz Programlama Dillerine ve Ticaret Araçlarına Giriş, bu araçlardan her biri için çeşitli seçenekleri sizin için gösterir, böylece size en uygun olanı seçebilirsiniz.

Önerimiz, editör olarak Visual Studio Code kullanmanızdır; VS Code’da yerleşik bir Terminal da vardır. Visual Studio Code’u buradan indirebilirsiniz: burada.

1. Depo kopyanızı bilgisayarınıza klonlayın. Bunu yapmak için Code butonuna tıklayın ve URL'yi kopyalayın:

   CodeSpace Sonra, Visual Studio Code içinde Terminal açın ve az önce kopyaladığınız URL ile <your-repository-url> yerini değiştirerek aşağıdaki komutu çalıştırın:

   git clone <your-repository-url>
   

2. Visual Studio Code'da klasörü açın. Bunu File > Open Folder 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ırmaya yardımcı olmak için

📂 Her ders şunları içerir:

• isteğe bağlı sketchnote
• isteğe bağlı ek video
• ders öncesi ısınma sınavı
• yazılı ders
• proje tabanlı derslerde, projeyi oluşturmak için adım adım rehberler
• bilgi kontrolü
• bir meydan okuma
• ek okuma materyali
• görev
• ders sonrası quiz

Quizler hakkında not: Tüm quizler Quiz-app klasöründe bulunur, toplam 48 quiz ve her biri üç sorudan oluşur. Bunlar burada mevcuttur. Quiz uygulaması yerel olarak çalıştırılabilir veya Azure'a dağıtılabilir; quiz-app klasöründeki talimatları izleyin.

🗃️ Dersler

	Proje Adı	Öğretilen Konseptler	Öğrenme Hedefleri	Bağlantılı Ders	Yazar
01	Başlarken	Programlamaya Giriş ve Mesleki Araçlar	Çoğu programlama dilinin temel prensiplerini öğrenmek ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılımlar hakkında bilgi sahibi olmak	Programlama Dillerine ve Mesleki Araçlara Giriş	Jasmine
02	Başlarken	GitHub Temelleri, ekip ile çalışma dahil	Projenizde GitHub kullanmayı öğrenmek, bir kod tabanı üzerinde başkalarıyla işbirliği yapmayı öğrenmek	GitHub'a Giriş	Floor
03	Başlarken	Erişilebilirlik	Web erişilebilirliğinin temellerini öğrenmek	Erişilebilirlik Temelleri	Christopher
04	JS Temelleri	JavaScript Veri Tipleri	JavaScript veri tiplerinin temelleri	Veri Tipleri	Jasmine
05	JS Temelleri	Fonksiyonlar ve Metotlar	Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metotlar hakkında bilgi edinmek	Fonksiyonlar ve Metotlar	Jasmine ve Christopher
06	JS Temelleri	JavaScript ile Karar Verme	Kodunuzda koşullar oluşturmayı öğrenmek	Karar Verme	Jasmine
07	JS Temelleri	Diziler ve Döngüler	JavaScript'te diziler ve döngüler kullanarak veri ile çalışma	Diziler ve Döngüler	Jasmine
08	Terrarium	Pratikte HTML	Çevrimiçi bir terraryum oluşturmak için HTML inşa edin, yerleşim oluşturmaya odaklanın	HTML'e Giriş	Jen
09	Terrarium	Pratikte CSS	Çevrimiçi terraryumu stillendirmek için CSS oluşturun, sayfanın duyarlı yapılması dahil CSS temellerine odaklanın	CSS'e Giriş	Jen
10	Terrarium	JavaScript Kapanışları, DOM manipülasyonu	Terraryumun sürükle/bırak arayüzü olarak çalışmasını sağlamak için JavaScript yazın, kapanışlar ve DOM manipülasyonuna odaklanın	JavaScript Kapanışları, DOM manipülasyonu	Jen
11	Yazma Oyunu	Yazma Oyunu İnşası	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ı 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 öğelerini nasıl 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 kullanımı	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 süreçleri, 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	Kalıtım kavramını Sınıflar ve Kompozisyon ile Pub/Sub deseni kullanarak öğrenin, oyun geliştirmeye hazırlık yapın	Gelişmiş Oyun Geliştirmeye Giriş	Chris
16	Uzay Oyunu	Canvas'a Çizim	Ekrana öğeler çizmek için kullanılan Canvas API hakkında bilgi edin	Canvas'a Çizim	Chris
17	Uzay Oyunu	Elemanları Ekranda Hareket Ettirme	Elemanlara Kartezyen koordinatlar ve Canvas API kullanarak hareket kazandırmayı keşfedin	Elemanları Hareket Ettirme	Chris
18	Uzay Oyunu	Çarpışma Algılama	Elemanların birbirine çarpmasını ve tepki vermesini sağlayın, performans için bir soğuma işlevi sağlayın	Çarpışma Algılama	Chris
19	Uzay Oyunu	Skor Tutma	Oyunun durumu ve performansına göre matematiksel hesaplamalar yapın	Skor 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ı	Web Uygulamasında HTML Şablonları ve Yönlendirme	Çok sayfalı 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	Form oluşturma ve doğrulama işlemlerini öğrenin	Formlar	Yohan
23	Bankacılık Uygulaması	Veri Alma ve Kullanma Yöntemleri	Uygulamanıza veri akışı, veriyi alma, depolama ve atma yöntemleri	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öneteceğinizi öğrenin	Durum Yönetimi	Yohan
25	Tarayıcı/VScode Kodu	VScode ile Çalışma	Bir kod editörü kullanmayı öğrenin	VScode Kod Editörü Kullanımı	Chris
26	AI Asistanlar	Yapay Zeka 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 eğitim ilkesi göz önünde bulundurularak tasarlanmıştır:

• proje tabanlı öğrenme
• sık quizler

Program, JavaScript, HTML ve CSS temellerini ve günümüz web geliştiricilerinin kullandığı en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terraryum, çevre dostu tarayıcı uzantısı, uzay istilacı tarzı oyun ve işletmeler için bir bankacılık uygulaması inşa ederek uygulamalı deneyim kazanma 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 üzerinde bir Öğrenme Yolu olarak alabilirsiniz!

İçeriğin projelerle uyumlu olduğundan emin olarak, süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca, kavramları tanıtmak için birkaç başlangıç dersi JavaScript temellerinde yazılmıştır ve bu dersler, bazı yazarları bu müfredata katkıda bulunan “JavaScript Başlangıç Serisi” video koleksiyonundan bir video ile eşleştirilmiştir.

Ek olarak, sınıf öncesinde düşük riskli bir quiz öğrencinin konuya yönelik niyetini belirlerken, sınıf sonrası ikinci bir quiz daha fazla kalıcılık sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmış olup tamamı veya parça parça alınabilir. Projeler küçük başlayıp 12 haftalık döngünün sonunda giderek karmaşıklaşır.

JavaScript çerçevelerini kasıtlı olarak tanıtmaktan kaçındık çünkü bir çerçeve benimsemeden önce bir web geliştiricisi olarak gereken temel becerilere odaklanmak istedik; bu müfredatı tamamlamak için iyi bir sonraki adım başka bir video koleksiyonu olan “Node.js Başlangıç Serisi” üzerinden Node.js öğrenmek olacaktır.

Davranış Kurallarımız ve Katkıda Bulunma yönergelerimizi ziyaret edin. Yapıcı geri bildirimlerinizi bekliyoruz!

🧭 Çevrimdışı erişim

Bu dokümantasyonu çevrimdışı olarak Docsify kullanarak çalıştırabilirsiniz. Bu depoyu çatallayın, yerel makinenize Docsify yükleyin ve sonra bu deponun kök klasöründe docsify serve yazın. Site localhost'ta, port 3000 üzerinde sunulacaktır: localhost:3000.

📘 PDF

Tüm derslerin PDF'sini buradan bulabilirsiniz.

🎒 Diğer Kurslar

Ekibimiz diğer kurslar da üretiyor! Göz atın:

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Series

---

Core Learning

---

Copilot Series

Yardım Almak

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

Ürün geri bildirimi veya geliştirme sırasında hata bildirimi için ziyaret edin:

Lisans

Bu depo MIT lisansı altında 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östersek de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayınız. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan herhangi bir yanlış anlama veya yanlış yorumlama nedeniyle sorumluluk kabul edilmemektedir.