Course Information
SemesterCourse Unit CodeCourse Unit TitleT+P+LCreditNumber of ECTS CreditsLast Updated Date
1CPP107Web Technologies2+2+03525.09.2025

 
Course Details
Language of Instruction Turkish
Level of Course Unit Associate Degree
Department / Program Computer Programming
Type of Program Formal Education
Type of Course Unit Compulsory
Course Delivery Method Face To Face
Objectives of the Course The aim of this course is to explain the basic concepts of web programming. This course is an introductory course for the World Wide Web.
Course Content For the Internet, introduction to computer programming, server-side programming principles, the markup (HTML, CSS, XHTML, XML) and scripting (JavaScript) languages,server-side technologies (Node.js, Javascript.Bootstrap, CSS Framework), Web servers, and application servers, databases, interaction (SQL, MySQL), the new web technologies (Web Services, Ajax, ROR, Django,Figma). Web Design (Figma ,Skecth)
Course Methods and Techniques Lectures, Question-Answer, Project.
Prerequisites and co-requisities None
Course Coordinator None
Name of Lecturers Instructor Kerem Çınar
Assistants None
Work Placement(s) No

Recommended or Required Reading
Resources Stepp, Miller,Kirst, Web Programming Step by Step, 2nd Ed., ISBN 978-1-105-57878-6
https://codepen.io/
https://jsfiddle.net/
https://getbootstrap.com/
https://developer.mozilla.org/
Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics – Jennifer Niederst Robbins
Course Notes Jon Duckett – HTML and CSS: Design and Build Websites
Thomas A. Powell – HTML & CSS: The Complete Reference
Elisabeth Robson, Eric Freeman – Head First HTML and CSS
Jon Duckett – JavaScript and JQuery: Interactive Front-End Web Development
Marijn Haverbeke – Eloquent JavaScript
David Flanagan – JavaScript: The Definitive Guide .
geekforgeeks,
w3schools.com
Documents Jon Duckett –JavaScript and JQuery: Interactive Front-End Web Development, HTML and CSS: Design and Build Websites,w3schools.com
Assignments Bir grup projesi
Exams Vize ve Final Proje

Course Category
Mathematics and Basic Sciences %0
Engineering %10
Engineering Design %10
Social Sciences %0
Education %0
Science %0
Health %0
Field %80

Planned Learning Activities and Teaching Methods
Activities are given in detail in the section of "Assessment Methods and Criteria" and "Workload Calculation"

Assessment Methods and Criteria
In-Term Studies Quantity Percentage
Mid-terms 1 % 30
Project 1 % 20
Final examination 1 % 50
Total
3
% 100

 
ECTS Allocated Based on Student Workload
Activities Quantity Duration Total Work Load
Course Duration 14 2 28
Hours for off-the-c.r.stud 14 2 28
Mid-terms 1 15 15
Practice 14 2 28
Project 1 10 10
Final examination 1 20 20
Total Work Load   Number of ECTS Credits 5 129

 
Course Learning Outcomes: Upon the successful completion of this course, students will be able to:
NoLearning Outcomes
1 Students learn basic web technologies such as HTML, CSS, and JavaScript and can create simple web pages with these technologies.
2 Students can develop user-friendly (responsive) web designs that are compatible with different screen sizes.
3 Using the JavaScript language, students can add dynamic content to web pages and manage user interactions.
4 Students can develop fast and effective web interfaces using popular Front-End frameworks such as Bootstrap.
5 Students can produce and implement appropriate solutions to design and functionality problems they may encounter in web projects.

 
Weekly Detailed Course Contents
WeekTopicsStudy MaterialsMaterials
1 Course workflow, semester plan, basics of Git & GitHub. Creating a repo, commit-push logic.
2 Web basics: Internet, web, browser. Differences between Front-End and Back-End. Setting up development tools & workspace.
3 HTML structure and basic tags (heading, paragraph, link, image). HTML5 innovations.
4 Lists, tables, forms, input elements. Using multimedia content. SEO-friendly HTML structure.
5 Introduction to CSS: Logic of CSS, inline–internal–external usage. Selectors and properties.
6 Box model, colors, typography. Positioning: Introduction to Position, Flexbox, and Grid system.
7 Asking students to create a simple website Reinforcing HTML and CSS knowledge
8 Midterm Exam
9 Bootstrap basics: Grid system, navbar, buttons, card components.
10 Responsive design: Media queries, mobile-friendly layouts (Bootstrap grid).
11 Conditional statements (if-else, switch). Loops (for, while).
12 Functions, scope, events (onclick, addEventListener).
13 What is DOM? Accessing DOM, working with elements, DOM manipulation.
14 Dynamic content loading: setTimeout, setInterval, simple AJAX and JSON usage.
15 Developing a project with HTML-CSS-Bootstrap-JS (e.g., portfolio website, to-do list, quiz app).
16 Final Exam

 
Contribution of Learning Outcomes to Programme Outcomes
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10
All 4 4 4 4 2 5 4 2 1 3
C1 2 3 4 2 1 4 3 1 1 2
C2 1 4 5 3 2 5 4 2 2 3
C3 2 4 5 4 2 5 4 2 1 3
C4 2 3 5 4 2 5 5 1 1 2
C5 3 5 5 5 3 5 5 3 2 4

  bbb

  
  https://obs.gedik.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=237553&curProgID=44&lang=en