- University: Koya University
- Department: Computer Engineering Dept.
- My Status: Assistant Lecturer
- Level: BSc
- Year: 2009-2011
Course Description
This course provides a comprehensive introduction to internet technology and web development, covering fundamental concepts of web technologies and practical skills for creating interactive web applications. Students will learn the core technologies that power the modern web: HTML for structure, CSS for presentation, and JavaScript for interactivity.
The curriculum emphasizes hands-on development experience, enabling students to create responsive, user-friendly web pages and web-based applications. Students will gain practical experience in document creation, formatting, and manipulation, as well as understanding the principles of web design and user experience.
Through projects and practical exercises, students will develop the skills necessary to build modern web applications, preparing them for careers in web development, front-end engineering, and internet technology.
Prerequisites
- Basic computer literacy
- Understanding of file systems and text editing
- Logical thinking and problem-solving skills
- No prior web development experience required
Course Objectives
Upon completion of this course, students will be able to:
- Create well-structured HTML documents using semantic markup.
- Apply CSS styling to create visually appealing and responsive web pages.
- Implement JavaScript functionality for interactive web applications.
- Manipulate the Document Object Model (DOM) dynamically.
- Design and develop complete web-based applications.
- Understand web standards and best practices for modern web development.
- Deploy and maintain web applications effectively.
Course Outline
Week 1: Introduction to Internet Technology
- Internet fundamentals and architecture
- Web technology evolution and standards
- Client-server model and web protocols
- Web development tools and environments
- Web design principles and best practices
- Lab: Setting up web development environment
Week 2: HTML Fundamentals
- HTML document structure and syntax
- Semantic markup and document organization
- HTML elements and attributes
- Document validation and standards compliance
- Accessibility considerations in HTML
- Lab: Creating basic HTML documents
- Text formatting and typography
- Lists, tables, and data organization
- Links and navigation structures
- Images and multimedia elements
- Forms and user input elements
- Lab: HTML structure and formatting exercises
Week 4: Advanced HTML Features
- HTML5 semantic elements
- Form validation and input types
- Audio and video integration
- Canvas and graphics elements
- HTML5 APIs and advanced features
- Lab: Advanced HTML5 features implementation
Week 5: CSS Fundamentals
- CSS syntax and selectors
- Box model and layout concepts
- Color theory and typography
- CSS units and values
- CSS organization and structure
- Lab: Basic CSS styling and layout
Week 6: CSS Layout and Positioning
- CSS positioning techniques
- Flexbox layout system
- Grid layout fundamentals
- Responsive design principles
- CSS frameworks and libraries
- Lab: CSS layout and responsive design
Week 7: Midterm Exam and Review
- Midterm Exam: Covers weeks 1-6 material
- Review of HTML and CSS fundamentals
- Web design practice
- Lab: Exam review and practice problems
Week 8: CSS Styling and Effects
- Backgrounds and borders
- Transforms and transitions
- Animations and keyframes
- CSS preprocessors (Sass/SCSS)
- Advanced styling techniques
- Lab: CSS animations and advanced styling
Week 9: JavaScript Fundamentals
- JavaScript syntax and data types
- Variables, operators, and expressions
- Control flow and decision making
- Functions and scope
- Error handling and debugging
- Lab: Basic JavaScript programming
Week 10: JavaScript Programming
- Arrays and object manipulation
- Loops and iteration techniques
- Event handling and user interaction
- Asynchronous programming concepts
- JavaScript best practices
- Lab: JavaScript programming exercises
Week 11: DOM Manipulation
- Document Object Model structure
- Selecting and traversing DOM elements
- Modifying element content and attributes
- Creating and removing elements
- Event delegation and handling
- Lab: DOM manipulation and dynamic content
Week 12: Interactive Web Applications
- Form validation and processing
- Dynamic content generation
- User interface interactions
- Data handling and storage
- Web application architecture
- Lab: Interactive web application development
Week 13: Web Development Best Practices
- Code organization and maintainability
- Performance optimization techniques
- Cross-browser compatibility
- Web accessibility standards
- Security considerations in web development
- Lab: Web development optimization and testing
Week 14: Final Exam Preparation and Review
- Comprehensive review of all course material
- Practice problems and sample questions
- Final Exam: Theoretical component
- Lab: Final exam practice and preparation
Week 15: Final Project and Course Wrap-up
- Final Exam: Practical web application project
- Course evaluation and feedback
- Future learning paths and advanced topics
- Lab: Final project presentation and evaluation
Textbooks
- [Recommended] “HTML and CSS: Design and Build Websites” by Jon Duckett
- [Optional] “JavaScript: The Definitive Guide” by David Flanagan
Assessment
- Web Development Projects (30%)
- HTML/CSS Assignments (25%)
- JavaScript Programming Exercises (20%)
- Final Web Application Project (15%)
- Participation and Quizzes (10%)