HTML, CSS ve JavaScript Temelleri

Temel HTML, CSS ve JavaScript eğitim dersi

Dil: Almanca

Temel HTML, CSS ve JavaScript eğitim kılavuzu

Web'in üç temel sütunu - HTML, CSS ve JavaScript. Jan Brinkmann'ın kılavuzunda temelleri öğrenin ve doğrudan uygulayın. Böylece dinamik web siteleri oluşturabilir, okunabilir şekilde bölümlere ayırabilir, resimler ekleyebilir, metni biçimlendirebilir ve çeşitli ögeleri konumlandırabilirsiniz. HTML nedir? CSS nedir? Ve JavaScript nedir - kılavuzdan sonra senin için hiç soru kalmayacak!

HTML, CSS ve JavaScript'e giriş için 8 saatlik bir video eğitiminde 62 ders bulunmaktadır.
Temel bilgileri edinin ve kapsayıcı egzersizlerde doğrudan deneyin
Jan Brinkmann, tutkulu bir web geliştirici olarak 15 yıldan fazla deneyime sahip.

Ağ ile günlük etkileşiminizde kendini ödüllendiren bir başlangıç. Web geliştirme temellerini bilgi birikim repertuarınıza indirin!

DETAYLAR

Kullanıma uygun:
İçerik: 8 h Video Eğitimi
Lisans: özel ve ticari Kullanım hakları
Bonus: İş malzemeleri dahilindedir

Kategoriler

Web tasarımı, CMS ve geliştirme

Sevgiyle oluşturulmuştur:

Jan Brinkmann

Giriş

Ücretsiz

HTML, CSS ve JavaScript temelleri - 01 Giriş

Dersimize hoş geldiniz!

Proje dosyasını indirin

HTML: Temel Bilgiler

Temel HTML, CSS ve JavaScript bilgileri - 02 HTML nedir?

HTML'nin anlaşılması için, HTML'nin aslında ne olduğunu daha iyi anlamanız önemli olacaktır. Bu ders tam olarak bu soruyu ele almaktadır.

Temel HTML, CSS ve JavaScript bilgileri - 03 HTML belgelerinin oluşturulması, görüntülenmesi ve düzenlenmesi

HTML, CSS ve JavaScript temelleri - 03 HTML belgeleri oluşturma, gösterme ve düzenleme

Yeni başlıyorsanız belirleyici soru şudur: HTML belgeleri nasıl oluşturulur, görüntülenir veya değiştirilir? Bu videoda cevabı bulacaksınız.

HTML, CSS ve JavaScript'in temelleri - 04 HTML'nin DNS'si: etiketler

Temel HTML, CSS ve JavaScript - 04 HTML'nin DNA'sı: etiketler

HTML belgelerinin temeli, söz konusu etiketlerdir. Bu kavramı bu ders boyunca öğreneceksin.

HTML: HTML belgelerinin yapısı

Temel HTML, CSS ve JavaScript - 05 Başlık Bölümü ve Meta Bilgileri

HTML belgeleri, belge hakkında bilgiler içeren bir başlık alanı ve görünür içerikten oluşur. Bu ders başlık alanı (head) hakkında ilk olarak konuşacak.

HTML, CSS ve JavaScript temelleri - 06 Sayfa gövdesi ana içerikleriyle

HTML, CSS ve JavaScript temelleri - 06 Sayfa içeriğiyle birlikte ana içerikler

Gerçek içerikler body alanında saklanır. Bu temel bölümlemeyi kesinlikle anlamış olmalısın. Bu ders kesinlikle zorunludur!

Temel HTML, CSS ve JavaScript - 07 Yorum

Özellikle kapsamlı belgeler, web sitesinde görüntülenmeyen yorumlardan faydalanır. Kodun daha anlaşılır ve belgelendirilmiş olmasını sağlar. Onları nasıl oluşturacağını öğren.

HTML: Hyperbaglantilar

Temel HTML, CSS ve JavaScript - 08 İlişkili ve mutlak yol ifadeleri

Temel HTML, CSS ve JavaScript - 08 Relatif ve mutlak dosya yolları

Web'de sürekli olarak yol tarifleriyle karşılaşırsın - ve bunlar iki farklı şekilde olabilir: bağıl veya mutlak yol tarifi olarak. Bu konsepti anlamak için bu dersi izleyin.

