defter*
defter / katalog / CTIS 255
CTIS 255

Frontend Web Technologies

CTIS 255 builds the foundation for everything you'll do on the browser side: turning static markup into responsive, interactive interfaces by layering HTML structure, CSS layout, and JavaScript behavior through the DOM. Most of your time goes into hands-on labs and a project where you actually build pages, handling events, manipulating elements, wiring up forms, rather than just reading about them, and the final is a practical skills exam. Coming in your second-year autumn, it's the gateway to the rest of the CTIS web track (backend, full-stack, mobile web), so the fluency you build here in DOM thinking and layout debugging is what later courses assume you already have.

Kredi3ECTS5BölümInformation Systems and TechnologiesÖn koşulCTIS 151KoordinatörSerkan Genç

→ STARS müfredatı (resmi syllabus)

Haftalık müfredat 14 hafta

Hafta 114–20 Eyl
HTML 1: metin, link, görsel, liste
HTML Part 1: Tagging, Text, Linking, Image, Video, List
tagginglinkingimage/videolist
Hafta 221–27 Eyl
HTML 2: tablo ve web form elemanları
HTML Part 2: Table, Web Form UI Elements
tableweb formUI elements
Hafta 328 Eyl – 4 Eki
CSS Bölüm 1: Stil Türleri ve Çakışmalar
CSS Part 1: Style Types, Conflict Cases, Core Properties
CSSstyle typesconflict casescore properties
Hafta 45–11 Eki
CSS Bölüm 2: Box Model ve Positioning
CSS Part 2: Box Model and Positioning
CSSbox modelpositioning
Hafta 512–18 Eki
CSS Bölüm 3: Layout ve Responsive Design
CSS Part 3: Layout, Flexbox, Responsive Design
CSSlayoutFlexboxresponsive design
Hafta 619–25 Eki
CSS Bölüm 4: Kullanım Senaryoları
CSS Part 4: Use-cases
CSSuse-case
Hafta 726 Eki – 1 Kas
JavaScript temel syntax ve fonksiyonlar
Javascript Part 1: Core Syntax ( variables, expression, logical and loop statements, function, parameter passing)
variableslogical and loop statementsfunctionparameter passing
Hafta 82–8 Kas
JavaScript array'leri ve hazır object'ler
Javascript Part 2: Array Types and Functions, Predefined Objects ( Math, String, Date), Form Processing
array typesMath, String, Datepredefined objectsform processing
Hafta 99–15 Kas
JavaScript'te object oriented programming
Javascript Part 3: Object Oriented Programming
JavaScriptobject oriented programming
Hafta 1016–22 Kas
DOM API: DOM tree ve CSS yönetimi
DOM API: DOM Tree, Accessing, Managing CSS and Text Content,
DOM APIDOM treeCSStext content
Hafta 1123–29 Kas
DOM API: HTML içeriği ve element attributes
DOM API: HTML and Image Content, Element Attributes and Properties,
DOM APIHTML contentimage contentelement attributes and properties
Hafta 1230 Kas – 6 Ara
DOM API: Web Storage, timer, animation
DOM API: Web Storage API, Traversing DOM, Timer and Animation
Web Storage APItraversing DOMtimeranimation
Hafta 137–13 Ara
DOM API: event handling ve delegation
DOM API: Event Handling, Mouse Events, Event Propagation, Event Delegation
event handlingmouse eventsevent propagationevent delegation
Hafta 1414–20 Ara
DOM API: keyboard ve form events
DOM API: Keyboard, and Form Events
DOM APIkeyboard eventsform events

Değerlendirme 100% · 4 adım

25%
25%
15%
35%
Midterm Midterm 1, Midterm 2 50%
Project Project 15%
Final:Practical(skills) Final 35%
en büyük tek kalem %35 · sınav ağırlığı %85 · 35 dönem ortalaması 2.22 (1929 öğrenci) nasıl hesaplanıyor

Önerilen kaynaklar 2 kitap

