Details - Tematika

Web Programming I. (GAINBAN-WEBPROG1-1)

Basic data

Name and type of the study programme

Computer Science Engineering, undergraduate program

Curriculum

2026

Classes / consultation hours

2 + 0 + 2 (L+S+Labs)

Credits

5 credits

Theory – Practice

Theory: 50%, Practice: 50%

Recommended semester

Semester 4

Study mode

full-time

Prerequisites

Programming I

Evaluation type

Mid-term evaluation

Course category

Compulsory

Language

English

Instructors

Responsible instructor

Dr. Subecz Zoltán

Responsible department

Department of Information Technologies

Instructor(s)

Dr. Subecz Zoltán

Checked by

Kovács Márk

Course objectives

- Mastering the development of modern, complex web applications. - Understanding and using the architecture behind web-based applications. - Mastering the basics of Frontend development. - Getting to know the basics of server-side applications.

Course content

Lectures

- HTML, CSS, PHP basics. The relationship between PHP and the MySQL database. - JavaScript language syntax and fundamentals. - Introduction to JavaScript variables, events, arrays, objects, functions. - Asynchronous operation of JavaScript, AJAX, using Fetch API. - Object-oriented JavaScript - Getting to know the React JavaScript library and framework - React: rendering, constants, variables, fragment, className, Components, Props - React: Events, useState Hook, lists, cycle, map, form - React: Using Vite, building, running on a local machine and on an Internet server - React: Using Single-page Application, Router, Axios - Overview of newer standards of HTML and JavaScript.

Labs

- The functioning of the Web, examining the functioning of standard websites. - Practical use of HTML language elements. - Application of CSS syntax and form formatting. - Use of PHP syntax, variables and functions. - Practice of form management. - Implementation of PHP PDO database management. Login, Registration - Practical implementation of session management using PHP. - Using routes, .htaccess file - Application of front-controller design pattern - Basics of Bootstrap framework, Responsive design with Bootstrap - Practice of basic use of JavaScript language. - Application of JavaScript events, arrays, objects, functions. - Uploading and displaying images in a gallery with PHP. - Basics of Internet security

Acquired competences

Knowledge

- He/she knows the main programming paradigms, programming languages, development tools. His/her knowledge covers the modelling of IT systems, creation of database based systems, as well as the structure, operation and implementation of computer networks. His/her knowledge covers the characteristics of intelligent systems, the specificity of mobile application development, the management of state-of-the art general purpose operating systems, as well as the aspects of IT security. - He/she is familiar with the important software development methodologies, and the notation systems for IT designs and documentation. - He knows the vocabulary and special terms of the engineering profession in the Hungarian and English languages at least on the basic level.

Skills

- He/she is able to develop applications, program client-server and WEB, mobile operating systems, develop multiplatform systems. He/she can apply his/her knowledge acquired during his/her study to acquire deeper knowledge in the field of information engineering and to process special literature and solve problems related to information technology. - He/she cooperates with other computer science engineers, electrical engineers during team work, and with other experts during the analysis and solution of a problems. - He/she constantly improves his/her knowledge and keeps up with the development of the computer engineering profession.

Attitude

- He/she is open to acquire new methods, programming languages and develop skills to use them. - He/she makes an effort to work efficiently and to high standards.

Autonomy and responsibilities

- He/she has a security-conscious attitude in posession of his/her professional knowledge, and is aware of potential threats and opportunities for attack, as well as is prepared to prevent them.

Requirements, evaluation and grading

Mid-term study requirements

During the semester, students take two 25-point computer-based midterms in the laboratory, and at home they complete a 25-point Homework assignment from the Lecture topics and a 25-point Homework assignment from the Laboratory topics. The conditions for a successful semester are: achieving at least 50% on all of the assignments and midterms.

Generative AI usage

Use of GAI tools is not permitted for solving assignments. This means GAI tools cannot be used to complete formative or summative assessments, and using GAI constitutes academic misconduct. The use of AI tools for spelling and grammar checking does not fall under this prohibition.

Study aids, laboratory background

Learning materials uploaded to Teams.All students are provided with separate, modern computer access in the laboratories.Internet resources are available in the computer service room reserved for students.

Readings

Compulsory readings

[1] David DuRocher: HTML and CSS QuickStart Guide, ClydeBank Media LLC, 2021, ISBN 1636100007 [2] Jon Duckett: PHP & MYSQL: Server-Side Web Development, John Wiley & Sons Inc, 2022, ISBN 1119149223 [3] David Flanagan: Javascript: The Definitive Guide, O'Reilly Media; 7th ed. edition, 2020, ISBN 1491952024 [4] Rauscher Gábor: React alapok front-end fejlesztéshez, Bbs-info könyvk. és inform. kft. 2025, ISBN 9786156364401