MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Bu sayfadaki linkler çeşitli örnekler ve dersleri içeren öğrenme materyallerini içerir. İster başlangıç isterse ileri düzeyde olun, burada çok faydalı uygulama ve örnekleri bulacaksınız. Bu çalışma ileri düzey web Programlayıcılar kullanıcılar çeviri yapanların katkılarıyla açık kullanımda olan bir lisansla yani anonim olarak sizlere sunulmuştur

HTML ÖRNEKLERİ

Giriş Düzeyi

HTML Giriş
HTML nedir? Ne yapabilir, kısa bir hikaye ve bir HTML dökümanının girişi neye benzer. Makalenin  her kısmında bunu daha derinlemesine gözlemleyeceksiniz.
Bir Web Sayfasının Temel Yapısı (SitePoint)
HTML elemanlarının herbirinin birlikte nasıl büyük bir resmi oluşturduğunu  öğren.
MDN HTML Eleman Referansı
Kapsamlı bir HTML elemanlarının referansı ve farklı tarayıcıların bunu nasıl desteklediği
HTML Yenilikler  (Wikiversity)
Bu yenilikleri kullanarak HTML becerinizi geliştirin (örneğin, "<h2> elemanını yada  <strong> elamanını nasıl kullanacağım? "), derken çok anlamlı noktalara odaklanın
CodeAvengers (KodAvcıları) (CodeAvengers.com)
Code Avengers eğlencelidir. HTML, CSS ve JavaScript ile Web uygulamaları ve oyun programlamanın çok etkili bir yoludur.

İleri Düzey

HTML Sayfasının Hızlı Yüklenmesini Sağlamak Hakkında İpuçları
Web sayfalarının oldukça esnek kullanıcıyı web serverini ve internet bağlantısını yormayan şekilde optimize edilmesi.
 
HTML5 Örnekleri (HTML5 Yapıtaşları)
HTML5 deki yeniliklerinin ne kadar kullanışlı olduğuna yönelik Rehberlik turuna katılın
HTML5 Kod Sistematiği (A List Apart)
Başlangıç ve bitişteki kodlamalardaki anlamsal içeriği öğrenin
Canvas Örnekleri
Cancas elemanları ve scriplerle nasıl grafik çizebileceğinizi öğrenin.
HTML5 Doktor
HTML5 in doğru kullanımı hakkında makaleler bulundurur.
THTML5   Audio (Ses)  Elemanındaki Kolaylık (Özel)
Web sayfalarınıza ses dosyalarını kolayc anasıl dahil edebileceğinizi öğrenenin Birçok kodlama örnekleri dersler içinde mevcuttur.

Javascript Dersleri

Giriş Düzeyi

Codecademy (Codecademy)
Codecademy javascript kodlama ve öğrenmenin en kolay platformudur. Online öğrenilebilir ve arkadaşlarınızla beraber kodlama yapma imkanı sunar.
JavaScripte Başlarken
JavaScript nedir ve size nasıl yardımcı olabilir?
JavaScriptin en iyi pratikleri (WebPlatform.org)
Javascript kodlarken açıklarınızı yanlış ve hatalarınızı öğrenebileceğiniz pratik örnekler mevcuttur.
CodeAvengers (CodeAvengers.com)
Yukarda bahsetmiştik yine bu platform javascript öğrenmede de etkili bir paylaşım alanıdır.
CodeCombat (codecombat.com)
CodeCombat size oyun programlamada JavaScripti nasıl kullanacağınızı öğreten açık kaynak kodlu bir platformdur.

Orta Düzey

Tekrardan Javascripte Bir Değiniş
JavaScript programlamayı orta düzey geliştirici olarak kavrayabilmeniz amacını güden açılış kısmı
Seçkin JavaScript
Orta ve ileri  düzey JavaScript Progranlama Rehberidir.
Essential JavaScript Design Patterns (Addy Osmani)
Başlıca JavaScript modelleri kurgulamaya giriş
JavaScript Programlama Dili (YUI Blog)
Bugünkü halini ve ilerde nasıl şekilleneceğini Douglas Crockford tasarlamıştır
Nesne Tabanlı JavaScript Programlamaya Giriş
Javascript nesne modellemesini öğren.

İleri Düzey

