Kapsamlı ve Hızlı Şekilde HTML Öğren!

HTML (Hypertext Markup Language), dünyanın en yaygın kod türlerinden biridir. Oluşturulan herhangi bir web sayfasında öyle ya da böyle kullanılmıştır. Web tasarımcıların yazıları, resimleri, videoları ve diğer içerikleri açık ve rahat bir şekilde sergilemesini sağlar. Böyle bir dil doğal olarak pek çok yeni başlayanın öğrenmek istediği dil oluyor ancak “HTML Öğren” diye Google’da arattığınızda en iyi yolun hangisi olduğunu bulmak zor.

Front-end web geliştiricisi olmak istiyorsanız HTML öğrenmek zorundasınız. Neyse ki internette HTML öğren diye arattığınızda size temel bilgileri öğretecek yüzlerce site var. Ancak bu sitelerin hepsi “hızlı ve en iyi şekilde HTML öğren” diye reklam yapsa bile çoğu size dilin en güncel sürümünü öğretmiyor. Bilmeniz gereken her şeyi de anlatmayabiliyorlar.

Sizin için hazırlanan bu basit HTML rehberinde HTML diline bir ön bakış yapılacak. HTML nedir, HTML nasıl öğrenilir ve nasıl kullanılır sorularına cevap verilecek. HTML’i neden ciddiye almanız gerektiği ele alınacak, “HTML nasıl öğrenilir?” sorusuna cevap olacak en iyi yollardan ve diğer kaynaklardan bahsedilecek.

Hazırsanız ilk ele alacağınız soru şu; HTML nedir ve neden öğrenmelisiniz?

HTML Nedir ve Neden Öğrenilmeli?

Az önce belirtildiği üzere HTML oldukça yaygın bir kodlama dili. Aslında front-end geliştiriciler tarafından web içeriğinin göze hitap edecek ve okunabilecek bir şekilde sunulması için kullanılıyor. Front-end geliştirici olmak istiyorsanız bu dili mutlaka öğrenmelisiniz.

HTML Etiketler Kullanır

HTML dilinin ana özelliklerinden biri metin ve diğer görsel öğeler için etiketler kullanması. Bazı etiketler şöyle:

  • paragraf etiketleridir. Web tarayıcınıza bu etiketler arasında bulunan her şeyin bir paragrafa ait olduğunu söyler.
  • web tarayıcınıza sayfanın başlığının ne olduğunu söyler.
  • doğrudan sayfanıza video eklemenize olanak tanır.

Fark ettiğiniz üzere HTML etiketleri açık ve evrensel bazı özelliklere sahiptir:

  • Çoğu HTML etiketi bir açılış etiketiyle (<>) başlar ve kapanış etiketiyle (</>) biter. Ancak sadece birkaçının açılış etiketi olur.
  • Çoğu zaman etiketlerle tanımlanmak istenen içerik açılış ve kapanış etiketinin arasında yer alır. Bazen açılış etiketinin içerisine bazı şeyler eklenir.

HTML ve CSS

Kendi başına kullanılabilse de HTML tek başına nadiren kullanılır. Çoğu zaman HTML genel sayfa düzeni ve web sayfasının görünüşü için kullanılır. İçeriğin biçimlendirilmesi için CSS kullanılır.

Bunun ana sebebi HTML’in yapabileceklerinin sınırlı olmasıdır. HTML kullanırken metin biçimlendirmek ve resim özellikleri sınırlıdır. Eklemek istediğiniz metni tanımlayabilirsiniz, tablo ve listeler yapabilirsiniz, resim ve video gibi şeyler yerleştirebilirsiniz. Ancak yazı tipi, yazı rengi ve öğelerin sayfadaki konumları gibi şeyleri değiştirmek zordur.

Bu yüzden konu “HTML öğren” olduğunda CSS’in de birlikte öğrenilmesi tavsiye edilir.

Neden HTML Öğrenmeli?

