Web-Dev-For-Beginners/translations/tr

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

Microsoft Cloud Advocates tarafından sunulan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, terraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projeler aracılığıyla JavaScript, CSS ve HTML konularına derinlemesine dalıyor. Quizlere, tartışmalara ve pratik ödevlere katılın. Yeteneklerinizi geliştirin ve etkili proje tabanlı pedagojimizle bilgi tutma becerinizi optimize edin. Kodlama yolculuğunuza bugün başlayın!

Azure AI Foundry Discord'a katılın ve uzmanlar ile diğer geliştiricilerle tanışı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 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 | Khmer | 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, indirme boyutunu önemli ölçüde artıran 50'den fazla dil çevirisini içerir. Çeviri olmadan klonlamak için sparse checkout kullanın:

Bash / macOS / Linux:

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'

CMD (Windows):

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 ihtiyacınız olan her şeyi çok daha hızlı bir indirme ile sağlar.

Ek çeviriler isterseniz, desteklenen diller burada listelenmiştir. here


🧑‍🎓 Öğrenci misiniz?

Yeni başlayan kaynakları, Öğrenci paketlerini ve hatta ücretsiz sertifika kuponu almanın yollarını bulabileceğiniz Öğrenci Merkezi sayfasını ziyaret edin. Bu sayfayı yer imlerinize eklemenizi ve içeriği aylık olarak yenilediğimiz için zaman zaman kontrol etmenizi öneririz.

📣 Duyuru - Yeni GitHub Copilot Agent modlu tamamlanacak zorluklar!

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

📣 Duyuru - Generative AI kullanarak yeni proje

Yeni AI Asistan projesi eklendi, buradan inceleyin project

📣 Duyuru - Generative AI için yeni Müfredat JavaScript

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

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

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

Her ders tamamlamanız için bir ödev, bir bilgi kontrolü ve şu konuları öğrenirken size rehberlik edecek bir zorluk içerir:

• Prompt oluşturma ve prompt mühendisliği
• Metin ve görsel uygulama üretimi
• 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ı önerileri dahil ettik. Geri bildirimlerinizi tartışma forumumuzda bekliyoruz!

Öğrenciler, her ders için önce ön ders quizine başlayın, ardından ders materyalini okuyup çeşitli aktiviteleri tamamlayın ve ders sonrası quizle anlama seviyenizi kontrol edin.

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

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

📋 Ortamınızı Kurma

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

Depo oluşturun

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

Şu adımları izleyin:

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ı bir Codespace içinde çalıştırmak

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

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

Bu müfredatı yerel bilgisayarınızda çalıştırmak için bir metin editörü, bir tarayıcı ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz, Programlama Dillerine ve Ticaret Araçlarına Giriş, size her bir araç için çeşitli seçenekleri tanıtacak ve sizin için en iyisini seçmenize yardımcı olacak.

Önerimiz, editör olarak entegre bir Terminal de sunan Visual Studio Code kullanmanızdır. Visual Studio Code'u buradan indirebilirsiniz.

1. Depo'nuzu bilgisayarınıza klonlayın. Bunu yapmak için Code butonuna tıklayıp URL'yi kopyalayabilirsiniz:

   CodeSpace

   Ardından, Visual Studio Code içinde Terminal açın ve şu komutu, <your-repository-url> kısmını az önce kopyaladığınız URL ile değiştirerek çalıştırın:

   git clone <your-repository-url>
   

2. Klasörü Visual Studio Code'da açın. Bunu yapmak için File > Open Folder seçeneğine tıklayıp az önce klonladığınız klasörü seçin.

Önerilen Visual Studio Code eklentileri:

• Live Server - HTML sayfalarını Visual Studio Code içinde önizlemek için
• Copilot - kod yazmanızı hızlandırmak için yardımcı

📂 Her ders şunları içerir:

• isteğe bağlı sketchnote (not alma görseli)
• isteğe bağlı destekleyici video
• derse hazırlık testi
• yazılı ders
• proje tabanlı derslerde, projeyi adım adım oluşturma rehberleri
• bilgi kontrolü
• bir meydan okuma
• destekleyici okumalar
• ödev
• ders sonrası quiz