📖
Önerilen
Internet and World Wide Web - How to program
Deitel, Deitel
Nieto · 2011/5th Ed.
📖
Önerilen
Javascript : The Definitive Guide
David Flanagan
2006/5th Ed. · O'Reilly

Bu dersi alınca · 3 öğrenme çıktısı

Bilkent'in resmî syllabus'ünden. Sağdaki etiket o çıktının hangi değerlendirmeyle ölçüldüğünü söylüyor.

🤖 GenAI politikası

AI tools may be used for learning and conceptual understanding (e.g., explanations, syntax clarification), but generating or submitting AI-produced code in projects or assignments is not allowed. Students are responsible for writing and understanding all submitted code.

Ders notları · henüz yok

CTIS 255 için defter ekibi henüz not yazmadı.

İlk dosyayı sen atarsan: not, slayt, geçmiş sınav, çözüm, cheat-sheet, ne varsa. defter ekibi öğrenci paylaşımlarından bu dersin notlarını yazar. Drive linki / PDF / ZIP, hepsi olur.

← katalog

Geçmiş GPA dağılımı 35 dönem · ort. 2.22

DönemCourse CPA
2025-2026 Fall 2.22 4 sec · 89 öğr
2024-2025 Fall 2.30 4 sec · 112 öğr
2024-2025 Spring 2.30 2 sec · 50 öğr
2023-2024 Fall 2.18 3 sec · 88 öğr
2023-2024 Spring 2.63 2 sec · 44 öğr
2022-2023 Fall 2.22 3 sec · 84 öğr
2022-2023 Spring 2.78 2 sec · 61 öğr
2021-2022 Fall 2.18 3 sec · 70 öğr
2021-2022 Spring 2.74 2 sec · 51 öğr
2020-2021 Fall 2.26 3 sec · 62 öğr

Aggregate course GPA · Bilkent STARS'tan public data. Hoca-bazlı per-section detayı için STARS evaluation report →. Öğrenci anket cevapları KVKK kapsamında defter'de tutulmaz. Tüm derslerin ortalamaları →

Bu dönem · 2026-2027 Güz · 4 şube · 92 kontenjan

haftada 3 saat ders

Haftalık ızgarada 4 saat görünüyor, kayıt sistemi dersi 3 saat yazıyor. Aradaki 1 saat yedek saat: Bilkent programlarında derse genelde bir fazla saat ayrılır ve çoğu zaman kullanılmaz. Hangisinin düşeceği dönem başlayınca belli olur.

1
Serkan Genç
Sal08:30–10:20C-CTISL3Per13:30–15:20C-CTISL3
23
kişilik
2
Serkan Genç
Sal10:30–12:20C-CTISL3Per15:30–17:20C-CTISL3
23
kişilik
3
Serkan Genç
Sal13:30–15:20C-CTISL3Cum08:30–10:20C-CTISL3
23
kişilik
4
Serkan Genç
Sal15:30–17:20C-CTISL3Cum10:30–12:20C-CTISL3
23
kişilik
programıma ekle → CGPA'ya ekle kayıt tarihleri
Her dönem açılıyorSon yıllarda 24 güz ve 14 bahar döneminde açılmış. Yaz okulunda da 2 kez açılmış. Kaçırırsan bir sonraki dönem tekrar bulabilirsin.

⚠️ FZ engelleyen şartlar

You should not miss more than 15 lecture hours.

Hocalar 1 bu dönem · 3 geçmiş

Bu dönem (2026-2027 Fall) · 4 section
Serkan Genç ×4
Geçmişte ders veren (3 kişi)
Neşe Şahin Özçelik, Cüneyt Sevgi, Kadir A. Peker

Bu ders 1 bölümün müfredatında zorunlu.

Bilişim Sistemleri ve Teknolojileri2. sınıf Güz

Kutulardaki sınıf ve dönem, o bölümün müfredatının dersi hangi sırada önerdiği. Dersin fiilen hangi dönem açıldığı ayrı bir şey.

Bunu alınca açılanlar · 1 ders CTIS 255'i ön koşul sayıyor

CTIS 256Introduction to Backend Development