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ı projeler aracılığıyla JavaScript, CSS ve HTML'yi derinlemesine ele alır. Quizler, tartışmalar ve pratik ödevlerle etkileşime geçin. Becerilerinizi geliştirin ve bilgilerinizi etkili proje tabanlı öğretim metodumuzla 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 Dallandırı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

🌐 Çoklu Dil Desteği

GitHub Action ile Desteklenmektedir (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 | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Yerel olarak Klonlamayı Tercih Ediyor musunuz?

Bu depo 50'den fazla dil çevirisi içerir ve bu da indirme boyutunu önemli ölçüde artırır. Çeviriler olmadan klonlamak için seyrek kontrol 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 şekilde dersi tamamlamak için gereken her şeye çok daha hızlı bir şekilde sahip olursunuz.

Ek çeviri dillerinin desteklenmesini istiyorsanız, desteklenen diller burada listelenmektedir

🧑‍🎓 Öğrenci misiniz?

Başlangıç kaynakları, öğrenci paketleri ve ücretsiz sertifika kuponu alma yollarını bulabileceğiniz Öğrenci Merkezi sayfasını ziyaret edin. Bu sayfa, içeriği aylık olarak değiştirdiğimiz için düzenli olarak yer imlerinize ekleyip kontrol etmeniz gereken sayfadır.

📣 Duyuru - Tamamlanacak Yeni GitHub Copilot Agent mod zorlukları!

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

📣 Duyuru - Generatif AI kullanılarak inşa edilecek Yeni Proje

Yeni AI Asistan projesi eklendi, inceleyin proje

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

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

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

• Temellerden RAG’e kadar her şeyi kapsayan dersler.
• Tarihi karakterlerle GenAI ve yardımcı uygulamamızla etkileşim.
• Eğlenceli ve sürükleyici anlatı, zamanda yolculuk yapacaksınız!

Her derste tamamlanacak bir ödev, bilgi kontrolü ve şu konuları öğrenmenize rehberlik eden bir meydan okuma bulunur:

• İstem oluşturma ve istem mühendisliği
• Metin ve görsel uygulama 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ıza dair bazı öneriler ekledik. Geri bildirimlerinizi tartışma forumumuzda bekliyoruz!

Öğrenenler, her derse başlamadan önce bir ön ders sınavı yapın, sonra ders materyalini okuyun, çeşitli aktiviteleri tamamlayın ve ders sonrası sınav ile anlayışınızı kontrol edin.

Öğrenme deneyiminizi artırmak için, projelerde birlikte çalışmak üzere akranlarınızla iletişim kurun! Tartışmalar, moderatörlerimizin sorularınızı yanıtlayacağı tartışma forumumuzda teşvik edilmektedir.

Eğitiminizi daha da ilerletmek için, ek çalışma materyalleri için Microsoft Learn platformunu güçlü bir şekilde tavsiye ediyoruz.

📋 Ortamınızı Kurma

Bu müfredat bir geliştirme ortamı hazır halde sunar! Başlarken, müfredatı Codespace içinde çalıştırabilir (tarayıcı tabanlı, yükleme gerektirmeyen ortam), veya bilgisayarınızda Visual Studio Code gibi bir metin düzenleyici kullanarak yerel olarak çalıştırabilirsiniz.

Depo oluşturun

Çalışmalarınızı kolayca kaydedebilmeniz için kendi kopyanızı oluşturmanız önerilir. Bunu sayfanın üstündeki Şablon olarak kullan düğmesine tıklayarak yapabilirsiniz. Bu, müfredatın bir kopyasıyla sizin GitHub hesabınızda yeni bir depo oluşturacaktır.

Şu adımları izleyin:

1. Depoyu Dallandırı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 içinde çalıştırmak

Oluşturduğunuz bu deponuzda, Code butonuna tıklayın ve Open with Codespaces seçeneğini seçin. Bu size yeni bir Codespace oluşturacaktır.

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

Bu müfredatı bilgisayarınızda çalıştırmak için bir metin editörüne, bir tarayıcıya ve komut satırı aracına ihtiyacınız olacak. İlk dersimiz, Programlama Dilleri ve Ticaret Araçlarına Giriş, bu araçların her biri için farklı seçenekleri size tanıtacak ve sizin için en uygun olanı seçmenizi sağlayacak.

Önerimiz, editör olarak Visual Studio Code kullanmanızdır; içinde ayrıca yerleşik bir Terminal bulunmaktadır. Visual Studio Code'u buradan indirebilirsiniz.

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

   CodeSpace Sonra, Visual Studio Code içinde Terminal açın ve az önce kopyaladığınız URL ile <your-repository-url> yerine 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 - daha hızlı kod yazmanıza yardımcı olmak için

📂 Her ders şunları içerir:

• isteğe bağlı sketchnote
• isteğe bağlı destekleyici video
• dersten önce hazırlık sınavı
• yazılı ders
• proje bazlı derslerde, projeyi adım adım nasıl inşa edeceğinize dair rehberler
• bilgi kontrolü
• bir meydan okuma
• destekleyici okuma materyali
• ödev
• dersten sonra sınav

Sınavlar hakkında bir not: Tüm sınavlar Quiz-app klasöründe yer almakta olup, toplamda 48 adet üç soruluk sınav bulunmaktadır. Sınavlar burada mevcuttur; sınav uygulaması yerel olarak çalıştırılabilir veya Azure'a dağıtılabilir; talimatlar quiz-app klasöründe verilmiştir.

🗃️ Dersler

	Proje Adı	Öğretilen Kavramlar	Öğrenme Hedefleri	Bağlı Ders	Yazar
01	Başlarken	Programlamaya Giriş ve Ticaret Araçları	Çoğu programlama dilinin temelini ve profesyonel geliştiricilerin işlerini kolaylaştıran yazılımları öğrenin	Programlama Dillerine ve Ticaret Araçlarına Giriş	Jasmine
02	Başlarken	GitHub Temelleri, Takımla Çalışmayı İçerir	Projenizde GitHub nasıl kullanılır, başkalarıyla bir kod tabanı üzerinde nasıl işbirliği yapılır öğ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	Uygulama mantık akışını yönetmek için fonksiyonlar ve metodları öğrenin	Fonksiyonlar ve Metodlar	Jasmine ve Christopher
06	JS Temelleri	JS ile Karar Verme	Kodunuzda koşullar yaratmayı ve karar verme yöntemlerini kullanmayı öğrenin	Karar Verme	Jasmine
07	JS Temelleri	Diziler ve Döngüler	JavaScript'te diziler ve döngüler kullanarak veri ile çalışın	Diziler ve Döngüler	Jasmine
08	Terrarium	Pratikte HTML	Çevrimiçi bir terraryum oluşturmak için HTML yazın, düzen oluşturma odaklı	HTML'e Giriş	Jen
09	Terrarium	Pratikte CSS	Çevrimiçi terraryuma stil vermek için CSS oluşturun, sayfanın duyarlı olmasını sağlama dahil CSS'nin temellerine odaklanın	CSS'e Giriş	Jen
10	Terrarium	JavaScript Kapanışları, DOM manipülasyonu	Terraryumu sürükle/bırak arayüzü olarak işlevsel hale getirmek için JavaScript yazın, kapanışlar ve DOM manipülasyonuna odaklanın	JavaScript Kapanışları, DOM manipülasyonu	Jen
11	Typing Game	Yazma Oyunu Yapımı	JavaScript uygulamanızın mantığını yönlendirmek için klavye olaylarını kullanmayı öğrenin	Olay Tabanlı Programlama	Christopher
12	Green Browser Extension	Tarayıcılarla Çalışmak	Tarayıcıların nasıl çalıştığını, tarihçesini öğrenin ve bir tarayıcı uzantısının ilk öğelerini oluşturmanın temelini öğrenin	Tarayıcılar Hakkında	Jen
13	Green Browser Extension	Form oluşturma, API çağırma ve local storage'da değişken saklama	API çağırmak ve local storage'da saklanan değişkenleri kullanmak için tarayıcı uzantınızın JavaScript öğelerini oluşturun	API'ler, Formlar ve Local Storage	Jen
14	Green Browser Extension	Tarayıcıdaki arka plan süreçleri, web performansı	Uzantının simgesini yönetmek için tarayıcının arka plan süreçlerini kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin	Arka Plan Görevleri ve Performans	Jen
15	Space Game	JavaScript ile Daha İleri Oyun Geliştirme	Sınıflar ve Kompozisyon kullanarak Kalıtım ve Yayınlama/Abone olma (Pub/Sub) tasarım desenlerini öğrenin, oyun geliştirmeye hazırlık	İleri Oyun Geliştirmeye Giriş	Chris
16	Space Game	Canvas'a Çizim	Ekrana öğeler çizmek için kullanılan Canvas API'sini öğrenin	Canvas'a Çizim	Chris
17	Space Game	Ekrandaki Öğeleri Hareket Ettirme	Öğelerin Kartezyen koordinatları ve Canvas API'si kullanılarak nasıl hareket kazandığını keşfedin	Öğeleri Hareket Ettirme	Chris
18	Space Game	Çarpışma Algılama	Öğeleri birbirine çarpıştırın ve tuş basımlarını kullanarak tepki vermelerini sağlayın, ayrıca oyunun performansını sağlamak için bekleme fonksiyonu ekleyin	Çarpışma Algılama	Chris
19	Space Game	Skor Takibi	Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapın	Skor Takibi	Chris
20	Space Game	Oyunu Bitirme ve Yeniden Başlatma	Oyunu bitirme ve yeniden başlatma hakkında, varlıkları temizleme ve değişken değerleri sıfırlama dahil olmak üzere bilgi edinin	Bitiş Koşulu	Chris
21	Banking App	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	Banking App	Giriş ve Kayıt Formu Oluşturma	Form oluşturma ve doğrulama rutinlerini öğrenin	Formlar	Yohan
23	Banking App	Veri Alma ve Kullanma Yöntemleri	Uygulamanıza veri akışı, veriyi alma, saklama ve bertaraf etme yöntemlerini öğrenin	Veri	Yohan
24	Banking App	Durum Yönetimi Kavramları	Uygulamanızın durumu nasıl tuttuğunu ve bunu programatik olarak nasıl yöneteceğinizi öğrenin	Durum Yönetimi	Yohan
25	Browser/VScode Code	VScode ile Çalışmak	Bir kod editörü kullanmayı öğrenin	VScode Kod Editörü Kullanımı	Chris
26	AI Assistants	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özetilerek tasarlanmıştır:

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

Program JavaScript, HTML ve CSS'nin temelini ve günümüzün web geliştiricileri tarafından kullanılan en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terraryum, çevre dostu tarayıcı uzantısı, uzay istilacısı tarzı oyun ve işletmeler için bir bankacılık uygulaması oluşturarak pratik deneyim kazanma fırsatına sahip olacaklar. Serinin sonunda öğrenciler web geliştirme hakkında sağlam bir anlayışa sahip olurlar.

🎓 Bu müfredatın ilk birkaç dersini 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, bazı kavramları tanıtmak için JavaScript temelleri üzerine birkaç başlangıç dersi yazdık; bunlar, bazı yazarlarının katkıda bulunduğu "JavaScript'e Başlangıç Serisi" adlı video eğitim koleksiyonundan bir video ile eşleştirilmiştir.

Bunun yanında, ders öncesi düşük riskli bir sınav öğrencinin öğrenme niyetini belirlerken, ders sonrası bir başka sınav daha derin kalıcılığı sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamı veya bir kısmı alınabilir. Projeler küçük başlayıp 12 haftalık döngü sonunda giderek daha karmaşık hale gelir.

Bir JavaScript çatısı (framework) tanıtmayarak web geliştiricisi olarak ihtiyaç duyulan temel beceriler üzerinde yoğunlaşılması amaçlanmıştır; bu müfredatı tamamlamak için iyi bir sonraki adım başka bir video koleksiyonuyla Node.js hakkında öğrenmek olacaktır: "Node.js'e Başlangıç Serisi".

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

🧭 Çevrimdışı erişim

Bu dokümantasyonu çevrimdışı olarak Docsify kullanarak çalıştırabilirsiniz. Bu depoyu çatallayın, yerel makinenize Docsify'i kurun ve sonra bu depo kök klasöründe docsify serve yazın. Web sitesi localhost'unuzda 3000 portunda sunulacaktır: localhost:3000.

📘 PDF

Tüm derslerin PDF'si burada bulunabilir.

🎒 Diğer Kurslar

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

LangChain

Azure / Edge / MCP / Agents

---

Üretken AI 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 öğrenenler ve deneyimli geliştiricilerle buluşun. Soruların memnuniyetle karşılandığı ve bilginin serbestçe paylaşıldığı destekleyici bir topluluktur.

Ürün geri bildirimi veya yapım sırasında hatalarınız varsa şuraya gidin:

Lisans

Bu depo MIT lisansı kapsamındadır. Daha fazla bilgi için LICENSE dosyasına bakınız.

---

Feragatname: Bu belge, AI çeviri hizmeti 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. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımı sonucunda oluşabilecek yanlış anlamalar veya yorum hatalarından sorumlu değiliz.