This repository contains 50 mini-projects in HTML, CSS and JavaScript related to the DOM (Document Object Model). The construction stages of the projects are published on YouTube.

  • By Ozan Tekin
  • Last update: Jan 8, 2023
  • Comments: 0

50 Gün 50 Proje

  • İçerik:

    • Tamamen proje bazlı bir depodur.
    • Yeni başlayan ve orta düzey geliştiriciler için basic projeler içerecektir.
    • HTML, CSS, DOM (Belge Nesne Modeli) ve JavaScript ile ilgili 50 mini proje içerir.
    • Projelerin kaynak kodlarına ve YouTube yapım video bağlantılarına aşağıdaki Projeler tablosundan rahat bir şekilde ulaşabilirsiniz.

  • Düzen:

    • Projeler klasör klasör toplanmış olup Projeler kısmında ilgili proje üzerine gelip kaynak kodlarına ve yapım videosu için YouTube bağlantılarına tıklayarak ulaşabilirsiniz.

  • YouTube Hakkında:

    • Projelerin yapım aşamaları bazıları canlı yayında birlikte kodlayarak bazıları ise normal video yükleme işlemi şeklinde paylaşılacaktır.
    • Vize ve final haftalarından kaynaklı tüm projeler canlı yayın olamayacaktır. Sınav dönemlerine denk gelen projeler normal video şeklinde yayınlanacaktır.
  • Kafanıza takılan bir şey olursa bana istediğiniz mecradan ulaşabilirsiniz.
  • Brad Traversy ve Florin Pop eğitmenlerine ait 50 Projects In 50 Days - HTML, CSS & JavaScript kursunun kendi çalışma filtremden geçirilmiş halidir.

Projeler

Sıra Kaynak Kod YouTube Bağlantı Durum
00 Genişleyen Kartlar Animasyonlu Açılan Kartlar Nasıl Yapılır • 50 Gün 50 Proje -1 Tamamlandı
01 İlerleme Adımları Animasyonlu İlerleme Adımları Nasıl Yapılır • 50 Gün 50 Proje -2 Tamamlandı
02 Animasyonlu Bir Şekilde Dönen Menü Animasyonlu Menü Nasıl Yapılır • 50 Gün 50 Proje -3 Tamamlandı
03 Gizli Arama Widget'ı Açılıp Kapanan Search Input Nasıl Yapılır • 50 Gün 50 Proje -4 Tamamlandı
04 Bulanık Loading Ekranı Animasyonlu Loading Ekranı Nasıl Yapılır • 50 Gün 50 Proje -5 Tamamlandı
05 Scroll Animasyonu Scroll Animasyonu Nasıl Yapılır • 50 Gün 50 Proje -6 Tamamlandı
06 Bölünmüş Açılış Sayfası Animasyonlu Genişleyen Açılış Sayfası Nasıl Yapılır • 50 Gün 50 Proje -7 Tamamlandı
07 Dalga Animasyonu Dalga Animasyonu Nasıl Yapılır • 50 Gün 50 Proje -8 Tamamlandı
08 Ses Stream Deck Sound Stream Deck Yapalım • 50 Gün 50 Proje -9 Tamamlandı
09 Dad Jokes Dad Jokes Generator Yapalım • 50 Gün 50 Proje -10 Tamamlandı
10 Event keyCodes keyCodes hakkında tekrar projesi • 50 Gün 50 Proje -11 Tamamlandı
11 S.S.S. Collapse Collapse Hakkında Detaylı Bir Proje Yapalım • 50 Gün 50 Proje -12 Tamamlandı
12 Random Choice Picker setTimeout ve setInterval Basit Oyun Projesi • 50 Gün 50 Proje -13 Tamamlandı
13 Animated Navigation Animasyonlu Açılan Menü • 50 Gün 50 Proje -14 Tamamlandı
14 Artan Sayaç Artan Sayaç Yapalım • 50 Gün 50 Proje -15 Tamamlandı
15 Random Image Feed Random Image Feed Nasıl Yapılır • 50 Gün 50 Proje -16 Tamamlandı
16 Loading Ekranı CSS ile Loading Ekranı • 50 Gün 50 Proje -17 Tamamlandı
17 Hazırlanıyor
18 Gelecek Proje
19 Gelecek Proje
20 Gelecek Proje
21 Gelecek Proje
22 Gelecek Proje
23 Gelecek Proje
24 Gelecek Proje
25 Gelecek Proje
26 Gelecek Proje
27 Gelecek Proje
28 Gelecek Proje
29 Gelecek Proje
30 Gelecek Proje
31 Gelecek Proje
32 Gelecek Proje
33 Gelecek Proje
34 Gelecek Proje
35 Gelecek Proje
36 Gelecek Proje
36 Gelecek Proje
37 Gelecek Proje
38 Gelecek Proje
39 Gelecek Proje
40 Gelecek Proje
41 Gelecek Proje
42 Gelecek Proje
43 Gelecek Proje
44 Gelecek Proje
45 Gelecek Proje
46 Gelecek Proje
47 Gelecek Proje
48 Gelecek Proje
49 Gelecek Proje

Aktif Kullandığım hesaplar:

Github

https://github.com/ozantekin/50Days50Projects

Popular Tag

Related