HTML’in front-end web geliştirici olmak isteyenler için gerekli bir dil olduğundan önceki bölümlerde bahsedilmişti. Neredeyse her web sayfasında kullanıldığından, web tarayıcılarının anlayacağı şekilde iyi içerik hazırlamak basit olduğundan ve öğrenmesinin/kullanılmasının kolaylığından dolayı mutlaka öğrenilmeli.

HTML öğrenmenin diğer sebepleri şöyle:

  • Basit. Hiç kodlama bilgisine sahip olmadan kodlayıcı veya programlayıcı olmak istiyorsanız HTML iyi bir başlangıç olacaktır. Öğrenmesi ve kullanması kolay. Kodlamaya iyi bir giriş sağlıyor. Basit kodlama konseptlerini anlamanıza yardımcı olacaktır.
  • İş bulmanızı kolaylaştırabilir. Dünyanın her yerinde şirketler programlama ve kodlama becerilerine sahip insanlar arıyor. CV’nizde bazı temel HTML bilgilerine hakim olduğunuzun yer alması iş bulmanızı kolaylaştırabilir.
  • Zam almanızı veya terfi etmenizi sağlayabilir. Daha önce de denildiği üzere kodlama becerileri modern dünyada oldukça revaçta. Çoğu temel düzeydeki kodlayıcı saatine 100$’a kadar ücret talep edebiliyor. İşinizde programlama becerilerine sahip olmak terfi etmenizi veya zam almanızı sağlayabilir.

Gördüğünüz gibi “HTML öğren” fikrini kafanıza yerleştirebilecek pek çok farklı neden var. Sıra geldi HTML’i kim öğrenmeli sorusuna.

HTML’i Kim Öğrenmeli?

Önceki bölümde HTML’in kodlamaya iyi bir giriş olacağı dile getirilmişti. İş bulmanıza yardımcı olabileceğinden ve zam almanızı sağlayabileceğinden bahsedilmişti. Bunun doğrultusunda “HTML öğren” konusunu ciddiye alması gereken üç grup bulunuyor:

Gelecek Vadeden Front-End Geliştiriciler

HTML, CSS ve JavaScript front-end web geliştirmenin temelini oluşturuyor. Yani front-end geliştirici olmayı kafanıza koyduysanız “HTML öğren” sizin için kaçınılmaz bir hedef olmalı. Basit ve kolay olması çoğu zaman ilk öğrenilen dil olmasına sebep oluyor.

İçerik Yönetimi veya İnternetle Alakalı Diğer Alanlarda Çalışan Kişiler

İçerik yönetiminde, yazarlıkta veya dijital içerikle alakalı herhangi bir alanda çalışan kişiler HTML’den faydalanabilir. Örneğin müşterin sitesine bir yazı yazmanız gerekiyor ama yazıyı doğrudan siteden paylaşacaksınız. WordPress ve Wix gibi içerik yönetim sistemlerinde HTML bilmeden de tabii ki halledebilirsiniz ancak bir HTML sayfasının nasıl biçimlendirildiğini bilmek işinizi oldukça kolaylaştıracaktır.

Web Site/Blog Sahipleri

Kendi web siteniz veya blogunuz varsa temel HTML bilgilerine sahip olmak inanılmaz faydalı olacaktır. Sitenizi ve içeriğinizi biçimlendirmenizde size daha fazla esneklik sunacak, muhtemelen paranızın cebinizde kalmasını sağlayacaktır. Sonuçta web geliştirici tutmak pahalı. Birkaç saat için bile küçük bir servet ödemeniz gerekebilir. HTML’de ufak değişiklikleri kendiniz yaparsanız çok daha iyi olacaktır.

HTML Öğrenmenin En İyi Yolu Nedir?

Çok fazla detaya girmeden çok önemli bir şeyi es geçmeyelim:

HTML öğrenmenin “en iyi” tek yolu yok.

Öğrenme yöntemleri insandan insana değişiyor. “HTML öğren” konusunda en iyi yol da insandan insana değişir. Aşağıdaki paragrafları bunu aklınızda bulundurarak okuyun.

