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 konularına odaklanır. Quizler, tartışmalar ve pratik ödevlerle öğreniminizi pekiştirin. Proje tabanlı pedagojimizle becerilerinizi geliştirin ve bilgilerinizi optimize edin. Kodlama yolculuğunuza bugün başlayın!

🧑‍🎓 Öğ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ı sık kullanılanlara ekleyin ve aylık olarak değişen içerikleri kontrol etmek için zaman zaman ziyaret edin.

📣 Duyuru - Yeni Müfredat JavaScript için Üretken Yapay Zeka

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'a kadar her şeyi kapsayan dersler.
• GenAI ve yardımcı uygulamamızla tarihi karakterlerle etkileşim kurun.
• Eğlenceli ve ilgi çekici bir anlatım, zamanda yolculuk yapacaksınız!

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

• İstek oluşturma ve istek mühendisliği
• Metin ve görsel uygulama oluşturma
• Arama uygulamaları

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

🌱 Başlarken

Eğitmenler, bu müfredatı nasıl kullanabileceğinize dair bazı öneriler ekledik. Geri bildirimlerinizi tartışma forumumuzda paylaşmanızı çok isteriz!

Öğrenciler, her ders için bir ön ders quizine başlayın ve ardından ders materyalini okuyarak, çeşitli etkinlikleri tamamlayarak ve son ders quizini yaparak devam edin.

Öğrenim 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 ve moderatör ekibimiz sorularınızı yanıtlamak için hazır olacaktır.

Eğitiminizi ilerletmek için Microsoft Learn platformunu keşfetmenizi şiddetle tavsiye ederiz.

📋 Ortamınızı Kurma

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

Depo Oluşturma

Ç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ı takip edin:

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 depo 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çlara Giriş, bu araçların her biri için çeşitli seçenekleri incelemenize yardımcı olacaktır.

Ö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:

   

   Ardından, Visual Studio Code içindeki Terminal aracı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. 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:

• Live Server - HTML sayfalarını Visual Studio Code içinde önizlemek için
• Copilot - kod yazma hızınızı artırmak için

📂 Her Ders Şunları İçerir:

• isteğe bağlı çizim notları
• isteğe bağlı ek video
• ders öncesi ısınma quizleri
• yazılı ders materyali
• 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ı quiz

Quizler hakkında bir not: Tüm quizler Quiz-app klasöründe yer alır, toplamda 48 quiz ve her biri üç sorudan oluşur. Quizler derslerin içinden bağlantılıdır ve quiz uygulaması yerel olarak çalıştırılabilir veya Azure'a dağıtılabilir; quiz-app klasöründeki talimatları takip edin. Quizler kademeli olarak yerelleştirilmektedir.

🗃️ Dersler

	Proje Adı	Öğretilen Kavramlar	Öğrenim Hedefleri	Bağlantılı Ders	Yazar
