Course Information
SemesterCourse Unit CodeCourse Unit TitleT+P+LCreditNumber of ECTS Credits
1CPP107Web Technologies2+2+035

 
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
w3schools.com
w3schools.com
Bir grup projesi
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 Web basics: Internet, web, browser Differences between Front-End and Back-End ,Setting up web development tools and workspace
2 HTML structure and basic tags HTML5 innovations Page skeleton and structural tags
3 Forms and input elements Use of links, tables and multimedia content SEO friendly HTML structure
4 The logic and use of CSS CSS selectors and properties Text and box model Internal, external and inline CSS
5 Flexbox system Grid system Responsive design: Media queries and mobile compatibility
6 User experience (UX) and user interface (UI) design principles Color theory, typography, and layout Design tools (Figma, Adobe XD)
7 Asking students to create a simple website Reinforcing HTML and CSS knowledge
8 What is JavaScript and how does it work? Basic variables, data types, and operators Basic DOM manipulation
9 Conditional statements and loops Functions and events Forms and validation with JavaScript
10 What is DOM? Accessing the DOM and working with elements DOM events and user interactions
11 Basic animation techniques Using setTimeout and setInterval Dynamic content loading and updating
12 What is AJAX? Areas of use JSON format and usage Data retrieval with simple AJAX application
13 What is Front-End Framework? Rapid design development with Bootstrap Bootstrap components and grid system
14 Students present their projects Q&A and general review

 
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