Çoğu insan için “HTML öğren” dendiğinde en iyi yol interaktif online dersler oluyor. İnternette kullanılması için geliştirilmiş bir dil olduğundan temel HTML bilgilerini öğrenmek için internet kullanmak da çok normal. Online HTML derslerini en iyi yöntem olmasını sağlayan bazı özellikler şunlar:

  • Eğlenceli ve teşvik ediciler. Yani öğrenirken motive kalmanızı kolaylaştırıyorlar. Böylelikle dersi bitirmeden bırakma şansınız azalıyor.
  • Önce temel bilgileri öğretiyorlar. Başta gereksiz bilgi almamış oluyorsunuz.
  • Çoğu online HTML dersi öğrenirken doğrudan tarayıcınızda kod yazmanıza izin veriyor. En başından iyi alışkanlıklar edinmenizi sağlıyor.

“HTML öğren” fikri aklınıza oturduysa online bir HTML eğitimi iyi bir başlangıç olacaktır. BitDegree platformundaki derslere göz atabilirsiniz.

Çok vakit ayıramıyor ve HTML’ye şöyle bir göz atmak istiyorsanız Yeni Başlayanlar İçin HTML Kodlama dersine bakabilirsiniz. Bu ders bir saatlik video derslerle size temel HTML kodlama bilgilerini ve bazı önemli sözdilimlerini öğretiyor.

Alternatif olarak daha ileri düzey bir ders olan Kapsamlı HTML5 eğitimine katılabilirsiniz. Eğitimdeki video dersler 5 saatten az. Size HTML’in temel prensiplerini, bu prensipleri bir web sitesinde nasıl uygulayacağınızı ve HTML’in uygulamalarda nasıl kullanıldığını öğretiyor.

Son seçenek olarak HTML’ye Yeni Başlayanlar İçin İnteraktif Kodlama dersi bulunuyor. Bu ders front-end geliştirici olmayı düşünenler için harika bir tercih. Derste hem HTML hem de CSS öğreniyorsunuz. İkisi birlikte nasıl kullanılır keşfederken duyarlı web tasarımlarıyla ilgili temel bilgileri ele alıyorsunuz.

Başka Hangi Kaynakları Kullanmalı?

İnternette “HTML öğren” diye arattığınızda pek çok farklı kaynak bulursunuz. Bunların bazıları ücretsiz bazıları ise ücretlidir (bir sonraki bölümde bu konuya değinilecek), ancak hepsi en iyisi olduğunu iddia eder.

Çoğu kaynak güncel değildir. Bu iyi kaynakların olmadığı anlamına gelmiyor. Tercih yaparken dikkatli olmalı ve araştırmanızı iyi yapmalısınız. Ders alırken aşağıdaki kaynakları “HTML öğren” hedefinizde yardımcı olarak görebilirsiniz:

YouTube Videoları

Zor veya kafa karıştırıcı konseptler hakkında video izlemek konuları daha rahat anlamanızı sağlayabilir. Bazı konuları anlamada zorluk çekiyorsanız veya dersinizin herhangi bir konuyla ilgili yaptığı açıklamayı yetersiz buluyorsanız mutlaka YouTube’da aratın.

Dil Başvuru Kılavuzları

Dil başvuru kılavuzları, yeni sözdizimleri keşfetmek, eski bilgileri tazelemek ve bir programlama dili hakkında herhangi bir şey öğrenmek için muhteşem bir kaynaktır. Kullandığınız tüm etiketler ve öğeler hakkında bilgi almak için BitDegree’nin HTML başvuru kılavuzuna göz atabilirsiniz. Burada kod parçaları bulup ücretsiz kod editöründe deneyebilirsiniz.

html öğren

Online Forumlar

Sorularınıza herhangi bir cevap bulamadıysanız “HTML öğren” konusunda sizden daha deneyimli olan kişilerle fikir alışverişi yapabilirsiniz. Online forumlar ve sohbet noktaları HTML gibi bir programlama dili öğrenmek isteyen insanlar için müthiş kaynaklardır. Bu kaynakları soru sormak, tartışmalara katılmak ve en zor sorularınıza bile çözüm bulmak için kullanabilirsiniz.

