Web and Mobile Applications I

Teachers

Included in study programs

Teaching results

Knowledge
A. Knowledge in web design and web application development using HTML, XHTML and CSS, including professional programming practices with XML, JSON, JavaScript, AJAX and the JSON data format.
B. Understanding the purpose and advantages of XML as a data-exchange format in REST interfaces, the efficiency of JSON, and the ability to work with these formats using JavaScript scripts.
C. Knowledge of TypeScript (a superset of JavaScript) and its application in modern development.
Skills
D. To design input and output data of a web application in the correct structure and format (XML, JSON).
E. To process input data in a web application using JavaScript scripts.
F. To use TypeScript for automated testing of internet applications.
G. To create and test REST services using Node.js/Express, communicate with SQL and NoSQL databases in TypeScript, and test HTML5 applications across browsers.
Competentness
A. To apply web design and markup knowledge in creating and designing web solutions.
B. To effectively use XML and JSON as data-exchange formats in web communication.
C. To use TypeScript as a tool to improve security, reliability, and code clarity.
D. To design data structures aligned with web interfaces and APIs.
E. To integrate JavaScript into complete data-processing workflows of web applications.
F. To implement automated testing using TypeScript in professional development pipelines.
G. To build, test, and optimize REST API services in the context of modern SQL and NoSQL data platforms.

Indicative content

1. markup languages HTML and XHTML
2. XML
3. the JavaScript scripting language
4. AJAX programming technique
5. text-data format JSON
6. CSS style sheet
7. scripting language PHP
8. DB management using PHP
9. Typescript language
10. basic algorithms and data structures
11. using/testing REST services - node.js / express
12. using/testing REST services - postgresql and mongodb
13. automated application testing with js frameworks

Support literature

1. Naik, P. G., & Naik, G. R. (2024). Mastering Bootstrap, AJAX, and jQuery for elevating web experiences with advanced development techniques. Shashwat Publication.
2. Easy HTML – Handy Guide (2023): Discover the World of … (2023). Publisher unknown. https://www.amazon.com/Easy-HTML-Discover-Programming-Foundations/dp/B0C9SBNWC2
3. Haverbeke, M. (2024). Eloquent JavaScript (4th ed.). Publisher info not fully specified. https://eloquentjavascript.net
4. Mlýnková, I. (2008). XML technologie. Grada.
5. Kosek, J. (2000). XML pro každého. Grada.
6. W3Schools. (n.d.). XML tutorial. https://www.w3schools.com/xml/default.asp
7. W3Schools. (n.d.). JavaScript tutorial. https://www.w3schools.com/js/default.asp
8. W3Schools. (n.d.). AJAX tutorial. https://www.w3schools.com/ajax/default.asp
9. W3Schools. (n.d.). JSON tutorial. https://www.w3schools.com/json/default.asp
10. W3Schools. (n.d.). HTML & XHTML tutorial. https://www.w3schools.com/html/default.asp
https://www.w3schools.com/html/html_xhtml.asp

Syllabus

1. Markup languages HTML and XHTML Fundamental principles of creating web pages using HTML and its stricter specification, XHTML. Document structure, semantic markup, and correct use of elements in modern web interfaces. 2. XML language Concept of hierarchical text-based data representation and its application in internet systems. Validation, creation of custom schemas, and the use of XML as a data-exchange format. 3. JavaScript scripting language Basics of client-side programming, DOM manipulation, and event handling. Development of interactive components and communication with server-side services. 4. AJAX programming technique Asynchronous communication between client and server without reloading the web page. Use of AJAX in modern applications and its integration with JSON and XML. 5. JSON text-data format Lightweight and efficient data format used for web APIs. Parsing, serialization, and secure handling of JSON in JavaScript applications. 6. CSS styling language Styling of web pages using selectors, cascading rules, and the box model. Development of responsive layouts and the use of contemporary styling techniques. 7. PHP scripting language Server-side programming for processing requests and generating dynamic web pages. Principles of secure coding and interaction with backend systems. 8. Database management using PHP Manipulation of SQL databases, implementation of CRUD operations, and safe execution through prepared statements. Integration using PDO or MySQLi. 9. TypeScript language Statically typed superset of JavaScript improving reliability and maintainability. Use of types, interfaces, modules, and object structures in large-scale applications. 10. Basic algorithms and data structures Principles of sorting, searching, and efficient data storage. Understanding arrays, lists, graphs, and trees for use in web development tasks. 11. Using/testing REST services – Node.js / Express Creation of server-side APIs, routing definitions, and HTTP request processing. Functional and integration testing of REST services in real environments. 12. Using/testing REST services – PostgreSQL and MongoDB Integration of REST APIs with relational (PostgreSQL) and document-based (MongoDB) databases. Data modeling, query optimization, and testing communication correctness. 13. Automated testing of applications using JavaScript frameworks Use of frameworks such as Jest, Mocha, or Cypress for automated frontend and backend testing. Verification of functionality, integration, and performance of web applications.

Requirements to complete the course

Requirements to complete the course:
Continuous problem solving during exercises 20%, for the exam 51% of this obligation is required
Final assignment 20%, 51% of this obligation is required for the exam. The final task verifies the level of learning outcomes achieved D., E., F., G.
Final exam - written form, 60% (passing the exam means obtaining a minimum of 51% of the exam grade) The theoretical part verifies the achieved level of learning outcomes A., B., C.

Student workload

Total study load (in hours):
3 credits x 26 hours= 78 hours
Study load distribution:
Seminar participation: 26 hours
Preparation for seminars: 13 hours
Project preparation: 13 hours
Preparation for the final exam: 26 hours

Language whose command is required to complete the course

slovak

Date of approval: 04.03.2025

Date of the latest change: 06.11.2025