Çerez tercihlerin
Platformun çalışması için zorunlu çerezler kullanıyoruz. İzin verirsen anonim kullanım verilerini ölçüyoruz. Ayrıntıları incele
Bu kurs, web geliştirme dünyasına adım atmak isteyen yeni başlayanlar için özel olarak hazırlanmıştır. Kodlama bilginiz olmasa bile, sıfırdan başlayarak adım adım ilerleyebilir ve modern, duyarlı (responsive) ve interaktif web siteleri geliştirmeyi öğrenebilirsiniz.
Kazanımlar
Eğitim sonunda edineceğiniz temel bilgi ve uygulama becerileri.
Eğitim hakkında
Programın kapsamı ve öğrenme yaklaşımı hakkında genel bilgi.
Bu kurs, web geliştirme dünyasına adım atmak isteyen yeni başlayanlar için özel olarak hazırlanmıştır. Kodlama bilginiz olmasa bile, sıfırdan başlayarak adım adım ilerleyebilir ve modern, duyarlı (responsive) ve interaktif web siteleri geliştirmeyi öğrenebilirsiniz.
Bu kurs, web geliştirme dünyasına adım atmak isteyen yeni başlayanlar için özel olarak hazırlanmıştır. Kodlama bilginiz olmasa bile, sıfırdan başlayarak adım adım ilerleyebilir ve modern, duyarlı (responsive) ve interaktif web siteleri geliştirmeyi öğrenebilirsiniz. HTML, CSS ve JavaScript, günümüzde en çok kullanılan ve her yazılımcının mutlaka bilmesi gereken temel web teknolojileridir. Bu kursta, teorik bilgiyi pratik projelerle destekleyerek hızlı ve etkili bir öğrenme deneyimi yaşayacaksınız. Web siteleri oluşturmayı, sayfalarınıza stil vermeyi ve kullanıcılarla etkileşime girecek dinamik özellikler eklemeyi öğreneceksiniz. Bu Kursta Neler Öğreneceksiniz? HTML (HyperText Markup Language): Web sayfalarının temel yapı taşlarını oluşturma, etiketleri ve semantik HTML kullanımı CSS (Cascading Style Sheets): Web sitelerini daha estetik hale getirme, renk, font, arka plan ve düzenleme teknikleri JavaScript: Web sayfalarına etkileşim ekleme, butonlar, formlar ve dinamik içerikler oluşturma Mobil uyumlu ve duyarlı tasarım (Responsive Design): Farklı ekran boyutlarına uygun web siteleri geliştirme Gerçek dünya projeleri: Öğrendiklerinizi uygulayarak modern web siteleri inşa etme Temel web geliştirme araçları: VS Code, Chrome Developer Tools, Git ve GitHub kullanımı SEO uyumlu sayfalar geliştirme: Web sitenizi Google'da üst sıralara taşıyacak temel optimizasyon teknikleri Bu eğitimi tamamladığınızda, sadece teorik bilgiyle değil, aynı zamanda pratik projelerle güçlendirilmiş bir portföyle mezun olacaksınız. Kimler Katılmalı? Web geliştirmeye sıfırdan başlamak isteyenler HTML, CSS ve JavaScript öğrenerek kendi projelerini hayata geçirmek isteyenler Yazılım dünyasına giriş yaparak freelance çalışmak veya kariyerine yazılım alanında yön vermek isteyenler Kendi kişisel veya kurumsal web sitesini oluşturmak isteyen girişimciler ve işletme sahipleri Hiçbir teknik bilgiye sahip olmanız gerekmiyor! Bu kurs, temelden ileri seviyeye kadar ihtiyacınız olan her şeyi adım adım ve anlaşılır bir şekilde anlatmaktadır. Kursun Size Katkıları Web geliştirme kariyerine güçlü bir başlangıç yapın HTML, CSS ve JavaScript ile modern, mobil uyumlu web siteleri oluşturun Gerçek dünya projeleriyle öğrendiklerinizi pekiştirin SEO uyumlu sayfalar geliştirerek Google sıralamalarında yükselin Yazılım dünyasında ilk adımınızı atarak kariyer fırsatlarını keşfedin Haydi, şimdi katılın ve yazılım dünyasına güçlü bir başlangıç yapın!
Müfredat
Bölümleri ve dersleri inceleyerek eğitim akışını önceden görebilirsiniz.
24 modül · 187 ders · 37 saat 25 dk
2 ders · 11 dk
1.Eğitimden Verim Almak İçin Yapılacaklar
2.ÖNEMLİ DETAY!
7 ders · 1 saat 2 dk
1.İnternetin Çalışma Prensipleri
2.Web'in Temelleri Nedir ve Nasıl Çalışır?
11 ders · 1 saat 40 dk
1.HTML'e Giriş
2.İlk HTML Sayfamız
9 ders · 2 saat 2 dk
1.HTML Sürümleri ve Gelişimi
2.HTML5 Sürümü
4 ders · 31 dk
1.HTML Table (Tablo) Nedir?
2.İlk HTML Table Oluşturma
7 ders · 1 saat 26 dk
1.HTML Formlar Nedir?
2.HTML Input Elemanları
6 ders · 1 saat 2 dk
1.Proje Tanıtımı
2.Header Alanı
6 ders · 1 saat 19 dk
1.CSS Nedir?
2.HTML Sayfalarına CSS Eklemek
12 ders · 2 saat 31 dk
1.CSS Seçiciler (Selectors) Nedir?
2.ID Seçici (Selector)
9 ders · 1 saat 36 dk
1.Box Model Nedir?
2.Border Kullanımı
5 ders · 1 saat 23 dk
1.Opacity ve Alpha Channel Kullanımı
2.Position ve z-index Kullanımı
9 ders · 1 saat 12 dk
1.Proje Tanıtımı
2.Reset CSS
9 ders · 1 saat 38 dk
1.Flexbox Giriş
2.flex-direction Nedir?
10 ders · 2 saat 13 dk
1.Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?
2.JavaScript Nedir?
7 ders · 1 saat 32 dk
1.Strings Nedir?
2.String İndeksleme
10 ders · 1 saat 43 dk
1.Karar Verme Yapıları Nedir?
2.if Yapısı
7 ders · 1 saat 18 dk
1.Diziler (Arrays) Nedir?
2.Diziler (Arrays) ile Çalışmak
5 ders · 1 saat 16 dk
1.Nesneler (Objects) Nedir?
2.Nesneler (Object Literals) ile Çalışmak
9 ders · 1 saat 43 dk
1.Döngü Nedir? JavaScript For Döngü Yapısı
2.For Döngüsü ile Örnekler
9 ders · 2 saat 13 dk
1.Fonksiyon Nedir?
2.Fonksiyonlara Argüman Geçmek
9 ders · 1 saat 45 dk
1.Fonksiyon Alan Dizi Metotları
2.forEach() Metodu
6 ders · 1 saat 17 dk
1.Default Parametre
2.Spread Operatörü
11 ders · 3 saat 1 dk
1.DOM Nedir?
2.DOM Selectors (Seçiciler) Nedir? getElementById Kullanımı
8 ders · 1 saat 53 dk
1.DOM Events Nedir?
2.Event Dinleme Yöntemleri
Merak edilenler
Erişim, içerik ve eğitim süreciyle ilgili sık karşılaşılan sorular.
Başlangıç seviyesine uygun bir yol haritası arayan herkes için tasarlandı.
Satın aldığınız kurslara hesabınız üzerinden süre sınırı olmadan erişebilirsiniz.
Evet, kurs içeriğine dilediğiniz zaman tekrar dönüp dersleri yeniden izleyebilirsiniz.
Keşfet
Bu eğitimin devamında ilginizi çekebilecek diğer programlar.
3.Web Tarayıcıları ve Sunucular Arasındaki İlişki
4.Web Geliştirmede Frontend ve Backend Nedir?
5.Web Sayfalarının Üç Temel Taşı
6.Web Geliştiricileri İçin Temel Araçlar
7.Visual Studio Code Kurulumu
3.w3schools.com
4.Paragraf Etiketi
5.Başlık Etiketleri
6.HTML İskeleti ve Boilerplate
7.Prettier ve Auto Rename Tag
8.Liste Etiketleri
9.Link Etiketi
10.Image Etiketi
11.Yorum Etiketi
3.Block ve Inline Elemanlar - Div ve Span Etiketleri
4.Biçimlendirme ve Vurgulama Etiketleri
5.HTML Karakter Kodları (Entity Codes)
6.HTML’de Semantik İşaretleme (Semantic Markup)
7.Ekran Okuyucular ve Semantik HTML
8.HTML Yazımını Hızlandıran Araç: Emmet Nedir?
9.Şimdiye Kadar Öğrendiklerimizi Pekiştiriyoruz: Gezginin Dünyası Projesi
3.HTML Tablolarında thead, tfoot, ve tbody
4.Table Hücre Satır ve Sütun Birleştirme
3.HTML Label Nedir?
4.HTML Button Etiketi
5.HTML name Attribute
6.HTML Formlarında Diğer Önemli Input Türleri
7.HTML Form Doğrulama (Validations)
3.Ana Sayfa İçerik Alanı
4.Footer Alanı
5.İletişim Sayfası
6.Giriş Sayfası
3.CSS Color ve Background-Color
4.CSS Metin Özellikleri
5.CSS font-size Kullanımı
6.CSS font-family Kullanımı
3.Sınıf (Class) Seçicisi
4.Descendant (Soydan Gelen) Seçici
5.Bitişik ve Doğrudan Çocuk Seçicileri
6.Özellik Seçiciler (Attribute Selectors)
7.Pseudo Sınıflar ve Pseudo Elemanlar
8.Kaskad (Cascade) Nedir?
9.Özgüllük (Specificity) Nedir?
10.Chrome Developer Tools Kullanımı
11.Inline Stiller ve !important
12.Kalıtım (Inheritance) Nedir?
3.Padding Kullanımı
4.Margin Kullanımı
5.Box-Sizing ile Kutu Yönetimi
6.CSS Display Kullanımı
7.CSS Birimleri
8.EM Birimi Nedir?
9.REM Birimi Nedir?
3.Transitions Nedir?
4.Transform Nedir?
5.Google Fonts Kullanımı
3.Profile Card HTML Yapısı
4.Profile Card Stillendirme
5.Profil Fotoğrafı Alanı Stillendirme
6.Yetenekler Alanı HTML
7.Yetenekler Alanı Stillendirme
8.İletişim Alanı HTML
9.İletişim Alanı Stillendirme
3.justify-content Nedir?
4.flex-wrap Nedir?
5.align-items Nedir?
6.align-content ve align-self Nedir?
7.flex-basis, flex-grow ve flex-shrink Nedir?
8.Order Nedir?
9.CSS'te Medya Sorguları (Media Queries) ile Responsive Tasarım
3.İlk JavaScript Kodumuzu Yazıyoruz
4.Değişkenler (Variables) Nedir?
5.İlkel (Primitive) Veri Tipleri
6.Sayılar ve Matematiksel Operatörler
7.Boolean Veri Tipi
8.Karşılaştırma Operatörleri
9.Değişken İsimlendirme Kuralları
10.Konsol, Bildirim ve Kullanıcı Etkileşimi
3.String Metotları
4.Argüman Alan String Methodları
5.Template Literals
6.null ve undefined
7.Math Nesnesi
3.else-if Yapısı
4.else Yapısı
5.İç İçe Koşullu İfadeler
6.Truthy ve Falsy Değerler
7.Mantıksal AND (&&) Operatörü
8.Mantıksal OR (||) Operatörü
9.Mantıksal NOT (!) Operatörü
10.Switch Yapısı
3.push, pop, shift ve unshift Metotları
4.Diğer Dizi Metotları
5.Dizilerin Karşılaştırılması
6.const ile Tanımlanan Diziler Neden Değiştirilebilir?
7.İç İçe Diziler (Nested Arrays)
3.Nesnelerde Veri Ekleme, Güncelleme ve Silme İşlemleri
4.JavaScript Uygulamalı Ödev
5.JavaScript Uygulamalı Ödev Çözümleri
3.Sonsuz Döngüler (Infinite Loops)
4.Diziler Üzerinde Dolaşmak
5.İç İçe Döngüler ve Çok Boyutlu Dizilerle
6.While Döngüsü
7.break Kullanımı
8.for...of Döngüsü
9.Nesneler Üzerinde Döngü Kullanımı
3.Birden Fazla Argüman Göndermek
4.return Anahtar Kelimesi
5.Scope (Kapsam) Nedir?
6.Higher Order Functions Nedir?
7.JavaScript’te Metotlar
8.this Anahtar Kelimesi
9.Try/Catch Yapısı
3.map() Metodu
4.Arrow Function (Ok Fonksiyonları)
5.Zamanlayıcı Fonksiyonlar
6.filter() Metodu
7.every() ve some() Metotları
8.reduce() Metodu
9.this ve Arrow Function
3.Dizi İşlemlerinde Spread Kullanımı
4.Obje İşlemlerinde Spread Kullanımı
5.Destructuring Assignment
6.Rest Operatörü
3.getElementsByTagName ve getElementsByClassName Kullanımı
4.DOM querySelector ve querySelectorAll
5.DOM innerText, textContent ve innerHTML Kavramları
6.DOM HTML Özellikleri (Attribute) Üzerinde Çalışmak
7.Web Sayfası Üzerindeki Stilleri Değiştirme
8.classList Kullanımı
9.Parent, Children ve Siblings
10.Yeni HTML Öğeleri Oluşturma ve Yerleştirme
11.removeChild() ve remove() Metotları
3.Event Handler'larda this Kullanımı
4.Klavye Olayları ve Event Object
5.Form Events ve preventDefault
6.Input ve Change Events
7.Event Bubbling
8.Event Delegation