Ücretsiz Kaynaklar ve Ücretli Kaynaklar

“HTML öğren” konusunda farklı kaynak türlerini öğrendiğinize göre yıllardır devam eden ücretli kaynak mı ücretsiz kaynak mı tartışmasına göz atma zamanınız geldi. İnternette “HTML öğren” diye arattığınızda ücretsiz programlama dersleri ve başka kaynaklar bulmak çok kolay ancak zaman harcamaya değerler mi? Yoksa size tüm bunları öğretecek derslere para vermeniz daha mı iyi?

Aşağıda ücretli ve ücretsiz kaynakların avantajları ve dezavantajları yer alıyor:

Ücretli Kaynaklar

İnsanlar hep yüksek kalite eğitim materyallerine erişmek için ücret ödemiştir. İnternette böyle kaynaklar çok. Ücretli rehberlerden ücretli eğitmenlere kadar her şey bulunabiliyor.

Avantajlar:

  • Öğrettiği şey hakkında uzman olan sektörün profesyonellerinden eğitim alacaksınız. Böylelikle yanlış bilgi edinme şansınız azalacak.
  • Bir şeye para verdiğiniz zaman kullanmanız daha muhtemeldir. Bu da motiva kalmanıza yardımcı olur ve öğrenirken daha iyi sonuçlar almanızı sağlar.
  • Ücretli dersleri oldukça organizedir. Tüm gerekli bilgileri içerisinde bulundurur.

Dezavantajlar:

  • Ücretli dersler için tabii ki bir ücret ödemeniz gerekiyor. Herkesin durumu bunu karşılayamayabilir.
  • Bazı insanlar kodlama dünyasına sorumluluk almadan dalmak istiyor. Ders için para vermek bazılarına sorumluluk almak gibi gelebilir.
  • Ücretli dersler basit soruların cevabını her zaman hızlı ve etkili bir şekilde vermeyebilir. Belli bir şeyi öğrenmek için ücretsiz kaynaklara bakmanız gerekiyor.
Udacity Review Logo
İyi Yönler
  • Basit tasarım (gereksiz bilgi yok)
  • Yüksek kaliteli dersler (ücretsizler dahil)
  • Çeşitli özellikler
Ana Özellikler
  • Nanodegree programları
  • Firmalara uygun
  • Ücretli tamamlama sertifikası
Udemy Logo
İyi Yönler
  • İnanılmaz çeşitlilikte dersler
  • Gezinmesi kolay
  • Teknik sorunlar yok
Ana Özellikler
  • İnanılmaz çeşitlilikte dersler
  • 30 günlük para iade politikası
  • Ücretsiz tamamlama sertifikası
Udacity Review Logo
İyi Yönler
  • Kullanması kolay
  • Kaliteli içeriğe sahip
  • Fiyat konusunda saydam
Ana Özellikler
  • Tamamlamada ücretsiz sertifikalar
  • Veri bilimi becerilerine odaklanıyor
  • Esnek eğitim programları

Ücretsiz Kaynaklar

İnternet reklamcılığı ve “freemium” dersleri gibi alternatif gelir kaynaklarının yükselişe geçmesi geçtiğimiz yıllarda ücretsiz derslerin ve diğer ücretsiz kaynakların sayısında artışa yol açtı. “HTML öğren” adlı bu rehber yüksek kalite ücretsiz kaynaklara çok iyi bir örnek!

Avantajlar:

  • Ücretsiz kaynaklar için ücret ödemeniz gerekmez. Durumu iyi olmayanlar için oldukça şahane bir tercihtir.
  • Bir ücretsiz kaynağı beğenmezseniz herhangi bir maddi zarar uğramadan başka bir kaynağa geçebilirsiniz.
  • Ücretsiz kaynaklara interneti ve zamanı olan herkes tarafından erişilebilir. Yani ders almadan basit bir HTML sayfası yazmakla ilgili temel bilgiler rahatlıkla öğrenilebilir.