Temel HTML, CSS ve JavaScript - 09 İç Bağlantılar

Temel HTML, CSS ve JavaScript bilgileri - 09 Dahili Bağlantılar.

Bir web sitesi içerisinde referanslar son derece yaygındır. Uygulamayı bu yazıda bulabilirsin.

HTML, CSS ve JavaScript Temelleri - 10 Dış Bağlantılar ve Hedefler

HTML, CSS ve JavaScript Temelleri - 10 Harici Bağlantılar ve Hedefler

Diğer web sitelerine olan referanslar da aynı şekilde önemlidir ve internetin günlük hayatının bir parçasıdır. Ayrıca, bağlantıların nasıl açılacağı konusunda hedef belirleme özelliği de vardır. Bunun nasıl yapılacağını öğrenin.

HTML, CSS ve JavaScript temelleri - belgede 11 referans.

Bir belge içindeki referanslar ayrıca "çapa" olarak adlandırılır. Onları nasıl yerleştireceğini ve mevcut sayfadaki alanlara nasıl yönlendireceğini öğren.

HTML: Belgeleri bölmek

Temel HTML, CSS ve JavaScript - 12 Başlık

Hiyerarşik bir yapıya başlıklar da dahildir. Burada mevcut olan elementleri öğreneceksiniz.

Temel HTML, CSS ve JavaScript - 13 satır atlamaları, boşluklar ve ayırıcı çizgiler

HTML, CSS ve JavaScript temelleri - 13 satır sonu, boşluklar ve ayırıcı çizgiler

Boşluklar ve satır sonları HTML belgelerinde sınırlıdır. Bu kavramı bilmen önemlidir.

HTML, CSS ve JavaScript temelleri - 14 paragraf ekleyin

Bir metinde paragraflar önemli bir rol oynar. Onları nasıl yerleştireceğini burada öğreneceksin.

HTML, CSS ve JavaScript temelleri üzerine 15 liste oluşturun.

HTML, CSS ve JavaScript temelleri - 15 liste oluşturun

Web'de metinlerin düzenli olması önemlidir. Listeler, okuyucuların hızlıca göz gezdirmesine yardımcı olur. Bu nedenle düzenli ve düzensiz listeler hakkındaki ders kesinlikle gereklidir.

Temel HTML, CSS ve JavaScript - 16 tablo kullanmak.

HTML, CSS ve JavaScript temelleri - 16 tablo kullanın.

Tablolar, verileri tablo şeklinde düzenlemek için son derece önemlidir. Temelleri burada öğreneceksiniz.

HTML: Diğer öğeler

HTML, CSS ve JavaScript temelleri - 17 resim entegre etmek

HTML, CSS ve JavaScript temellerini öğrenmek - 17 resmi eklemek

Resim olmayan bir web düşünülemez. Burada resimleri nasıl ekleyeceğini öğreneceksin.

HTML, CSS ve JavaScript temelleri - 18 HTML varlıklarını kullanın.

HTML, CSS ve JavaScript temelleri - 18 HTML etki alanı kullanın.

HTML belgelerinizde özel karakterleri HTML varlıkları olarak nasıl ekleyeceğinizi öğrenin.

HTML, CSS ve JavaScript Temelleri - 19 iframe'ları entegre etme

HTML, CSS ve JavaScript temelleri - 19 iframe'lerin eklenmesi

İframes ile diğer web sitelerini doğrudan kendi web sitende gömebilirsin.

Temel HTML, CSS ve JavaScript konuları - 20 JavaScript eklemek

HTML, CSS ve JavaScript Temelleri - 20 JavaScript eklemek

JavaScript dosyaları HTML belgelerine dahil edilir. Burada nasıl yapılacağını öğreneceksiniz.

HTML: Egzersizler

Temel HTML, CSS ve JavaScript - 21 Alıştırma #1: Metinler ve Başlıklar

HTML, CSS ve JavaScript temelleri - 21 Alıştırma #1: Metinler ve Başlıklar

İlk HTML uygulama alıştırmasında metin düzenleme ve başlık yerleştirme konuları ele alınmaktadır.

HTML, CSS ve JavaScript temelleri - 22 Alıştırma #2: Bir tarif oluşturun

Temel HTML, CSS ve JavaScript - 22 Egzersiz #2: Kendi tarifini oluştur