Quizler hakkında bir not: Tüm quizler Quiz-app klasöründe yer almakta olup, toplam 48 tane, her biri üç sorudan oluşur. Buradan erişilebilir. Quiz uygulaması yerelde çalıştırılabilir veya Azure üzerine dağıtılabilir; quiz-app klasöründeki talimatları izleyin.

🗃️ Dersler

	Proje Adı	Öğretilen Kavramlar	Öğrenme Hedefleri	İlgili Ders	Yazar
01	Başlarken	Programlamaya ve Araçlara Giriş	Çoğu programlama dilinin temelini öğrenmek ve profesyonel geliştiricilere yardımcı olan yazılımlar hakkında bilgi edinmek	Programlama Dilleri ve Araçlarına Giriş	Jasmine
02	Başlarken	GitHub Temelleri, ekip ile çalışma	Projede GitHub nasıl kullanılır, kod tabanında başkalarıyla nasıl iş birliği yapılır	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 Metodlar	Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metodlar hakkında bilgi edinmek	Fonksiyonlar ve Metodlar	Jasmine ve Christopher
06	JS Temelleri	JS ile Karar Verme	Kodunuzda karar verme yöntemleri kullanarak koşullar oluşturmayı öğrenmek	Karar Verme	Jasmine
07	JS Temelleri	Diziler ve Döngüler	JavaScript'te diziler ve döngülerle veri üzerinde çalışma	Diziler ve Döngüler	Jasmine
08	Terrarium	HTML Uygulaması	Çevrimiçi bir teraryum oluşturmak için HTML oluşturma; düzen yapmaya odaklanma	HTML Tanıtımı	Jen
09	Terrarium	CSS Uygulaması	Çevrimiçi teraryumu stilize etmek için CSS oluşturma; temel CSS ve sayfanın duyarlı olmasına odaklanma	CSS Tanıtımı	Jen
10	Terrarium	JavaScript Kapanışları, DOM manipülasyonu	Teraryumun sürükle-bırak arayüzü oluşturmak için JavaScript yazma; kapanışlar ve DOM manipülasyonuna odaklanma	JavaScript Kapanışları, DOM manipülasyonu	Jen
11	Yazma Oyunu	Yazma Oyunu Geliştirme	Klavye olaylarını kullanarak JavaScript uygulamanızın mantığını sürdürmeyi öğ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 öğrenmek ve bir tarayıcı eklentisi ilk öğelerini oluşturmak	Tarayıcılar Hakkında	Jen
13	Yeşil Tarayıcı Eklentisi	Form oluşturma, API çağrısı ve yerel depolamada değişkenler	Tarayıcı eklentinizde API çağırmak için JavaScript ile yerel depolamada değişken kullanımı	API'ler, Formlar ve Yerel Depolama	Jen
14	Yeşil Tarayıcı Eklentisi	Tarayıcıda arka plan işlemleri, web performansı	Eklentinin simgesi için tarayıcı arka plan işlemlerini 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, Sınıflar ve Kompozisyon ile Pub/Sub desenini öğrenmek; oyun oluşturma hazırlığı	İleri Seviye Oyun Geliştirmeye Giriş	Chris
16	Uzay Oyunu	Canvas ile Çizim	Ekrana çizim yapmak için kullanılan Canvas API'si hakkında bilgi edinmek	Canvas üzerine çizim	Chris
17	Uzay Oyunu	Ekranda öğeleri hareket ettirme	Katı merkezli koordinatlar ve Canvas API kullanarak öğeleri hareket ettirmeyi keşfetme	Öğeleri hareket ettirme	Chris
18	Uzay Oyunu	Çarpışma tespiti	Öğelerin birbirine çarpmasını ve tepki vermesini sağlama; performans için bir bekleme fonksiyonu ekleme	Çarpışma Tespiti	Chris
19	Uzay Oyunu	Skor Tutma	Oyunun durumu ve performansına göre matematiksel hesaplamalar yapmak	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 edinmek	Bitiş Koşulu	Chris
21	Banka Uygulaması	Web Uygulamasında HTML Şablonları ve Yönlendirmeler	Çok sayfalı bir web sitesinin iskeletini oluşturmayı, yönlendirme ve HTML şablonları kullanmayı öğrenmek	HTML Şablonları ve Yönlendirme	Yohan
22	Banka Uygulaması	Giriş ve Kayıt Formu Oluşturma	Form oluşturma ve doğrulama işlemleri hakkında bilgi edinmek	Formlar	Yohan
23	Banka Uygulaması	Veri Alma ve Kullanma Yöntemleri	Uygulamanıza veri akışı, veriyi alma, saklama ve atma hakkında bilgi edinmek	Veri	Yohan
24	Banka Uygulaması	Durum Yönetimi Kavramları	Uygulamanızın durumu nasıl tuttuğunu ve programatik olarak nasıl yönetildiğini öğrenmek	Durum Yönetimi	Yohan
25	Tarayıcı / VScode Kodu	VScode ile Çalışma	Bir kod editörü kullanmayı öğrenin	VScode Kodu Editörü Kullanımı	Chris
26	AI Asistanları	AI ile Çalışma	Kendi AI asistanınızı nasıl oluşturacağınızı öğrenin	AI Asistan Projesi	Chris

