11E Web Tasarım Dersi

Ders ödev konuları
BTK Akademi Bootstrap 5, REACT ile Web Programcılığı eğitimlerini 1 Hazirana kadar, renkli basılmış olarak getiriniz, 2. Sözlü notunuz bu sertifika olucaktır, her geç kalınan gün için -5 puan düşülücek.
 
    Konu Teslim Tarihi
1 U1

Js kullanarak, querySelector, innerHTML, window.alert(), console.log() içeren harici js dosyalı örnek uygulamanızı, satır sonu açıklamalarıyla yapınız

  
2 U2 Obje İlk Örnek  
3 U3 for döngüsü  
4 U4 for of / foeach döngüsü  
5 U5 Object get /set  
6 U6 Object get / set / function  
7 U7 Object protoype, getter, setter, Object function, construction, keys, values  
8 U8 Fonksiyon kullanımı  
9 U9 Map Kullanımı  
10 U10 Modul Kullanımı 1  
       
11      
12      
13      
14      
15      
16      
17      
18      
19      
20      
Uygulamalar
    U1 U2 U3 U4 U5 ORT U6 U7   U8 U9 U10
621 Yusuf 100 90 100 100 100 98 10 10   Y Y 100
632 Ayberk Y Y 10 Y 100 22 100 100   100 100 100
835 Mecit 100 120 120 100 100 100 100 100   100 100 100
836 Enes 100 100 85 100 100 97 100 75   80 100 Y
837 Ender 100 100 120 100 100 100 100 100   100 100 100
840 Tarık 100 100 85 100 Y 77 100 75   80 100 100
841 M. Emirhan 100 100 Y 100+20Ö Y 65 Y Y   10 100 70
842 M. Emin 100 100 100 Y Y 60 100 100   80 100 10
844 Yağız 100 100 100 100 100 100 100 85   100 100 100
Ara Sınav
    S1    
621 Yusuf 60    
632 Ayberk      
835 Mecit      
836 Enes 65    
837 Ender      
840 Tarık      
841 M. Emirhan      
842 M. Emin      
844 Yağız      

Joker Ödev:

İşlem Basamakları Öneriler
? Bir okul programında kullanılabilecek değişkenleri maddeler hâlinde yazınız. ? Değişken isimlendirme kurallarına dikkat ediniz.
? Tanımladığınız her değişkene bir tip belirleyiniz. ? He değişkenin bir tipi olması gerektiğini unutmayınız.
? Tanımladığımız her değişkene bir değer atayınız. ? Tanımlanan her yerel değişkenin bir değeri olması gerektiğini unutmayınız.
? Tanımladığımız değişkenlerden sabit olarak ayırabileceklerimizi seçiniz. ? Sabitlerin değeri tanımlandıklarında atanır ve program boyunca değiştirilemez

 

      Konu
1 15.10.25 Ö1 String indexOf()
String lastIndexOf()
String search()
String match()
    String matchAll()
String includes()
String startsWith()
String endsWith()
metotlarının uygulandığı tek bir uygulama yazınız.
2 04.02.26 Ö2 Oklu fonksiyon ve tarih fonksiyonlarını kullanarak,  saat, kronometre, timer(ayarlanan dakikadan, saatten geriye sayan) yapınız,
3      
4      
5      
6      
7      
8      
9      
10      
       
11      
12      
13      
14      
15      
16      
17      
18      
19      
20      
Ödevler
  Öğrenci Ö1                                        
621 Yusuf 90                                        
632 Ayberk 100                                        
835 Mecit 100                                        
836 Enes 100                                        
837 Ender 100                                        
840 Tarık 90                                        
841 M. Emirhan 0Y                                        
842 M. Emin 90                                        
844 Yağız 100                                        
Yoklama (İstisnalar)
22.10                  
621 Muhammed Ç.                  

 

 
Ödev No   Konu Teslim Tarihi
1 UÖ2