Burada bir tarif oluşturuyorsun ve temel HTML elementlerini kullanıyorsun.

Temel HTML, CSS ve JavaScript - 23 Alıştırma #3: uzun bir tablo

HTML, CSS ve JavaScript Temelleri - 23 Egzersiz #3: uzun bir tablo

Tablo konusundaki bilgi artık burada uygulamada kullanılıyor.

CSS: Giriş

Temel HTML, CSS ve JavaScript - 24 CSS nedir?

Temel HTML, CSS ve JavaScript - CSS nedir?

Kaskad Stil Yapı Şablonu (CSS) kavramını öğren.

HTML, CSS ve JavaScript temelleri - 25 İç İçe Stiller

Temel HTML, CSS ve JavaScript - 25 İç içe stiller

Elemanlara CSS ifadelerini doğrudan atamayı öğren.

HTML, CSS ve JavaScript temelleri - 26 İç Stil Tabloları

Temel HTML, CSS ve JavaScript - 26 Dahili Stil Sayfaları

Dahili stiller sayfada talimatları doğrudan yerleştirmenin başka bir yoludur.

HTML, CSS ve JavaScript temelleri - 27 Dış Stil Tabloları

Temel HTML, CSS ve JavaScript Bilgileri – 27 Dış Stil Sayfaları

Çok sık rastlanan bir durum: stylesheet'ler harici dosyalara taşınır ve dahil edilir.

Temel HTML, CSS ve JavaScript - 28 HTML özelliği class ve id.

Styling için "class" ve "id" özellikleri son derece önemlidir. Onları burada öğrenin.

HTML, CSS ve JavaScript temelleri - 29 div konteynerinin rolü

Şu anda, containerlar CSS ile çalışmada önemli bir rol oynamaktadır. İşte div etiketinin örneğiyle bu kavramı öğreneceksiniz.

CSS: Temel prensipler

Temel HTML, CSS ve JavaScript - 30 yüzen öğe float kullanımı.

HTML, CSS ve JavaScript temelleri - 30 float ile dalgalanan öğe

float özelliğiyle elementler farklı şekilde konumlandırılabilir. Tasarımda önemli bir öğe. Zorunlu ders!

HTML, CSS ve JavaScript temelleri - 31 element konumlandırma

HTML, CSS ve JavaScript temelleri – 31 elementi konumlandırın.

Pozisyon özniteliği de son derece önemlidir ve her CSS öğretim programına dahil edilmelidir.

Temel HTML, CSS ve JavaScript - 32 iç ve dış boşluk

Temel HTML, CSS ve JavaScript - 32 iç ve dış aralık

Farklı boşluk türlerini („padding“ ve „margin“) öğrenin.

Temel HTML, CSS ve JavaScript - 33 Genişlik ve Yükseklik Belirle

HTML, CSS ve JavaScript temelleri - Genişlik ve Yükseklik belirle

Yükseklik ve genişlik bu dersin konusudur.

HTML, CSS ve JavaScript Temelleri - 34 çerçeve (border) oluşturmak

HTML, CSS ve JavaScript temelleri - 34 çerçeve (sınır) ayarla.

HTML öğeleri bir çerçeve ile gösterilebilir. Bunun için bu video içerisinde tanıyacağın border özelliği bulunmaktadır.

HTML, CSS ve JavaScript temelleri - Yazı tipi boyutunu 35 olarak belirle.

HTML, CSS ve JavaScript temelleri - 35 font boyutunu ayarla

Herkes farklı yazı puntolarını zaten kullanmıştır. Bu ders sonrasında onları CSS ile belirleyebileceksin.

Temel HTML, CSS ve JavaScript - 36 font ailesi tanımlamak

Temel HTML, CSS ve JavaScript – 36 yazı ailesi tanımlamak

Yazı tipleri her zaman her bilgisayarda bulunmayabilir. Bu nedenle, web sayfalarında genellikle yazı aileleri tanımlanır. Bu videoda, bunun nasıl yapıldığını öğrenin.

Temel HTML, CSS ve JavaScript - 37 Kalın, eğik ve altı çizili metin

Temel HTML, CSS ve JavaScript - 37 Kalın, italik ve altı çizili metin

Metin düzenlemenin temeli: kalın, eğik ve altı çizili metin. Bu ders, sana CSS komutlarını tanıtacak.

