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ı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML’i derinlemesine inceliyor. Sınavlar, tartışmalar ve uygulamalı ödevlerle etkileşimde bulunun. Etkili proje tabanlı pedagojimizle becerilerinizi geliştirin ve bilgi tutumunuzu 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 Ç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 ile diğer geliştiricilerle tanışın

🌐 Çok Dilli Destek

GitHub Action ile Desteklenir (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

Yerelde Klonlamayı Tercih Ediyor musunuz?

Bu depo 50+ 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ı bir indirme ile sağlar.

Ek çeviri dillerinin desteklenmesini istiyorsanız, bunlar burada listelenmiştir

🧑‍🎓 Öğrenci misiniz?

Başlangıç kaynakları, Öğrenci paketleri ve hatta ücretsiz sertifika kuponu alma yollarını bulabileceğiniz Öğrenci Merkezi sayfasını ziyaret edin. İçeriği her ay değiştirdiğimiz için yer işareti olarak ekleyip zaman zaman kontrol etmek isteyeceğiniz sayfa burasıdır.

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

Yeni Meydan Okuma eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlamanız gereken yeni bir meydan okumadır. Agent modunu daha önce kullanmadıysanız, yalnızca metin üretmekle kalmaz, aynı zamanda dosya oluşturup düzenleyebilir, komut çalıştırabilir ve daha fazlasını yapabilir.

📣 Duyuru - Generatif AI kullanarak yeni bir proje

Yeni AI Asistan projesi eklendi, inceleyin proje

📣 Duyuru - Generatif AI için JavaScript’te Yeni Müfredat yayımlandı

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

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

• Temelden RAG’a kadar her şeyi kapsayan dersler.
• GenAI ve eşlik eden uygulamamızla tarihî karakterlerle etkileşim.
• Eğlenceli ve sürükleyici anlatı, zaman yolculuğu yapacaksınız!

Her ders; tamamlanacak bir ödev, bilgi kontrolü ve aşağıdaki gibi konularda sizi yönlendirecek bir meydan okumayı içerir:

• Prompt verme ve prompt mühendisliği
• Metin ve resim uygulama üretimi
• Arama uygulamaları

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

🌱 Başlarken

Öğretmenler, bu müfredatı nasıl kullanabileceğinize dair birkaç öneri ekledik. Geri bildirimlerinizi tartışma forumumuzda duymak isteriz!

Öğrenciler, her ders için ders öncesi bir sınavla başlayın ve ardından ders materyalini okuyun, çeşitli aktiviteleri tamamlayın ve ders sonrası sınavla anlayışınızı kontrol edin.

Öğrenme deneyiminizi geliştirmek için, projeler üzerinde birlikte çalışmak üzere akranlarınızla bağlanın! Tartışmalar tartışma forumumuzda teşvik edilir; moderatörlerden oluşan ekibimiz sorularınızı yanıtlamak için hazırdır.

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

📋 Ortamınızı Kurma

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

Depo Oluşturun

Çalışmanızı kolay kaydetmeniz için bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu sayfanın üst kısmındaki Use this template butonuna tıklayarak yapabilirsiniz. Bu, GitHub hesabınızda müfredat kopyası olan yeni bir depo oluşturur.

Aşağıdaki adımları izleyin:

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

Oluşturduğunuz bu deponuzda, Code butonuna tıklayın ve Open with Codespaces seçeneğini seçin. Bu, sizin için üzerinde çalışabileceğiniz yeni bir Codespace oluşturacaktır.

Müfredatı Bilgisayarınızda Yerel Çalıştırma

Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin editörüne, 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ş, her bir araç için çeşitli seçenekleri size tanıtacaktır, böylece size en uygun olanı seçebilirsiniz.

Tavsiyemiz, editör olarak Visual Studio Code kullanmanızdır; içinde yerleşik bir Terminal vardır. Visual Studio Code’u buradan indirebilirsiniz.

1. Depoyu bilgisayarınıza klonlayın. Bunu yapmak için Code düğmesine tıklayın ve URL’yi kopyalayın:

   CodeSpace Ardından, Visual Studio Code içinde Terminal açın ve az önce kopyaladığınız URL ile <your-repository-url> değiştirerek 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 eklentileri:

• Canlı Sunucu (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ı taslak notu
• isteğe bağlı destekleyici video
• dersten önce yapılan ısınma sınavı
• yazılı ders
• proje tabanlı derslerde, projeyi adım adım nasıl inşa edeceğinizin rehberi
• bilgi kontrolü
• bir meydan okuma
• destekleyici okumalar
• ödev
• dersten sonra yapılan sınav

Sınavlar hakkında not: Tüm sınavlar Quiz-app klasöründe yer almakta olup, her biri üç sorudan oluşan toplam 48 sınav bulunmaktadır. Bu 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 bulunmaktadır.

🗃️ Dersler

	Proje Adı	Öğretilen Kavramlar	Öğrenme Hedefleri	Bağlantılı Ders	Yazar
01	Başlarken	Programlamaya Giriş ve Araçlar	Çoğu programlama dilinin temelini öğrenmek ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılımlar hakkında bilgi edinmek	Programlama Dilleri ve Araçlara Giriş	Jasmine
02	Başlarken	GitHub Temelleri, ekip ile çalışma	Projenizde GitHub’ı nasıl kullanacağınızı, kod tabanı üzerinde başkalarıyla nasıl iş birliği yapacağınızı öğ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 Türleri	JavaScript veri türlerinin temellerini öğrenmek	Veri Türleri	Jasmine
05	JS Temelleri	Fonksiyonlar ve Metodlar	Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metodları öğrenmek	Fonksiyonlar ve Metodlar	Jasmine ve Christopher
06	JS Temelleri	JS ile Karar Verme	Karar verme yöntemlerini kullanarak 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	HTML Uygulaması	Çevrimiçi bir terraryum oluşturmak için HTML yapısını oluşturmak, düzen oluşturulmasına odaklanmak	HTML’e Giriş	Jen
09	Terrarium	CSS Uygulaması	Çevrimiçi terraryumu stilize etmek için CSS oluşturmak, sayfayı duyarlı hale getirme dahil olmak üzere CSS temelleri	CSS’e Giriş	Jen
10	Terrarium	JavaScript Kapanışları, DOM işlemleri	Terraryumun sürükle/bırak arayüzü olarak işlev görmesi için JavaScript oluşturmak, kapanışlar ve DOM işlemlerine odaklanmak	JavaScript Kapanışları, DOM işlemleri	Jen
11	Yazma Oyunu	Bir Yazma Oyunu Oluşturma	Klavye olaylarını kullanarak JavaScript uygulamanızın mantığını yönetmeyi öğrenmek	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 öğrenmek ve ilk tarayıcı uzantısı elemanlarını tasarlamak	Tarayıcılar Hakkında	Jen
13	Yeşil Tarayıcı Uzantısı	Bir form oluşturmak, API çağrısı ve yerel depolamada değişkenleri saklamak	Yerel depolamada saklanan değişkenleri kullanarak API çağıran tarayıcı uzantınızın JavaScript öğelerini oluşturun	API’lar, Formlar ve Yerel Depolama	Jen
14	Yeşil Tarayıcı Uzantısı	Tarayıcıda arka plan süreçleri, web performansı	Uzantının simgesini yönetmek için tarayıcının arka plan süreçlerini kullanmak; web performansı ve bazı optimizasyonları öğrenmek	Arka Plan Görevleri ve Performans	Jen
15	Uzay Oyunu	JavaScript ile Daha İleri Oyun Geliştirme	Kalıtım (Inheritance) kavramını hem Sınıflar hem de Kompozisyon ve Yayınla/Abone (Pub/Sub) desenleriyle öğrenmek, oyun geliştirmeye hazırlanmak	İleri Oyun Geliştirmeye Giriş	Chris
16	Uzay Oyunu	Canvas üzerine çizim	Ekrana elemanlar çizmek için kullanılan Canvas API’yi öğrenmek	Canvas’e Çizim	Chris
17	Uzay Oyunu	Ekrandaki elemanları hareket ettirme	Elemanların Kartezyen koordinatları ve Canvas API’si kullanılarak nasıl hareket kazandığını keşfetmek	Elemanları Hareket Ettirme	Chris
18	Uzay Oyunu	Çarpışma algılama	Tuş basımlarını kullanarak elemanları çarpıştırmak ve birbirlerine tepki vermelerini sağlamak; oyunun performansı için bekleme fonksiyonu oluşturmak	Çarpışma Algılama	Chris
19	Uzay Oyunu	Skor Tutma	Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapmak	Skor Tutma	Chris
20	Uzay Oyunu	Oyunu bitirme ve yeniden başlatma	Oyunu bitirme ve yeniden başlatma işlemleri, varlıkları temizleme ve değişken değerlerini sıfırlama hakkında bilgi almak	Bitiş Koşulu	Chris
21	Banka 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ı öğrenmek	HTML Şablonları ve Yönler	Yohan
22	Banka Uygulaması	Giriş ve Kayıt Formu Oluşturma	Form oluşturma ve doğrulama rutinlerini nasıl yöneteceğinizi öğrenmek	Formlar	Yohan
23	Banka Uygulaması	Veri Alma ve Kullanma Yöntemleri	Uygulamanıza veri akışı, veriyi alma, saklama ve atma yöntemlerini öğrenmek	Veri	Yohan
24	Banka Uygulaması	Durum Yönetimi Kavramları	Uygulamanızın durumu nasıl tuttuğunu ve programatik olarak nasıl yöneteceğinizi öğrenmek	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

🏫 Eğitim Öğretim Yöntemi

Müfredatımız iki temel pedagojik ilke göz önünde bulundurularak tasarlandı:

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

Program, JavaScript, HTML ve CSS’nin temelini ve günümüz 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 banka uygulaması inşa ederek uygulamalı deneyim kazanma fırsatına sahip olacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip 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 konseptleri tanıtmak amacıyla çeşitli JavaScript temel dersleri yazdık ve bunlara eşlik eden, bazı yazarlarının bu müfredatta katkısı bulunan "JavaScript’e Başlangıç Serisi" video eğitim koleksiyonundan bir video eşlik eder.

Buna ek olarak, bir ders öncesi düşük riskli bir sınav, öğrencinin öğrenme niyetini belirlerken, dersten sonra ikinci bir sınav kalıcılığı garanti eder. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlandı ve tamamı ya da bir kısmı alınabilir. Projeler küçük başlar ve 12 haftalık döngü sonunda giderek daha karmaşık hale gelir.

JavaScript çerçevelerini kasıtlı olarak tanıtmaktan kaçınarak, bir çerçeve benimsemeden önce web geliştiricisi olarak ihtiyaç duyulan temel becerilere odaklandık; bu müfredatı tamamlamak için iyi bir sonraki adım, başka bir video koleksiyonu olan “Node.js’e Başlangıç Serisi” aracılığıyla Node.js öğrenmek olacaktır.

Davranış Kuralları ve Katkıda Bulunma rehberlerimizi 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 kurun ve ardından bu deponun kök klasöründe docsify serve yazın. Web sitesi localhost:3000 portunda (localhost:3000) yayınlanacaktır.

📘 PDF

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

🎒 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

AI uygulamaları geliştirme sürecinde 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 bir araya gelin. 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 yapmak 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östermemize rağmen, otomatik çeviri hatalar veya yanlışlıklar içerebilir. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanılması nedeniyle doğabilecek yanlış anlamalar veya yorumlamalardan sorumlu değiliz.