Dezavantajlar:

  • Ücretsiz kaynakların kalitesi ücretli kaynakların kalitesine kıyasla düşük olabilir. Çünkü zaman zaman profesyonel olmayan kişiler tarafından oluşturulurlar. İçerisinde yanlış veya eksik bilgiler olabilir.
  • O kadar çok ücretsiz kaynak var ki hangisinin size uygun olduğunu bulmak samanlıkta iğne aramaya benzer.
  • Bazen basit bir yanıt için forum sayfalarında veya Google aramalarında saatler geçirmek yerine para ödeyip öğrenmek daha iyidir.

Yukarıda da gördüğünüz gibi ücretli ve ücretsiz kaynakların kendilerine göre pozitif ve negatif yönleri bulunuyor. “HTML öğren” fikrini kafaya koyduysanız ve profesyonel olacaksanız en iyisi bir derse yazılmak olacaktır. Ancak bir dili sorumluluk almadan öğrenecekseniz ücretsiz kaynaklar daha doğru bir seçenek.

HTML Kod Yazma Alıştırması Nasıl Yapılır?

HTML öğrenmeye karar verip temellerde ustalaştıktan sonra geriye alıştırma yapmak geliyor.

Pratik mükemmelleştirir”

Bu söz kodlama için de geçerlidir. Peki alıştırma nasıl yapılır?

HTML’de kodlama alıştırması yapmanın en iyi yolu kendi web sitenizi oluşturmaktır. Adım adım bir web sitesi oluşturacağınız İnteraktif HTML vs CSS dersinde bunu gerçekleştirebilirsiniz.

Alternatif olarak kod editöründe HTML dosyaları yazmak, freelance işler almak veya CSS öğrenerek HTML bilgilerinizin üstünden geçmek gibi şeyler yapabilirsiniz. Bu en iyi ücretsiz web site oluşturucu rehberine göz atarak cep yakmayan bir seçenek bulabilirsiniz.

Bir web site oluşturmaya hazır hissetmiyorsanız küçük challenge’larla HTML öğrenebilir ve becerilerinizi geliştirebilirsiniz:

  • BitDegree Learn’deki kod örneklerini deneyin ve üzerinde istediğiniz gibi oynayın.
  • Code Playground’da takılın ve oluşturduğunuz şeyleri gönderin.
  • İlginç web siteler bulun ve aynısını kendiniz oluşturmaya çalışın.
  • Kodlama challenge’larına katılın.
  • StackOverflow’da HTML sorunlarını çözmeye çalışın.
  • CSS öğrenin ve bunun HTML becerilerini nasıl geliştirdiği görün.

Daha ileri düzey challenge’lara hazır olduğunuzda freelance işler almayı deneyebilir veya CSS vs JavaScript öğrenerek front-end geliştirici olarak iş aramaya başlayabilirsiniz.

Yönteminiz ne olursa olsun unutmayın; alıştırma yapmazsanız öğrendiklerinizi unutursunuz.

Son Sözler

HTML internetin dilidir. HTML nasıl öğrenilir merak ediyorsanız size bu dilin nasıl işlediğini öğretecek bir online dersle başlayabilirsiniz. Temel bilgileri öğrendikten sonra BitDegree’nin HTML kaynağından faydalanabilirsiniz.

Pek çok kişi ilk kez programlama dili öğrenirken tercihini ücretli derslerden yana kullanır ama bu gerekli değildir. Ücretsiz dersler de oldukça faydalı olabilir, özellikle de web geliştirici veya programcı olmaya henüz karar vermemişseniz.

“HTML öğren” adlı bu rehber size başlamanız için belli bilgiler sunmaya çalıştı. Unutmayın; herhangi bir dili öğrenmek zordur. Sürekli olarak alıştırma yapmanız gerekir. Eğitiminizde bol şans!

Dürüst geri bildirimde bulunun