HTML, CSS ve JavaScript temelleri - 38 Metin Hizasını Değiştirmek

Temel HTML, CSS ve JavaScript - 38 Metin Hizalamasını Değiştir.

Metin hizalaması metin işleme programlarında da bilinmekte olup web'de de sıkça kullanılmaktadır. CSS ile nasıl çalıştığını öğren.

HTML, CSS ve JavaScript temelleri - 39 bağlantıyı güzelleştirmek

HTML, CSS ve JavaScript temelleri - 39 bağlantıyı güzelleştirin.

Bağlantıların varsayılan tasarımı CSS kullanılarak belirgin şekilde geliştirilebilir. Bağlantıların farklı durumlarını ve ilgili CSS direktiflerini öğrenin.

JavaScript: Bir Giriş

JavaScript temelleri - 01 JavaScript nedir?

Temel JavaScript - 01 JavaScript nedir?

JavaScript'in aslında tam olarak ne olduğu hakkında kısa bir özet.

JavaScript temelleri - 02 Dahili JavaScript

Bu hızlandırılmış kurs kapsamında JavaScript'i bir HTML belgesine entegre edeceksin. Öncelikle bunu belgenin içine doğrudan eklemeyi öğreneceksin.

JavaScript temelleri - 03 Harici JavaScript

Dış JavaScript dosyaları da önemlidir ve sürekli olarak web'de bulunurlar.

JavaScript temelleri – 04 „Belge Nesne Modeli“ (DOM) ve HTML öğeleri

JavaScript temelleri - 04 "Document Object Model" (DOM) ve HTML elementleri

Document Object Model" ı tanı.

JavaScript temelleri - 05 Verileri göstermek

JavaScript temelleri - 05 Verileri görüntüle

Veri çıktısını TVML/TVJS'de vermek zorunda değilsin, ama yine de diğer örnekler için önemlidir.

JavaScript temelleri - 06 Tıklama Olayları işlemek.

JavaScript temelleri - 06 Tıklama Etkinliklerini İşlemek

JavaScript'in temel özelliklerinden biri olaylar aracılığıyla kontrol etmektir. Burada tıklama olayları örneği üzerinden bu konsepti öğreneceksiniz.

JavaScript temelleri - 07 Metni değiştirerek

Temel JavaScript – 07 Metini Değiştir

Öğren, nasıl elemanlara erişebileceğini ve değeri nasıl değiştirebileceğini.

JavaScript: Temeller

JavaScript temelleri – 08 Değişken kullanımı

Değişkenler - her programlama dilinin merkezi kavramı. Burada JavaScript dilinde nasıl oluşturulduğunu öğreneceksiniz.

JavaScript temelleri - 09 JavaScript veri tipleri?

JavaScript deklarasyon sırasında açık veri tipleri kullanmasa da, bu kavramı yine de anlaman gerekiyor.

JavaScript Temelleri - JavaScript ile Aritmetik

