CS413 Developing the Interactive Web
CS413 Developing the Interactive Web
Syllabus | International University of Sarajevo - Last Update on Apr 04, 2026
Syllabus Quick Jump
Search and navigate to any syllabus instantly
Computer Sciences and Engineering
Amal Mersni
Course Lecturer
Course Objectives
The aims of this course are to learn modern web applications, how modern web frameworks get reduced to basic HTML, CSS and JS, to gain basic knowledge on the client-server communication model and the best architecture practices for reusable and extendable code.
Learning Outcomes
After successful completion of the course, the student will be able to:
Course Materials
Required Textbook
Online resources as provided by Upstart LLC
Additional Literature
noneTeaching Methods
Video lectures
Weekly interactive coding assignments
Live tutorials
Live Q+A sessions
Final project coding
Weekly Topics
| Week | Topic | Readings / References |
|---|---|---|
| 1 | Introduction, Frontend vs. Backend, Frameworks, Why React, Why .NET | |
| 2 | Building RESTful APIs with ASP.NET Core | |
| 3 | Using Postman, Swagger for API Requests, Connecting React to .NET APIs, | |
| 4 | Introduction to ORM, Database Integration with Entity Framework Core | |
| 5 | Authentication in .NET API, Using Authentication in React | |
| 6 | Debugging and Troubleshooting APIs, Debugging in React | |
| 7 | React Components, Routing, Forms | |
| 8 | React Components, Routing, Forms | |
| 9 | State Management with Redux | |
| 10 | Testing API and React Applications | |
| 11 | Intorduction to Cloud and CI/CD | |
| 12 | CI/CD API and frontend application | |
| 13 | Introduction to GraphQL in .NET | |
| 14 | Final Project, Review, and Q&A | |
| 15 | Project Presentations |
Course Schedule (All Sections)
| Section | Type | Day 1 | Venue 1 | Day 2 | Venue 2 |
|---|---|---|---|---|---|
| CS413.1 | Course | Wednesday 16:00 - 16:50 | B F1.17 | Wednesday 17:00 - 18:50 | B F1.25 Computer Lab |
| CS413.1 | Tutorial | Friday 16:00 - 17:50 | B F2.6 | - | - |
Office Hours & Room
| Day | Time | Office | Notes |
|---|---|---|---|
| Tuesday | 09:00 - 12:00 | A F2.28 | |
| Thursday | 14:00 - 17:00 | A F2.28 |
Assessment Methods and Criteria
Assessment Components
Final Project
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
Assignments
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
Final Exam
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
Midterm Exam
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
IUS Grading System
| Grading Scale | IUS Grading System | IUS Coeff. | Letter (B&H) | Numerical (B&H) |
|---|---|---|---|---|
| 0 - 44 | F | 0 | F | 5 |
| 45 - 54 | E | 1 | ||
| 55 - 64 | C | 2 | E | 6 |
| 65 - 69 | C+ | 2.3 | D | 7 |
| 70 -74 | B- | 2.7 | ||
| 75 - 79 | B | 3 | C | 8 |
| 80 - 84 | B+ | 3.3 | ||
| 85 - 94 | A- | 3.7 | B | 9 |
| 95 - 100 | A | 4 | A | 10 |
Late Work Policy
Information about late submission policies will be shared during class and posted in this section. Please check back for official guidelines.
ECTS Credit Calculation
📚 Student Workload
This 6 ECTS credit course corresponds to 150 hours of total student workload, distributed as follows:
Lecture Hours
42 hours ⏳ (14 week × 3 h)
Home Study
30 hours ⏳ (15 week × 2 h)
Assignments
50 hours ⏳ (10 week × 5 h)
Study on Project
28 hours ⏳ (14 week × 2 h)
150 Total Workload Hours
6 ECTS Credits
Course Policies
Academic Integrity
All work submitted must be your own. Plagiarism, cheating, or any form of academic dishonesty will result in disciplinary action according to university policies. When in doubt about citation practices, consult the instructor.
Attendance Policy
Students are expected to adhere to the attendance requirements as outlined in the International University of Sarajevo Study Rules and Regulations. Excessive absences, whether excused or unexcused, may impact academic performance and eligibility for assessment. Mandatory sessions (e.g., labs, workshops) require attendance unless formally exempted. For detailed policies on absences, documentation, and penalties, please refer to the official university regulations.
Technology & AI Policy
Laptops/tablets may be used for note-taking only during lectures. Phones should be silenced and put away during all class sessions. Audio/video recording requires prior permission from the instructor.
Artificial Intelligence (AI) Usage: The use of AI tools (e.g., ChatGPT, Copilot, Gemini) varies by assessment component. Please refer to the AI usage indicator next to each assessment item in the Assessment Methods and Criteria section above. Submitting AI-generated content as your own work, where AI is not explicitly allowed, constitutes an academic integrity violation.
Communication Policy
All course-related communication should occur through official university channels (institutional email or SIS). Emails should include [CS413] in the subject line.
Academic Quality Assurance Policy
Course Academic Quality Assurance is achieved through Semester Student Survey. At the end of each academic year, the institution of higher education is obliged to evaluate work of the academic staff, or the success of realization of the curricula.
Learning Tips
Be prepared to contribute thoughtfully during class discussions, labs, or collaborative work. Active participation deepens understanding and encourages critical thinking.
Complete assigned readings or prep materials before class. Take notes, highlight key ideas, and jot down questions. Aim to grasp core concepts and their applications—not just facts.
Use course frameworks or methodologies to analyze problems, case studies, or projects. Begin early to allow time for reflection and refinement. Seek feedback to improve your work.
Don’t hesitate to reach out when something is unclear. Use office hours, discussion boards, or peer networks to clarify concepts and stay on track.
Syllabus Last Updated on Apr 04, 2026 | International University of Sarajevo
Print Syllabus
Referencing Curricula Print this page
| Course Code | Course Title | Weekly Hours* | ECTS | Weekly Class Schedule | ||||||
| T | P | |||||||||
| CS413 | Developing the Interactive Web | 3 | 2 | 6 | ||||||
| Prerequisite | CS105 | It is a prerequisite to | - | |||||||
| Lecturer | Amal Mersni | Office Hours / Room / Phone | Tuesday: 9:00-12:00 Thursday: 14:00-17:00 |
|||||||
| amersni@ius.edu.ba | ||||||||||
| Assistant | Assistant E-mail | |||||||||
| Course Objectives | The aims of this course are to learn modern web applications, how modern web frameworks get reduced to basic HTML, CSS and JS, to gain basic knowledge on the client-server communication model and the best architecture practices for reusable and extendable code. | |||||||||
| Textbook | Online resources as provided by Upstart LLC | |||||||||
| Additional Literature |
|
|||||||||
| Learning Outcomes | After successful completion of the course, the student will be able to: | |||||||||
|
||||||||||
| Teaching Methods | Video lectures, weekly interactive coding assignments, live tutorials, live Q+A sessions, final project coding | |||||||||
| Teaching Method Delivery | Hybrid / blended | Teaching Method Delivery Notes | ||||||||
| WEEK | TOPIC | REFERENCE | ||||||||
| Week 1 | Introduction, Frontend vs. Backend, Frameworks, Why React, Why .NET | |||||||||
| Week 2 | Building RESTful APIs with ASP.NET Core | |||||||||
| Week 3 | Using Postman, Swagger for API Requests, Connecting React to .NET APIs, | |||||||||
| Week 4 | Introduction to ORM, Database Integration with Entity Framework Core | |||||||||
| Week 5 | Authentication in .NET API, Using Authentication in React | |||||||||
| Week 6 | Debugging and Troubleshooting APIs, Debugging in React | |||||||||
| Week 7 | React Components, Routing, Forms | |||||||||
| Week 8 | React Components, Routing, Forms | |||||||||
| Week 9 | State Management with Redux | |||||||||
| Week 10 | Testing API and React Applications | |||||||||
| Week 11 | Intorduction to Cloud and CI/CD | |||||||||
| Week 12 | CI/CD API and frontend application | |||||||||
| Week 13 | Introduction to GraphQL in .NET | |||||||||
| Week 14 | Final Project, Review, and Q&A | |||||||||
| Week 15 | Project Presentations | |||||||||
| Assessment Methods and Criteria | Evaluation Tool | Quantity | Weight | Alignment with LOs | AI Usage |
| Final Project | 1 | 30 | 1,2,3,4,5 | Not Allowed | |
| Semester Evaluation Components | |||||
| Assignments | 3 | 20 | 1,2,3,4,5 | Not Allowed | |
| Final Exam | 1 | 30 | 1,2,3,4,5 | Not Allowed | |
| Midterm Exam | 1 | 20 | 1,2,3,4,5 | Not Allowed | |
| *** ECTS Credit Calculation *** | |||||
| Activity | Hours | Weeks | Student Workload Hours | Activity | Hours | Weeks | Student Workload Hours | |||
| Lecture Hours | 3 | 14 | 42 | Home Study | 2 | 15 | 30 | |||
| Assignments | 5 | 10 | 50 | Study on Project | 2 | 14 | 28 | |||
| Total Workload Hours = | 150 | |||||||||
| *T= Teaching, P= Practice | ECTS Credit = | 6 | ||||||||
| Course Academic Quality Assurance: Semester Student Survey | Last Update Date: 16/04/2026 | |||||||||