JavaScript Guide
her düzey öğrenmeye uygun başlangıçtan ileri düzeye kadar kapsamlı olarak düzenli güncellenen JavaScript rehberi.
İleri düzey JavaScript Öğrenme (John Resig)
İleri düzey JavaScript hakkında John Resig' ın hazırladığı bir rehber
JavaScript DOM Programlamaya Giriş (Özel)
DOM(Document Object Model)  nedir ve nasıl kullanılır? Bu makale kısa bir girişle JavaScriptin bu güçlü özelliğini açıklar.
API Hassaiyeti:  DOM Teorisi (YUI Blog)
 Document Object Modellemeyi Douglas Crockford örneklerle açıklar..
İleri Düzey JavaScript (YUI Blog)
Douglas Crockford programcılardan hangisinin kolamayı tamamladığını ve diğer uygulamaları yazmaya başlayabileceğini belirler.
JavaScript Bahçesi
İlginç bölümlerin olduğu bir JavaScript dökümantyasyonu.
Hangi JavaScript FrameWork (Yapı-İskelet) Kullanalım? (StackOverflow)
Size uygunbir JavaScritp Frameworkunu önerir.
JavaScript Downloadsların Engellenmemesi (YUI Blog)
JavaScript kodları içeren sayfaların yüklenmesi esnasındaki performansı inceler.
Javascipt Şablonları
fonksiyon şablonları,jQuery şablonları, jQuery eklenti şablonları, dizayn şablonları, genel şablonlar, sabit ve etkin şablonlar, Nesne oluşturma şablonları, yeniden kodlama şablonları ve DOM şablonlarını içeren şablon kolleksiyonudur.

CSS Desrleri

Giriş düzeyi

CSS ye başlarken
Bu dersler CSS (Cascading Style Sheets) bir tanıtımıdır . Rehberde basit materyallerle pratik örneklerle CSS' yi kendi bilgisayarınızda nasıl tasarlayacağınıza değinilir.
CSS Sınıf (Class) Seçiciler (Wikiversity)
Css Classlar Nedir?
Dışardan Bağlantı Veilen CSS (Wikiversity)
CSS'nin dışardan dosya uzantısı verilerek kodlamaya nasıl dahil edileceğini anlatır.
CSS'ye Bir Değiniş  (W3C)
Web sayfalarını CSS ile kodlamayı açıklayan kısa bir rehber.
CSS İle İlgili Genel Sorular
Yeni başlayanlar için birçok soru ve cevaplar.
CodeAvengers (CodeAvengers.com)
Code Avengers bir eğlencelidir, HTML, CSS, ve JavaScript.kullanarak web uygulamaları ve oyun programlamanın etkili bir yoludur.
CSS Seçiciler (TechStream.org)
Oldukça güzel ve ayrıntılı olarak css seçicicilere bir bakış.

Orta Düzey

CSS Referansı
Firefox ve diğer tarayıcıların desteklediği kapsamlı CSS referanslarıdır
CSS Tartışmaları (Wikiversity)
CSS becerilerinizi geliştirip nasıl daha çok pratiğe ihtiyaç duyduğunuzu anlayın.
Ortadüzey CSS Kavramları (HTML.net)
Guruplama ve sınıf kullanımı ve dahası,
CSS Positioning 101 (Ayrı Bir Liste)
Tablolar ve Şemalarda standart uyum için konumlandırmanın kullanılması
CSS ile ileri düzeylere taşıma (Ayrı Bir Liste)
Web sayfanızı CSS kodlamayla daha iyi seviyelere getirme
Izgara şekli Modelleme  (Ayrı Bir Liste)
Izgara modellemeyle sayfanızın boyutununh değişmesi halinde esnek şekilde çalışabilmesini sağlamak

İleri Düzey

CSS Şekil Değiştiriciler (Transform) 
Sayfa içi elemanların dönme, büyüme, genişleme ve yerdeğişimini CSS ile nasıl sağlanacağını anlatır.
CSS Geçiş Efektleri (Transition) 
CSS Geçiş efekleri bir diğer değişle animasyon CSS3 özelliklerini içeren bir bölümdür. CSS özelliklerindeki animasyon kurgusunu efeklerle nasıl daha etkili kullanacağınızı anlatır.
@font-face komutuyla Web Yazı Tiplerinin Kullanılması Hakkında Basit Bir Rehber (HTML5 Rocks)
 @font-face size CSS3' ün sağladığı varsayılan yazı tiplerinin kullanımına ulaşılması, değiştirilmesi ve büyültülüp küçüktülebilmesini sağlar.
CSS Yazmaya Başlama (David Walsh)
Özlü bir şekilde size CSS kodlamayı ve geliştirmeyi anlatır.

 

Document Tags and Contributors

 Contributors to this page: saidkocdemir, askn
 Last updated by: saidkocdemir,