vercel.com'a üye olup bir hesap açıp, açılan hesabı github hesabınıza bağlayıp, github hesabınızdaki bir U2 klasörünü attığınız index.html içindekileri vercel.com'un verdiği url ile açan uygulamayı gerçekleştiriniz. Anlatım Linki

  
2      
3      
4      
5      
6      
7      
8      
9      
10      
       
11      
12      
13      
14      

Joker Ödev:

İşlem Basamakları Öneriler
 Bir okul programında kullanılabilecek değişkenleri maddeler hâlinde yazınız. ? Değişken isimlendirme kurallarına dikkat ediniz.
Tanımladığınız her değişkene bir tip belirleyiniz. ? He değişkenin bir tipi olması gerektiğini unutmayınız.
Tanımladığımız her değişkene bir değer atayınız. ? Tanımlanan her yerel değişkenin bir değeri olması gerektiğini unutmayınız.
? Tanımladığımız değişkenlerden sabit olarak ayırabileceklerimizi seçiniz. ? Sabitlerin değeri tanımlandıklarında atanır ve program boyunca değiştirilemez


Bootsrap 5, REACT ile Web Programcılığı sertifikalarını okul kapanmadan 3 hafta önce getiriniz. Sonraki her gün için -5 puan düşülecektir.

  • Ders Müfredatı
  • Ödev gönderme kuralları
  • İçerik Gönderme Nasıl Yapılır? Videosunu buradan seyredebilirsiniz.
  • Dersi video yapıp, videoyu youtube veya başka bir video sitesi üzerine yükleyip linki ödev olarak gönderebilirsiniz.
  • Ödevlerden biri eksik olduğu taktirde sınaa girmek zorundasınız.
  • Uzaktan veya Canlı ders dışında ödev kontrolü yapmıyorum, ödevleri beraber kontrol ediyoruz.
  • Sorularınızı lütfen sınıf dijital başkanı Ali EMRE YAR'a sorunuz.
  • 1. Sınavda 2. Modülün (Kodlamaya Hazırlık) 17. sayfaya kadar sorumlusunuz.
  • Gönderilmiş ödevler listesini şuradan bulabilrsiniz.
  • Ödevin son gönderilme tarihinden sonra gönderilen ödevler değerlendirmeye alınmayacaktır.
  Konu Teslim Tarihi     Tarih
U1 alwaysfreewebhosting.com'dan domain, hosting, ssl alma işlemi 11.09 U21 Web Tasarım 11.12
U3 3 sayfalık temel web sitesi 25.09 U22 Grid 1 11.12
U4 link tagı 02.10 U23 Flex 1 18.12
U5 Metin Formatlama Tagları 02.10 U24 Flex 2 18.12
U6 Li ile menü yapımı 09.10 U25

display, position, z-index, opacity, box-shadow, cursor, overflow, filter

 25.12
U7 Table Tag 09.10 U26 @media kullanımı 05.02
U8 DIV Kullanımı 16.10 U27

CSS Combinators

 12.02
U9 Semantic Web Sitesi Çatısı Oluşturma 16.10 U28 CSS Seçicilerle Menü yapımı 12.02
U10 Semantic Web Sitesi Çatısı Oluşturma 2 23.10 U29 Girilen Metni Css ile Bilçimlendirme 12.02
U11 6lı video sayfası video kodu kullanılarak 23.10 U30 Chat Box Yapımı 19.02
U12 Aynı sayfa içinde hper link tanımlama 23.10 U31 Sabit Sag Yan Menü 19.02
U13 Tüm Html Form Imput Taglarının uygulandığı kişisel bilgiler kayıt formunu oluşturunuz 30.10      
U14 Form Get / Post 20.11      
U15 Placeholder
Autocomplete
Autofocus
List
Min
Max
Pattern
Required
Step
Multiple
progress
meter
fieldset
legend		 20.11      
U16 css import kullanımı        
U17          
U18 Form Tasarımı 2        
U19 Background Uygulaması        
U20 display, position        
Uygulamalar
    U26 U27 U28 U29 U30 U31                  
