Tutorials

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.