Final Exam - Web Technologies
Complete guide to the final exam including written test and web project presentation requirements, schedule, and evaluation criteria.
Exam Schedule Overview
The final exam takes place over two days in November:
- Part 1: Written Examination - November 8th, 19:00 - 20:30 (Room B106)
- Part 2: Web Project Presentation - November 9th, 10:00 - 17:00 (Room B410)
Part 1: Written Examination
Schedule
- Date: November 8th, 2024
- Time: 19:00 - 20:30
- Location: Room B106
- Duration: 90 minutes
Content
The written exam covers fundamental concepts of web technology from:
Phase 1 - Web Fundamentals (All lessons):
- How the World Wide Web works
- Client-server architecture
- HTTP protocol and web communication
- Web standards and W3C
- Development tools and environment setup
Phase 2 - HTML (Lessons 2.1 - 2.3):
- Lesson 2.1: HTML Document Structure
- Lesson 2.2: Text Elements & Formatting
- Lesson 2.3: Lists & Navigation
Format
The exam consists of theoretical questions and practical tasks related to foundational web technology concepts. Be prepared to demonstrate your understanding of core web development principles.
Part 2: Web Project Presentation
Schedule
- Date: November 9th, 2024
- Location: Room B410
- Time: 10:00 AM - 5:00 PM
Presentation Groups
Students are divided into three groups with the following time slots:
| Group | Time Slot |
|---|---|
| Group 1 | 10:00 AM - 12:30 PM |
| Group 2 | 12:45 PM - 3:15 PM |
| Group 3 | 3:30 PM - 5:00 PM |
Presentation Format
- Total Duration: 5 minutes per student
- 3 minutes: Project presentation
- 2 minutes: Q&A session
Tip: Practice your presentation to stay within the 3-minute time limit. Focus on demonstrating key features and explaining your design decisions.
Project Information Update Required
Action Required: Before your presentation, you must update your complete project information on the course platform.
Please ensure the following information is complete and accurate:
Required Project Information
- Project Title - Keep it concise (maximum 3-4 words)
- Short Description - Summarize your project in one sentence
- Long Description - Provide a comprehensive description of your project, its purpose, and key features
- GitHub Repository URL - Your project repository link
- Live URL - If you have deployed your website online (optional)
Required Project Images (4 total)
You must upload 4 images to showcase your project:
- Favicon - 32×32 pixels, PNG format
- Open Graph Image - 1200×630 pixels (social media preview image)
- Desktop Screenshot - Homepage displayed on desktop view
- Mobile Screenshot - Homepage displayed on mobile view
Image Tips:
- Use high-quality, representative screenshots
- Ensure images accurately reflect your current project
- Open Graph images appear when sharing your project link on social media
- All images should be final versions (no placeholders)
Technical Requirements
Your web project must meet the following minimum requirements:
Page Requirements
- Homepage plus a minimum of 3 additional pages (4 pages total)
- All pages must be fully functional and operational
- Must run in a web browser using a local web server (e.g., Live Server extension)
Quality Standards
Your project must be:
- Fully functional - All features and links work correctly
- Professionally presentable - Clean, organized code and design
- Complete - No placeholder content or missing elements
Evaluation Criteria
Your web project will be evaluated based on the following criteria:
1. Project Documentation
- Completeness of project description on webproject.lrock.net
- Quality and relevance of project images uploaded to the platform
2. Website Quality
- Code quality - Clean, well-organized, and properly structured HTML/CSS/JavaScript
- Design quality - Professional, consistent, and user-friendly interface
- Completeness - All planned features implemented and functional
3. Technical Compliance
✅ Required:
- Minimum of 4 pages (homepage + 3 sub-pages)
- No dead links - All navigation links must work
- No placeholder images - All images must be final and relevant
- No external image links - All images must be stored locally in your project's images folder (no hotlinking)
- No placeholder text - All content must be complete and meaningful
- No AI-generated filler content - Content should be original and purposeful
4. Presentation Skills
Your presentation will be evaluated on:
- Clarity - How well you explain your project
- Demonstration - How effectively you showcase features
- Time management - Staying within the 3-minute limit
- Q&A responses - Your ability to answer questions about your work
Weighting: The presentation itself and your ability to answer questions are important factors in your final grade.
Important Note: Complexity is NOT a Criterion
Keep It Simple: Project complexity is NOT an evaluation criterion. You can achieve an excellent grade with a simple, well-executed project.
Quality Over Complexity
The evaluation focuses on:
- Code quality - Clean, well-structured code
- Design quality - Professional appearance and usability
- Completeness - Finished, polished work
- Presentation - Clear communication of your work
A simple portfolio website with 4 well-designed pages, clean code, and good presentation can receive the same high grade as a complex web application.
Managing Complex Projects
If you've chosen a complex project idea:
You can reduce complexity by mocking functionality:
- Fake it, don't build it all - Not everything has to actually work
- Mock up features - Show the interface without full backend implementation
- Use placeholder data - Hard-code data instead of building databases
- Simulate interactions - Use JavaScript to fake dynamic features
Examples of acceptable mocking:
- ✅ Shopping Cart: Display items and a cart interface, but don't implement real payment processing
- ✅ User Login: Show login/signup forms, but use hard-coded "credentials" instead of a database
- ✅ Search Function: Show a search box and results, but use pre-defined filtered results
- ✅ Contact Form: Create a beautiful form, but just show a "Message sent!" confirmation (no actual email)
- ✅ Dynamic Content: Show different content by manually switching between HTML pages instead of using a CMS
The Key Principle
Remember: It's better to have a simple, complete, and polished project than a complex, unfinished, or buggy one.
Focus on:
- Making what you build work properly
- Making it look professional
- Writing clean, understandable code
- Being able to explain your work
Don't stress about building the next Facebook. Build something you understand, can complete, and can present confidently.
Preparation Recommendations
Before the Presentation
Highly Recommended: Show your project to the instructor before November 9th to receive feedback and ensure you're meeting all requirements.
Checklist
Use this checklist to ensure your project is ready:
- Project has 4+ pages (homepage + 3 sub-pages minimum)
- All navigation links work correctly
- All images are final (no placeholders)
- All text content is complete (no "Lorem ipsum")
- Code is clean and well-organized
- Project description uploaded to webproject.lrock.net
- Representative images uploaded to webproject.lrock.net
- Project runs on local web server (Live Server tested)
- Presentation rehearsed and under 3 minutes
- Prepared to answer technical questions about the project
Tips for Success
- Test thoroughly - Check all links, images, and functionality
- Practice your presentation - Time yourself and refine your delivery
- Know your code - Be prepared to explain any part of your project
- Seek feedback early - Don't wait until the last minute
- Have a backup plan - Ensure your project files are backed up
Important Reminders
Key Points:
- Both exam parts (written + presentation) are mandatory
- Late submissions or no-shows may result in failure
- Your project must be your own work - be ready to explain all code
- Presentations are strictly 5 minutes (3 min presentation + 2 min Q&A)
- Bring your laptop with the project ready to present
Getting Help
If you have questions or need clarification about exam requirements:
- During Class: Ask the instructor directly
- Email: landrock@salon.io
- Project Feedback: Schedule a review session before November 9th
Resources
To prepare for the exam, review:
- Phase 1: Web Fundamentals - For written exam preparation
- AI-Assisted Coding Guide - For project development tips
- Course Overview - Access all lessons and materials
Good luck with your exam preparation!