621 Muhammed Ç Y Y Y Y 70 80                  
632 Ayberk 100 35-50Ö 100-50Ö 100 100 95                  
835 Mecit 100 90 200 100 100 95                  
836 Enes 100 35 100 100 Y Y                  
837 Ender 100 35 100 100 110 98                  
840 Tarık 100 35 100 100 100 95                  
841 Emirhan 100 40-50Ö 60-50Ö 100 Y 90                  
842 Muhammed 70 40 100 100 80 95                  
844 Yağız 100 70 100 100 120 100                  
853 Tarık Emir M M Y Y 100 100                  
854 Yahya M 60 100 100 10 100                  
855 Miraç M 40 100+20Ö 100 70 110                  
856 Emre M M Y Y 100 90                  
 
    U21 U22 U23 U24 U25BONUS   U26                            
621 Muhammed Ç 70 M 60 50 *   Y                            
632 Ayberk 85 100 100 100 100   100                            
835 Mecit 120 130 100 100 100   100                            
836 Enes 90 100 90 80 100   100                            
837 Ender 90 100 100 100 *   100                            
840 Tarık 90 100 70 90 100   100                            
841 Emirhan 60 70 100 Y *   100                            
842 Muhammed 70 70 60 10 *   70                            
844 Yağız 80 100 100 100 150   100                            
 
    U1 UÖ2 U3 U4 U5 U6 U7 U8 U9 U10 U11 U12 U13 U14 U15 U16 U17 U18 S1 U19 U20
621 Muhammed Ç 100 100 90-20KPY 100   0Y 0Y 120 100 10 100 90 10 100 50- 50DEF 10   75 42 100 100
632 Ayberk 0Y 0Y 0Y 100   M 85 0Y 0Y 0Y 0Y 100 75 10UYKU 10UYU 10   10UYU 60 100 100
835 Mecit 100 100 85 100   100 100 120 100 90 100 100 100 100 50-50DEF 100   100 77 100 120
836 Enes 100 100 60-20KPY 100   70 100 120 100 90 100 90 100 100-20Ö 50-50DEF 10   80 65 100 100
837 Ender 100 100 80 100 100 80 70 120 100 90 100 100 85 100 50-50DEF 10   85 63 100 100
840 Tarık R 100 60-20KPY 100 90 100 100 120 100 60 100 90 120 100 85-15DEF 60   100 77 100 100
841 Emirhan 100 100-40ÖNLK 90-20KPY 100 100 70 70 120 100 10 10 90 85 100 50-50DEF Y Y Y Y 100 50
842 Muhammed 100 100 M 120 100 0Y 0Y 120 100 10 100 90 100 90 50-50DEF Y   65 M 100 100
844 Yağız 100 100 80 100   0Y 0Y 120 100 90 10 100 85 Y Y 10   80 42 100 100

 

Yoklama 
18.02.2021 24.02.21                

Ali Y.

Hilal N.

Kerem E.

Muhammed T.

Yiğit E.

Kerem Y.

 

Barış T.

Halid Z.

 

 

Kerem Y.

Barış T.

Hilal N.

Kerem E.

Muhammet T.

Müslim Ç.

                

 

4,564 Okunma 24/09/2020.16:56:49 20/02/2026.13:00:57

/ Yorumunuzu Ekleyin
/ 11E Web Tasarım Dersi Yorumları +1 Yorum
  • Utku Yerlikaya
    1
    Utku Yerlikaya
    Emek kokan bir çalışma
    15.Ekim.2020..22:02:52,.Perşembe
Görsel Liste
11E Mobil Uygulamalar Dersi

Ders ödev konuları

5,827 okuma, 20.02.2026 12:59

11E Mobil Uygulamalar Dersi
10E Nesne Tabanlı Uygulama NTP

5,360 okuma, 09.02.2026 16:52

10E Nesne Tabanlı Uygulama NTP
11E Grafik ve Canlandırma Dersi