🏫 Eğitim Yaklaşımı

Müfredatımız, iki temel pedagojik ilke üzerine tasarlanmıştır:

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

Program, JavaScript, HTML ve CSS temellerinin yanı sıra çağdaş web geliştiricilerinin kullandığı en yeni araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal teraryum, çevre dostu tarayıcı eklentisi, uzay istilacı tarzı oyun ve işletmeler için banka uygulaması geliştirme gibi pratik deneyim kazanma fırsatı bulacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip olacaklar.

🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn üzerinde bir Öğrenme Yolu olarak alabilirsiniz!

İçeriğin projelerle uyumlu olması, öğrencilerin sürece daha fazla dahil olmasını sağlar ve kavramların kalıcılığı artırılır. Ayrıca kavramları tanıtmak için JavaScript temellerinde birkaç başlangıç dersi yazdık ve video tutorial koleksiyonu "Beginners Series to: JavaScript" ile eşleştirdik; bazı yazarları bu müfredata katkıda bulunmuştur.

Ek olarak, sınıftan önce düşük riskli bir quiz öğrencinin konuyu öğrenmeye niyetini belirlerken, sınıftan sonra ikinci quiz kavramların daha iyi pekişmesini sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamen veya kısmen alınabilir. Projeler küçük başlar ve 12 haftalık döngü sonunda giderek karmaşık hale gelir.

JavaScript frameworkleri tanıtmayı bilinçli olarak erteledik çünkü temel web geliştirici becerilerini edinmek framework kullanmadan önce önemlidir. Bu müfredatı tamamlamak için iyi bir sonraki adım, "Beginner Series to: Node.js" video koleksiyonu ile Node.js öğrenmek olacaktır.

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

🧭 Çevrimdışı erişim

Bu dökümantasyonu çevrimdışı kullanmak için Docsify kullanabilirsiniz. Bu repoyu çatallayın, yerel makinenize Docsify yükleyin ve ardından bu repodaki ana klasörde docsify serve komutunu yazın. Site localhost üzerinde 3000 portundan erişilebilir olacaktır: localhost:3000.

📘 PDF

Tüm derslerin PDF'sine buradan ulaşılabilir.

🎒 Diğer Kurslar

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

LangChain

Azure / Edge / MCP / Agents

---

Generative AI Serisi

---

Temel Öğrenme

---

Copilot Serisi

Yardım Alma

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

Ürün geri bildiriminiz veya oluşan hatalar için lütfen 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ık içerebileceğini lütfen unutmayın. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi tavsiye edilir. Bu çevirinin kullanımı sonucu ortaya çıkabilecek yanlış anlamalar veya hatalı yorumlamalar için sorumluluk kabul edilmemektedir.