Bir bilgisayar (Almanca'da "hesap makinesi") basit aritmetik olmadan bir şey hesaplayamaz. JavaScript bunu tabii ki yapabilir.

JavaScript temelleri - JavaScript'te 11 bileşik atama

Kendin kullanmasan da, birleşik atamalarla sık sık karşılaşabilirsin. Sözdizimini okuyabiliyorsan iyi olur!

JavaScript temelleri - if ile 12 koşul

Koşulsuz olarak programlama sadece zor bir şekilde hayal edilebilir.

JavaScript temelleri - 13 for döngüsü

Tekrar kavramı da son derece önemlidir. Burada JavaScript'te bir varyant öğreniyorsun.

JavaScript temelleri - 14 while döngüsü

While döngüleri de kullanım alanlarına sahiptir. Onları da biliyor olman iyi olur.

JavaScript: İleri kavramlar

JavaScript temelleri - 15 fonksiyon tanımla

Fonksiyonları TVJS'de de kullanacaksın. Anlaşılması gereken önemli bir kavram.

JavaScript temelleri - JavaScript'te 16 kapsam.

JavaScript'te kod içinde doğru şekilde gezinebilmek için JavaScript'in kapsam (Scopes) alanlarını bilmelisin.

Temel JavaScript - 17 Olaylar

Burada olaylarla ilgili daha fazla ayrıntıyla tekrar devam ediyoruz.

Temel JavaScript – 18 Dizesel (Strings)

Dizeler muhtemelen her uygulamada karşınıza çıkar. Bu nedenle onları kesinlikle bir çarpışma kursuna almalısınız.

Temel JavaScript - JavaScript ile hesaplama

JavaScript temelleri - 19 JavaScript ile hesaplama

Rastgele sayılar ve diğer karmaşık hesaplamalar gibi konular da önemlidir.

JavaScript temelleri - 20 Array kullanımı

JavaScript temelleri - 20 diziyi kullanın.

JavaScript ve TVJS (Apple TV JavaScript) ortamlarında muhtemelen dizilere de rastlayacaksın. Onları tanıdığında iyi olur.

JavaScript: Nesne yönelimli programlama

JavaScript temelleri - 21 nesneyi tanımlamak

JavaScript temelleri - 21 nesne tanımlamak.

TVJS'de de nesneler kullanılır. Dolayısıyla en azından JavaScript uygulamasını bilmelisin.

JavaScript temelleri – Obje özelliklerinin 22 tanesi

JavaScript temelleri - Nesnelerin 22 özelliği

Özellikler nesne yönelimine aittir ve genel olarak anlaşılmalıdır.

JavaScript temelleri - 23 metot

Ayrıca yöntemler de önemlidir ve TVJS örneklerinde sık sık karşınıza çıkacaktır.

İçerik detayları

HTML, CSS, JavaScript – temelleri öğren ve doğrudan uygula
Çoğu alanda internetle etkileşim artık günlük hayatın bir parçası haline geldi. Blog yazarları, reklam metin yazarları veya online pazarlamacılar olsun, geliştiriciler, editörler veya gazeteciler olsun - HTML, CSS ve JavaScript'ın temel anlayışı web çalışmasını kolaylaştırır ve sitelerin arkasındaki kodlara kendi başınıza girmenizi sağlayacak birçok olanak sunar.
Özellikle metin ve görüntü içeriklerinin entegrasyonu, biçimlendirilmesi ve konumlandırılması sık kullanılan tekniklerdir ve hızlı ve kolayca öğrenilebilir. Eğitmenin Jan Brinkmann, seni teoride ve pratikte tüm ilgili konularda eğiten sekiz saatten uzun süren bir eğitim sunmaktadır. İçerikler şunları içerir:

HTML – web sitelerinizin temeli

Ders, HTML, CSS ve JavaScript olmak üzere üç büyük bloğa bölünmüştür. Her bir blokta bir ana konuyu ele alan farklı bölümler bulunmaktadır. HTML'nin ne olduğunu öğrendikten sonra, HTML belgelerinin yapısını tanıyacak, hiper bağlantılar kuracak, başlıklar, satır sonları, paragraflar, listeler ve tablolar kullanarak belgelerinizi bölecek ve son olarak da görüntü, iframe'ler veya JavaScript gibi diğer öğeleri entegre edebileceksiniz.

CSS – sitelerinizin biçimlendirilmesi

CSS öğrenme bloğu, sitelerinize yapı, düzen ve biçim sağlar. Yani, kaskatı Stil Şablonlarının işlevini anladıktan sonra, ilerleyen derslerde öğeleri konumlandırabilir, boşluklar belirleyebilir, yazı boyutları ve ailelerini belirleyebilir ve birçok başka biçimlendirme seçeneğini uygulayabilirsiniz.

JavaScript – Web projeleriniz için dinamizm

JavaScript, son olarak, statik HTML belgelerinizi canlandırmanıza izin verir. JavaScript öğelerini daha derinlemesine inceleyecek ve Belge Nesne Modeli veya Dizeler, Olaylar veya Diziler gibi gelişmiş kavramları ele alacaksınız.

HTML, CSS ve JavaScript temelleri eğitiminde öğreneceğin şeyler

Birincisi, webin temel işleyişini anlayacaksın, ikincisi, video eğitiminden sonra okunaklı program yapısına sahip HTML belgeleri oluşturabilecek, CSS ile siteleri şekillendirebilecek ve JavaScript ile daha fazla dinamizm ekleyebileceksin. Böylece, günlük işlerde tekrar tekrar kullanabileceğiniz ve özel projelerde kullanabileceğiniz beceriler edineceksiniz. Ardından web yolculuğunuz, örneğin PHP veya CSS ve Sass ile devam edebilir.