|
Lecturer(s)
|
-
Pavlíček Josef, Ing. Ph.D.
-
Sláma Jiří, Ing. Ph.D.
-
Štrausová Irena, Mgr. Ph.D.
|
|
Course content
|
Main Topics: 1. Introduction to Web Development 2. 20 Basic HTML Elements 3. Introduction to HTML, CSS, JavaScript, and Bootstrap 4. Introduction to Node.js 5. RESTful Web Services 6. Introduction to Firebase and Connecting to Firebase 7. Building a Coffee Survey Application using JavaScript, Firebase, and Vercel 8. Creating Secure JavaScript Web Applications with Vercel and Firebase 9. Data Visualization using JavaScript Charts 10. Basics of Full-Stack JavaScript Web Development 11. Sample E-Shop I 12. Sample E-Shop II - Integration with GitHub 13. Recap: JavaScript, Vercel, Firebase, GitHub
|
|
Learning activities and teaching methods
|
Monologic (reading, lecture, briefing), Dialogic (discussion, interview, brainstorming)
- Preparation for classes
- 38 hours per semester
- Semestral paper
- 44 hours per semester
- Class attendance
- 56 hours per semester
- Preparation for credit
- 30 hours per semester
|
|
Learning outcomes
|
The aim of the course is to introduce students to the fundamentals of web application development. The course focuses on learning the principles of HTML and JavaScript, using the GitHub version control system, deploying applications on the Vercel platform, and working with the Firebase cloud database. It also includes working with charts and data visualizations. The teaching is directed towards enabling students to design, program, and deploy their own JavaScript application using the acquired knowledge and skills.
Learning Outcomes: Knowledge and Understanding: Students will be able to describe the key concepts and principles of web application development. They will understand the basics of HTML and JavaScript, versioning principles in GitHub, deploying projects on Vercel, and working with the Firebase cloud database. Application: Students will be able to apply the acquired technologies in designing and implementing a web application. They will know how to use appropriate tools and libraries for data visualization and charts in JavaScript and deploy a finished application to an online environment. Analysis and Evaluation: Students will be able to analyze the functionality of a web application, identify problems, and propose optimal solutions. They will know how to evaluate different approaches to data storage, information presentation, and user interfaces. Communication Skills: Students will be able to present their projects both orally and in writing, including application documentation. They will be able to collaborate in a team on web project development using the GitHub version control system. Practical Skills: Students will be able to independently program and deploy an interactive JavaScript application connected to a cloud database. They will know how to use modern web technologies, graphic libraries, and cloud platforms for application development and deployment. Personal and Professional Development: Students will be able to reflect on their progress in programming and identify areas for further improvement. They will develop skills in independent problem-solving, critical thinking, and working with modern technologies used in professional web development practice.
|
|
Prerequisites
|
The course has no prerequisities.
|
|
Assessment methods and criteria
|
Analysis of student's work activities (technical works), Interim evaluation
Requirements for the credit: Own functional application in JS Requirements for the exam: Functional own application connecting the server and client part using REST WS and connected to a persistent (database layer), publicly accessible and published using Vercel, and stored in a GitHub repository Equal opportunities are ensured when verifying learning outcomes: Ensuring accessibility for students with specific needs, e.g., time adjustments or special aids.
|
|
Recommended literature
|
-
Attardi, J. Modern CSS: Master the Key Concepts of CSS for Modern Web Development. New York, NY (USA): Apress, 2020.
-
Collins, M. J. Pro HTML5 with CSS, JavaScript, and Multimedia: Complete Website Development and Best Practices. Chesterfield, Virginia (USA): Apress, 2017. ISBN 978-1-4842-2462-5.
-
Josef Pavlíček. Introduction into the web development by Ing. Josef Pavlicek Ph.D. 2025. Praha. 2025.
-
Krol, K. WordPress 5 Complete. Birmingham, UK: Packt, 2019.
-
Meloni, J. C., Kyrnin, J. Sams Teach Yourself HTML, CSS, and JavaScript All in One. Indianapolis, IN (USA): Sams, 2019.
-
Scott, A. D., MacDonald, M., Powers, S. JavaScript Cookbook. Sebastopol, CA (USA): O'Reilly, 2021.
|