11E Web Tasarım Dersi 
Ders ödev konuları
BTK Akademideki şu HTML5 ile Web Geliştirme dersi 3 Kasıma kadar sertifikasını alınız. Her geç kalınan gün için katlamalı olarak -5den başlayan not düşümü gerçekleşecektir. Erken getirilen sertifikalar her hafta için +20 katlamalı puan verilecektir.
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 geometrik olarak düşülücek.
Joker Ödev:
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 geometrik olarak düşülücek.
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. | Her 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 |
- 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.
- Gönderilmiş ödevler listesini şuradan bulabilrsiniz.
- Ödevin son gönderilme tarihinden sonra gönderilen ödevler değerlendirmeye alınmayacaktır.
| Konu | |||
| 1 | 15.09 | Ö1 | http://, https://, tracert google.com, alan adı uzantıları, domain, host, ssl, natro.com, dnschecker.org, whois ile iligili sunum veya video olarak teslim alinicak. |
| 2 | 15.09 | Ö2 |
Basit Html web sitesi nasıl yapılır? |
| 3 | 22.09 | U1 | Html, JS Kullanımı |
| 4 | 22.09 | Ö3 | H1..H6, paragraf, styles, formating taglarını anlatan, bol örnekli bir sunu veya video dosyası hazırlayınız. |
| 5 | 29.09 | U2 | ol / li kullanımı |
| 6 | 29.09 | U3 | ol / li menü yapımı |
| 7 | 29.09 | Ö4 | Sene boyunca katılacağı yada yapacağı proje hakkında sunum |
| 8 | 06.10 | U4 | Table'ın tüm parametreleri |
| 9 | 06.10 | U5 | Div Tagı |
| 10 | 06.10 | O5 | Table'ın tüm parametreleri sunusu, özellikle colspan ve rowspan özelliklerinin anlatılması hankkında sunum |
| 11 | 06.10 | O6 | Div / Span ve (blok ve inline) elemanların kullanımı hankkında sunum |
| 11 | 13.10 | U6 | Colspan / Rowspan |
| 12 | 13.10 | U7 | div, table uygulaması |
| 13 | 13.10 | O7 | Semantik web site taglarını açıklayın, örneklerle nasıl kullanıldığını, block, inline, inline-block özelliklerini gösteren örneklerle anlatın. |
| 14 | 20.10 | U8 | Kart Tasarımı |
| 15 | 20.10 | O8 | figure, img, video, |
| 16 | 20.10 | U9 | srcset |
| 17 | 20.10 | U10 | Video sitesi tasarımı |
| 18 | 20.10 | O) | Video sitesinin benzerini figure, img taglarını kullanarak gerçekleştiriniz. 3 bölüm ve her bölüm içinde en az 5 resim. (a href) |
| 19 | |||
| 20 |
Ödevler
| Öğrenci | S1 | Ö1 | Ö2 | U1 | Ö3 | U2 | U3 | O4 | U4 | U5 | O5 | U6 | O6 | U7 | O7 | U8 | U9 | U10 | ||||
| 500 | İrem | 200 | 100 | 100-30K | 80 | 80 | 120 | 100 | 100 | 90 | 100 | 100 | 80-20K | 100 | 100 | Y0 | Y | Y | Y | Yapı Risk Analizi / İGÜ | ||
| 501 | Berra | 10 | 70-10ÖG | 100 | 90 | 100-10K | 100 | 100 | 90 | 100 | 70 | 80-20K | 60 | 100 | 100 | 100 | 60 | 70 | Yapı Risk Analizi / İGÜ | |||
| 547 | Emre | 120-10ÖG | 100-30K | 100 | 80 | 120-20K | 100 | Sonra | 100 | 100 | 60 | 10-20K | -20K | 80 | 100 | 90-30G+30IYT | 100 | Plen 2 | ||||
| 573 | Enes | 100-10ÖG | 120-30K | 100 | 60 | 100-20K | 100 | 100 | 100 | 90 | 70 | 100-20K | 60 | 60GEÇ | 100 | 70 | 90 | Roket /Teknofast | ||||
| 576 | Bükre | 100 | 100 | 60 | 0 | 100 | 120 | 100 | 90 | 100 | 0 | 100 | 60 | 100-30Ö | 90 | 100 | 100-30G | 80 | Yumurta Toplama / Tasarla Çalıştır /Teknofast | |||
| 586 | Tuna | 100-10ÖG | 100-30K | 100 | 80 | 100-20K | 100 | 100 | 90-50 film | 90 | 80 | 100-30K | 120-20DP | 100-30Ö | 100 | 90 | 90-30G | 100 | Game Jam | |||
| 630 | Güllü | 180 | 150-10ÖG | 100 | 100 | 100 | 100 | 100 | 100 | 120 | 90 | 90 | 100-20K | 60 | 60 | 101 | 101 | 90 | 120 | Çizgi İzleyen / Game Jam / Hacathlon | ||
| 640 | Gais | 160 | 120-10ÖG | 120 | 100 | 80 | 100 | 100 | 100 | 90-10YG | 100 | 70 | 100 | 100 | 70EKSİK-10DLN | 100 | 100 | 70 | 95 | Çizgi İzleyen / İTÜ | ||
| 643 | Tugay | 100 | 100 | 100 | 80 | 100 | 100 | Sonra | 95 | 100 | 70 | 100-20K | 60 | 120 | 90 | 100 | 70-30G | 80 | Renk Tanıma / İTÜ | |||
| 647 | Cem | 100 | 100 | 100 | 0 | M | M | 100 | 90 | 90 | Y | Y | Y | Y | 80 | 60 | 60 | Roket / Teknofast | ||||
| 648 | Ege | 0 | 0 | 10 | 90 | 100 | 100 | 100 | 90 | 98 | 85 | 100-20K | 75-20K | 80 | 100 | 60-30G | 20 | Roket / Teknofast | ||||
| 649 | Alperen | 200 | 120-10ÖG | 100-10ÖG | 100 | 90 | 100 | 100 | Sonra | 90 | 100 | 70 | 100 | 80 | 100 | 100 | 100 | 70 | 95 | Tübitak | ||
| 650 | Yusuf | 200 | 90 | 70 | 70 | 80 | 100 | 100 | 100 | 95 | 90 | 80 | 100 | 100 | 120 | 100 | 120 | 85 | 90 | Yumurta Toplama / Tasarla Çalıştır /Teknofast | ||
| 651 | Osman | 120-10ÖG | 120 | 120 | 80 | 100 | 100 | 100 | 100 | 100 | 70 | 120 | 100 | 150 | 100 | 100 | 70 | 85 | Plen2 | |||
| 654 | Hakan | 120-10G | 80-10ÖG | 100 | 80 | 100 | 100 | 100 | 90 | 90 | 70 | 100-20K | 70-20K | 80 | 90 | 90 | 90-30G | 80 | Çizgi İzleyen / İTÜ |
Yoklama (İstisnalar)
| 22.10 | |||||||||
| 621 Muhammed Ç. |
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 | U32 | Responsible Background Image | |
| U14 | Form Get / Post | 26.02. | U33 | CSS Değişken Kullanımı | |
| U15 | Placeholder Autocomplete Autofocus List Min Max Pattern Required Step Multiple progress meter fieldset legend |
26.02 | U34 | Üç Modlu Tema | |
| U16 | css import kullanımı | 05.03 | U35 | Bootstrap İlk Kod | |
| U17 | 12.03 | U36 | Bootstrap row/cols | ||
| U18 | Form Tasarımı 2 | 26.03 | U37 | Bootstrap Table | |
| U19 | Background Uygulaması | 02.04 | U38 | Bootstrap Card | |
| U20 | display, position | 02.04 | UO39 | Bootstrap Card Kullanımı | |
| 09.04 | U40 | Bootstrap Card Tasarımı | |||
| 07.05 | U41 | Bootstrap Üst Menü Tasarımı / sticky-top | |||
| 07.05 | U42 | Modal Uygulaması | |||
| 14.05 | U43 | Form Uygulaması | |||
| 11.06 | U44 | React / Vite Kurulum Videosu hazırlama | |||
| 11.06 | U45 | Class Yapısında Construct | |||
| 11.06 | U46 | React ile map() kullanarak menu komponenti tasarlayınız. (Hover efecti olsun) Video olarak, dijital ortamda gönderiniz. |
Uygulamalar
Yoklama
| 22.09 | |||||||||
| Enes, Tugay Geç |
