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. | ? 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 |
- 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.26 | Ö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.26 | Ö2 |
Basit Html web sitesi nasıl yapılır? |
| 3 | |||
| 4 | |||
| 5 | |||
| 6 | |||
| 7 | |||
| 8 | |||
| 9 | |||
| 10 | |||
| 11 | |||
| 12 | |||
| 13 | |||
| 14 | |||
| 15 | |||
| 16 | |||
| 17 | |||
| 18 | |||
| 19 | |||
| 20 |
Ödevler
| Öğrenci | Ö1 | Ö2 | ||||||||||||||||||||
| 500 | İrem | 100 | 100 | Meb Robot | ||||||||||||||||||
| 501 | Berra | 10 | 70-10ÖG | Meb Robot | ||||||||||||||||||
| 547 | Emre | 120-10ÖG | 100 | |||||||||||||||||||
| 573 | Enes | 100-10ÖG | 120 | ? | ||||||||||||||||||
| 576 | Bükre | 100 | 100 | Teknofast | ||||||||||||||||||
| 586 | Tuna | 100-10ÖG | 100 | Game Jam | ||||||||||||||||||
| 630 | Güllü | 150-10ÖG | 100 | Çizgi İzleyen / Game Jam / Yıldız Yarışma | ||||||||||||||||||
| 640 | Gais | 120-10ÖG | 120 | Slogan /Çizgi İzleyen | ||||||||||||||||||
| 643 | Tugay | Y | Y | ? | ||||||||||||||||||
| 647 | Cem | 0 | 0 | Roket / Uçak | ||||||||||||||||||
| 648 | Ege | 0 | 0 | Roket / Uçak | ||||||||||||||||||
| 649 | Alperen | 120-10ÖG | 100-10ÖG | ITU | ||||||||||||||||||
| 650 | Yusuf | 90 | 70 | Teknofast | ||||||||||||||||||
| 651 | Osman | 120-10ÖG | 120 | ? | ||||||||||||||||||
| 654 | Hakan | 120-10G | 80-10ÖG | ? |
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 | 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ç |
