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ı projeler aracılığıyla JavaScript, CSS ve HTML konularına dalış yapar. Testler, tartışmalar ve pratik ödevlerle etkileşimde bulunun. Becerilerinizi geliştirin ve etkili proje tabanlı pedagojimizle bilgi birikiminizi 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 aşağıdaki 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 uzmanlarla ve 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 | 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 dil çevirileri 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 imlerine ekleyin ve içeriği aylık olarak değiştirdiğimiz için zaman zaman kontrol edin.

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

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, bu mod yalnızca metin oluşturmakla kalmaz, aynı zamanda dosyalar oluşturabilir ve düzenleyebilir, komutlar çalıştırabilir ve daha fazlasını yapabilir.

📣 Duyuru - Yeni Proje: Üretken Yapay Zeka ile İnşa Edin

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

📣 Duyuru - Yeni Müfredat JavaScript için Üretken Yapay Zeka müfredatı yayınlandı

Yeni Üretken Yapay Zeka 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şimde bulunun.
• Eğlenceli ve ilgi çekici bir anlatım, zamanda yolculuk yapacaksınız!

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

• İstek oluşturma ve istek mühendisliği
• Metin ve görüntü uygulaması 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 kullanabileceğinizle ilgili bazı öneriler ekledik. Geri bildirimlerinizi tartışma forumumuzda paylaşmanızı çok isteriz!

Öğrenciler, her ders için bir ön ders testiyle başlayın ve ders materyalini okuyarak, çeşitli etkinlikleri tamamlayarak ve ders sonrası testiyle anlayışınızı 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 edilir, burada moderatör ekibimiz sorularınızı yanıtlamak için hazır olacaktır.

Eğitiminizi ilerletmek için Microsoft Learn adresindeki 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ı Codespace (tarayıcı tabanlı, kurulum gerektirmeyen bir ortam) veya bilgisayarınızda yerel olarak Visual Studio Code gibi bir metin editörü kullanarak çalıştırmayı seçebilirsiniz.

Depo Oluşturun

Çalışmanızı kolayca kaydedebilmeniz için bu depodan 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.

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 editörüne, 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 size en uygun olanı seçmenize yardımcı olacak çeşitli seçenekleri gösterecektir.

Önerimiz, Visual Studio Code kullanmanızdır, bu editör 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ıklayarak ve URL'yi kopyalayarak yapabilirsiniz:

   CodeSpace

   Ardından, Visual Studio Code içindeki Terminal uygulamasını açın ve az önce kopyaladığınız URL'yi <your-repository-url> ile 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, 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 yazma hızınızı artırmak için

📂 Her ders şunları içerir:

• isteğe bağlı çizim notu
• 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, toplamda 48 test ve her biri üç sorudan oluşur. Testler burada mevcuttur. Test uygulaması yerel olarak çalıştırılabilir veya Azure'a dağıtılabilir; quiz-app klasöründeki talimatları takip edin.

🗃️ Dersler

	Proje Adı	Öğretilen Kavramlar	Öğrenme Hedefleri	Bağlantılı Ders	Yazar
01	Başlangıç	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şlangıç	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şlangıç	Erişilebilirlik	Web erişilebilirliğinin temellerini öğrenin	Erişilebilirlik Temelleri	Christopher
04	JS Temelleri	JavaScript Veri Türleri	JavaScript veri türlerinin temellerini öğrenin	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	Çevrimiçi bir teraryum oluşturmak için HTML yapısını oluşturun, düzen oluşturmaya odaklanın	HTML'e Giriş	Jen
09	Terrarium	CSS Uygulamada	Çevrimiçi teraryumu stilize etmek için CSS oluşturun, CSS'in temellerine ve sayfayı duyarlı hale getirmeye odaklanın	CSS'e Giriş	Jen
10	Terrarium	JavaScript Kapanışlar, DOM Manipülasyonu	Teraryumu sürükle/bırak arayüzü olarak çalıştırmak için JavaScript oluşturun, kapanışlara ve DOM manipülasyonuna 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ı Uzantısı	Tarayıcılarla Çalışma	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ı	Bir form oluşturma, bir API çağırma ve değişkenleri yerel depolamada 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ının 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 oluşturma hazırlığında Sınıflar ve Kompozisyon kullanarak Kalıtım ve Yayın/Abonelik modelini öğrenin	Gelişmiş Oyun Geliştirmeye Giriş	Chris
16	Uzay Oyunu	Tuval Üzerine Çizim	Ekrana öğeler çizmek için kullanılan Canvas API'sini öğrenin	Tuval Üzerine Çizim	Chris
17	Uzay Oyunu	Öğeleri ekran üzerinde hareket ettirme	Öğelerin Kartezyen koordinatları ve Canvas API'si kullanılarak nasıl hareket edebileceğini keşfedin	Öğeleri Ekranda Hareket Ettirme	Chris
18	Uzay Oyunu	Çarpışma Algılama	Öğelerin birbirleriyle çarpışmasını ve tepki vermesini sağlayın, tuş vuruşlarını kullanarak performansı artırmak için bir soğuma fonksiyonu ekleyin	Çarpışma Algılama	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	Bitirme Koşulu	Chris
21	Bankacılık Uygulaması	Bir Web Uygulamasında HTML Şablonları ve Yönlendirmeler	Yönlendirme ve HTML şablonları kullanarak çok sayfalı bir web sitesinin mimarisini nasıl oluşturacağınızı öğrenin	HTML Şablonları ve Yönlendirmeler	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ı	Verileri Alma ve Kullanma Yöntemleri	Verilerin uygulamanıza nasıl girip çıktığını, nasıl alınacağını, saklanacağını ve işleneceğini öğrenin	Veriler	Yohan
24	Bankacılık Uygulaması	Durum Yönetimi Kavramları	Uygulamanızın durumunu nasıl koruduğunu ve bunu programlı olarak 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 dayalı olarak 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, yazma oyunu, sanal teraryum, çevre dostu tarayıcı uzantısı, uzay istilacı 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 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.

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ı veya 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ştirici olarak ihtiyaç duyulan temel becerilere odaklandık. Bu müfredatı tamamladıktan sonra iyi bir sonraki adım, başka bir video koleksiyonu aracılığıyla Node.js hakkında bilgi edinmek olacaktır: "Node.js'e Başlangıç Serisi".

Davranış Kuralları ve Katkı Sağlama yönergelerimizi ziyaret edin. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz!

🧭 Çevrimdışı erişim

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

📘 PDF

Tüm derslerin PDF'sini burada bulabilirsiniz.

🎒 Diğer Kurslar

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

Azure / Edge / MCP / Agents

---

Üretken Yapay Zeka Serisi

---

Temel Eğitim

---

Copilot Serisi

Yardım Alma

Eğer takılırsanız veya yapay zeka uygulamaları oluşturma konusunda sorularınız olursa, katılın:

Eğer ürünle ilgili geri bildirimde bulunmak veya hata bildirmek isterseniz, ziyaret edin:

Lisans

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

---

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ış yorumlamalar için sorumluluk kabul etmiyoruz.