0xmeri / 50Days50Projects

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.

Home Page:https://youtube.com/playlist?list=PL4MimQX-iTOJEdZqdR3XVX4TnON85JMhy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

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 Auto Text Effect Otomatik Metin Efekti • 50 Gün 50 Proje -18 Tamamlandı
18 Notes Not Panosu Uygulaması ( localStorage ) • 50 Gün 50 Proje -19 Tamamlandı
19 Quiz App Quiz App • 50 Gün 50 Proje -20 Tamamlandı
20 Drawing App Çizim Uygulaması - Canvas • 50 Gün 50 Proje -21 Tamamlandı
21 Pokedex Pokedex Guide - Fetch API & Async, Await Temel Proje • 50 Gün 50 Proje -22 Tamamlandı
22 Verify Account UI Verify Account UI • 50 Gün 50 Proje -23 Tamamlandı
23 Sürükle ve Bırak Sürükle ve Bırak (Drag & Drop) • 50 Gün 50 Proje -24 Tamamlandı
24 Password Strength Password Strength UI - Tailwind CSS • 50 Gün 50 Proje -25 Tamamlandı
25 Mobile Tab Navigation Mobil Sekme Navigasyonu Yapalım • HTML, CSS, JavaScript -26 Tamamlandı
26 Image Carousel Hareketli Görsel Vitrin ( setInterval ) • HTML, CSS, Javascript -27 Tamamlandı
27 Bildirim JavaScript Giriş Seviye Proje (DOM - Math.random) • Proje -28 Tamamlandı
28 Button Effect JavaScript ve CSS için Hızlı Tekrar Projesi (clientX-Y offsetTop-Left) -29 Tamamlandı
29 Hoverboard Yeni Başlayanlar İçin 15 Dakikada JavaScript ile Oyun (mouseover - mouseout) • Proje -30 Tamamlandı
30 Box Switcher Yeni Başlayanlar İçin JavaScript Projesi • HTML, CSS, JavaScript -31 Tamamlandı
31 Sticky Navbar Sticky Navbar Yapımı • HTML,CSS & JS Tamamlandı
32 Feedback UI Feedback UI Yapımı • HTML, CSS & JS Tamamlandı
33 Movie App 50 Dk İçinde Movie Website Yap - Responsive • JavaScript Fetch API Tamamlandı
34 GitHub Profil Kart GitHub Profil Kartları Yap • Axios - JavaScript Tamamlandı
35 Hazırlanıyor
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

  • Brad Traversy ve Florin Pop eğitmenlerine ait 50 Projects In 50 Days - HTML, CSS & JavaScript kursunun kendi çalışma filtremden geçirilmiş halidir.

Aktif Kullandığım hesaplar:

About

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.

https://youtube.com/playlist?list=PL4MimQX-iTOJEdZqdR3XVX4TnON85JMhy


Languages

Language:CSS 38.0%Language:HTML 36.0%Language:JavaScript 26.0%