5,333 okuma, 20.02.2026 12:55

11E Grafik ve Canlandırma Dersi
9A Bilgisayarlı Tasarım Uygulamaları

Ders takip sayfası

4,616 okuma, 20.02.2026 13:00

9A Bilgisayarlı Tasarım Uygulamaları
12 AMP Internet Programcılığı Dersi

Ders Ödev Konuları

4,368 okuma, 12.03.2021 12:02

12 AMP Internet Programcılığı Dersi
9E Programlama Temmelleri Dersi

Ders ödev konuları

4,318 okuma, 11.06.2025 13:46

9E Programlama Temmelleri Dersi
Bilişim Teknolojileri Alanı 10. Sınıf Modülleri

4,295 okuma, 18.02.2021 01:35

Bilişim Teknolojileri Alanı 10. Sınıf Modülleri
Programlama Temelleri Dersi Müfredatı

Bu derste öğrenciye; temel algoritma, görsel blok programlama ve programlama işlemlerini yapma ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

3,978 okuma, 12.10.2020 13:16

Programlama Temelleri Dersi Müfredatı
Programlama Temelleri Dersi Müfredatı

3,844 okuma, 16.10.2020 14:53

Programlama Temelleri Dersi Müfredatı
Bilişim Teknolojilerinin Temelleri Dersi Müfredatı

Bu derste öğrenciye; iş sağlığı ve güvenliği tedbirlerini alarak bilgisayar montajı yapma ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

3,539 okuma, 18.02.2021 16:20

Bilişim Teknolojilerinin Temelleri Dersi Müfredatı
Bilişim Teknolojilerinin Temelleri Dersi Müfredatı

Bu derste öğrenciye; iş sağlığı ve güvenliği tedbirlerini alarak bilişim etiği, bilgi güvenliği, fikri mülkiyet, sanayi devrimleri, dijital dönüşüm ve endüstri4.0teknolojileri, bilgisayarmontajıyapmaveağ temellerinikullanmaileilgilibilgivebecerilerinkazandırılması amaçlanmaktadır.

3,538 okuma, 14.10.2020 13:59

Bilişim Teknolojilerinin Temelleri Dersi Müfredatı
Internet Programcılığı Dersi Müfredatı

Bu derste öğrenciye, iş sağlığı ve güvenliği tedbirleri doğrultusunda açık kaynak kodlu programlama dillerini kullanarak web siteleri oluşturma ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

3,520 okuma, 01.10.2020 18:24

Internet Programcılığı Dersi Müfredatı
11E Sınıfı Not Çizelgesi

3,239 okuma, 12.09.2025 15:29

11E Sınıfı Not Çizelgesi
Ofis Programları

:Bu derste öğrenciye; iş sağlığı ve güvenliği tedbirleri doğrultusunda kelime işlemci, elektronik tablolama ve sunu hazırlama programlarını kullanma ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

3,182 okuma,

Ofis Programları
Bilişim Teknik Resmi Dersi Müfredatı

Bu derste öğrenciye; iş sağlığı ve güvenliği tedbirleri doğrultusunda TS EN ISO standartlarına ve teknik resim kurallarına uygun olarak teknik ve mesleki çizimleri yapma ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.

3,034 okuma, 22.11.2020 21:03

Bilişim Teknik Resmi Dersi Müfredatı
12E Seçmeli Programlama

2,629 okuma, 12.12.2025 16:01

12E Seçmeli Programlama
12A Veri Tabanı ve İşletmede Beceri Eğitimi

2,564 okuma,

12A Veri Tabanı ve İşletmede Beceri Eğitimi
12 E Mesleki Yabancı Dil Dersi

1,340 okuma, 20.02.2026 14:00

12 E Mesleki Yabancı Dil Dersi
12 E Seçmeli Dijital Tasarım

39 okuma, 20.02.2026 14:41

12 E Seçmeli Dijital Tasarım
Yükleniyor...
    Yükleniyor...