01	Başlarken	Programlama ve Araçlara Giriş	Çoğu programlama dilinin temel yapı taşlarını ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılımları öğrenin	Programlama Dillerine ve Araçlara Giriş	Jasmine
02	Başlarken	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şlarken	Erişilebilirlik	Web erişilebilirliğinin temellerini öğrenin	Erişilebilirlik Temelleri	Christopher
04	JS Temelleri	JavaScript Veri Türleri	JavaScript veri türlerinin temelleri	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 veriyle çalışın	Diziler ve Döngüler	Jasmine
08	Teraryum	HTML Uygulamada	Bir çevrimiçi teraryum oluşturmak için HTML'i oluşturun, bir düzen oluşturma üzerine odaklanın	HTML'ye Giriş	Jen
09	Teraryum	CSS Uygulamada	Çevrimiçi teraryumu stilize etmek için CSS'i oluşturun, CSS'in temellerine ve sayfayı duyarlı hale getirmeye odaklanın	CSS'ye Giriş	Jen
10	Teraryum	JavaScript Kapanışlar, DOM manipülasyonu	Teraryumun bir sürükle/bırak arayüzü olarak çalışmasını sağlamak için JavaScript'i oluşturun, kapanışlar ve DOM manipülasyonu üzerine 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	Green Browser Extension	Tarayıcılarla Çalışmak	Tarayıcıların nasıl çalıştığını, tarihini ve bir tarayıcı uzantısının ilk öğelerini nasıl oluşturacağınızı öğrenin	Tarayıcılar Hakkında	Jen
13	Green Browser Extension	Form oluşturma, bir API çağırma ve değişkenleri yerel depolamada saklama	Tarayıcı uzantınızın JavaScript öğelerini, yerel depolamada saklanan değişkenleri kullanarak bir API çağırmak için oluşturun	API'ler, Formlar ve Yerel Depolama	Jen
14	Green Browser Extension	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 kullanın; web performansı ve bazı optimizasyonları öğrenin	Arka Plan Görevleri ve Performans	Jen
15	Space Game	JavaScript ile Daha İleri Düzey Oyun Geliştirme	Bir oyun oluşturma hazırlığı olarak, hem Sınıflar hem de Kompozisyon kullanarak Kalıtımı ve Pub/Sub modelini öğrenin	İleri Düzey 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	Ekranda Öğeleri Hareket Ettirme	Öğelerin Kartezyen koordinatları ve Canvas API'sini kullanarak nasıl hareket kazanabileceğini keşfedin	Öğeleri Hareket Ettirme	Chris
18	Space Game	Çarpışma Algılama	Öğelerin birbirleriyle çarpışmasını ve tepki vermesini sağlayın; performansı artırmak için bir soğuma fonksiyonu ekleyin	Çarpışma Algılama	Chris
19	Space Game	Puan Tutma	Oyunun durumu ve performansına dayalı matematiksel hesaplamalar yapın	Puan Tutma	Chris
20	Space Game	Oyunu Bitirme ve Yeniden Başlatma	Varlıkları temizleme ve değişken değerlerini sıfırlama dahil olmak üzere oyunu bitirme ve yeniden başlatmayı öğrenin	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 oluşturmayı öğrenin	HTML Şablonları ve Yönlendirme	Yohan
22	Banking App	Giriş ve Kayıt Formu Oluşturma	Formlar oluşturmayı ve doğrulama rutinlerini yönetmeyi öğrenin	Formlar	Yohan
23	Banking App	Veri 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	Veri	Yohan
24	Banking App	Durum Yönetimi Kavramları	Uygulamanızın durumu nasıl koruduğunu ve bunu programlı bir şekilde nasıl yöneteceğinizi öğrenin	Durum Yönetimi	Yohan

🏫 Pedagoji

Müfredatımız iki temel pedagojik ilkeye dayalı olarak tasarlanmıştır:

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

Program, JavaScript, HTML ve CSS'in temellerini, ayrıca günümüz web geliştiricileri tarafından kullanılan en son araç ve teknikleri öğretir. Öğrenciler, bir yazma oyunu, sanal teraryum, çevre dostu bir tarayıcı uzantısı, uzay istilacıları tarzında bir 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 üzerinde bir Öğrenme Yolu olarak alabilirsiniz!

İçeriğin projelerle uyumlu hale getirilmesi, süreci öğrenciler için daha ilgi çekici hale getirir ve kavramların kalıcılığını artırı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.

Buna ek olarak, bir sınıftan önce yapılan düşük riskli bir sınav, öğrencinin bir konuyu öğrenmeye yönelik niyetini belirlerken, sınıf sonrası yapılan ikinci bir sınav, kavramların daha fazla kalıcılığını 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ştiricisi olarak ihtiyaç duyulan temel becerilere odaklandık. Bu müfredatı tamamladıktan sonra iyi bir sonraki adım, başka bir video koleksiyonu olan "Node.js'e Başlangıç Serisi" hakkında bilgi edinmek olacaktır.

Davranış Kuralları ve Katkı Sağlama yönergelerimize göz atın. Yapıcı geri bildirimlerinizi memnuniyetle karşılıyoruz!

🧭 Çevrimdışı erişim

Bu dokümantasyonu Docsify kullanarak çevrimdışı çalıştırabilirsiniz. Bu repoyu fork'layın, Docsify'i yükleyin ve ardından bu reponun kök klasöründe docsify serve komutunu yazın. Web sitesi, localhost'unuzda 3000 portunda sunulacaktır: localhost:3000.

📘 PDF

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

🎒 Diğer Kurslar

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

• Yeni Başlayanlar için Üretken Yapay Zeka
• Yeni Başlayanlar için Üretken Yapay Zeka .NET
• JavaScript ile Üretken Yapay Zeka
• Java ile Üretken Yapay Zeka
• Yeni Başlayanlar için Yapay Zeka
• Yeni Başlayanlar için Veri Bilimi
• Yeni Başlayanlar için Makine Öğrenimi
• Yeni Başlayanlar için Siber Güvenlik
• Yeni Başlayanlar için Web Geliştirme
• Yeni Başlayanlar için IoT
• Yeni Başlayanlar için XR Geliştirme
• GitHub Copilot'u Etkili Kullanma
• C#/.NET Geliştiricileri için GitHub Copilot'u Etkili Kullanma
• Kendi Copilot Maceranı Seç

Lisans

Bu depo MIT lisansı altında lisanslanmıştır. Daha fazla bilgi için LİSANS 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ı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.