Gerçek fikrinizi bırakarak en iyi online eğitim platformunu seçmek isteyen binlerce insana yardımcı olun. Pozitif veya negatif de olsa tüm geri bildirimler dürüst oldukları sürecek kabul ediliyor. Taraflı geri birimleri veya spam'leri yayınlamıyoruz. Deneyiminizi, fikrinizi veya tavsiyenizi paylaşmak istiyorsanız sahne sizin!

Güncel Kullanıcı Yorumları

Cankurtaran

Nasıl nereden çalışmalı her şey ince ince detaylandırılmış.

Sağolun

İyi bir derleme olmuş teşekkürler

Gayet hoş

Güzel bir HTML rehberi

Kaçmaz

HTML herkesin dilinde. Öğrenmek istiyorsanız benim gibi bu yazıyı kaçırmayın derim.

Güzel hazırlanmış

HTML öğrenmek isteyenler için çok iyi bir kaynak.

Herkese

Her düzeye hitap eden bir kaynak.

Efso

Yazınız yol gösterme adına çok iyi bir iş çıkarıyor.

Güzel bir rehber

Artık nasıl ilerleyeceğimi biliyorum. Sağolun

Müthiş

HTML öğrenenler sakın kaçırmasın bu yazıyı.

HTML için

HTML öğrenmek istiyorsanız gerçekten de iyi bir kaynak

Elinize sağlık

Güzel bir çalışma olmuş

Şahane

Ne, nedir, nasıl yapılmalıdır... HTML hakkında tüm merak ettiklerinizi bu yazıda bulabiliyorsunuz.

Beğendim

Çok güzelmiş.

Yol gösteriyor

Bu dili öğrenmek isteyenler için gayet iyi bir kaynak.

Dili iyi

Dili öğrenmek için disiplin ve çalışma gerekiyor. Bu yazı size nasıl yapacağınızı anlatıyor.

Harikasınız

Eğitimimde gerçekten önemli yardımı oldu bu yazının. Ne kadar teşekkür etsem az.

Teşekkür ettim

Bu kadar detaylı olacağını düşünmezdim bu yazının. Teşekkürler.

Güzel yazı

Pek çok önemli noktaya değinilmiş.

Gerçekten iyi

HTML hakkındaki tüm sorularınıza yanıt bulabilirsiniz bu yazıda

HTML öğreneceklere

Nereden başlayacağınızı bilmiyorsanız bu yazını yanınızdan ayırmayın

SSS

Hangi online ders sitesini inceleyeceğinizi nasıl seçiyorsunuz?

Piyasa boyutuna, popülerliğe ve en önemlisi kullanıcılarımızın taleplerine veya belli online eğitim platformları hakkında gerçek MOOC incelemesi okumak isteme talebine göre online eğitim platformlarını seçiyoruz.

E-öğrenme incelemelerinizi yazmadan önce ne kadar araştırma yapıyorsunuz?

MOOC uzmanlarımız haftalarca araştırma yapıyor. Sonrasında farklı etkenler hakkında değerlendirmelerini yapabiliyorlar. Çok fazla zaman alsa da online eğitim platformundaki tüm gerekli özelliklerin denenmesi, test edilmesi ve gerçek verilere dayalı bir hükümde bulunulmasını garanti edebilmemiz için tek yol bu.

En iyi online eğitim platformlarını seçerken en önemli etken hangisi?

Tek bir etken seçmek yanlış olur. Öncelikler her kişinin değerlerine, isteklerine ve hedeflerine göre değişiyor. Biri için önemli olan bir özellik başkası için önemsiz olabiliyor. Tüm kullanıcıların öğrenme materyallerinin iyi kalitesi konusunda hemfikir olması bir online eğitim platformu olmazsa olmaz.

Bu e-öğrenme inceleme platformu diğerlerinden nasıl farklı?

Her MOOC inceleme platformu eşsizdir. Kendi hedefleri ve değerleri vardır. Bizim e-öğrenme incelemelerimiz %100 gerçektir ve dikkatli bir analizden sonra kaleme alınır. Çoğu e-öğrenme inceleme sitesinde bu bu özellik bulunmadığından bunu süper gücümüz gibi görüyoruz!

Gün
Saat
Dakika
Saniye