Faculty: Vocational School This major provides a comprehensive understanding of the principles, tools, and techniques used in creating dynamic and user-friendly websites. Students learn to combine creativity with technical expertise to design engaging web interfaces and develop functional websites. The program emphasizes responsive design, front-end and back-end development, and user experience (UX) principles. Graduates are prepared for careers as web developers, UX designers, or full-stack developers in industries ranging from tech startups to corporate IT teams. **Learning Objectives:** - Understand the fundamentals of web design, including layout, typography, and color theory. - Develop skills in front-end coding with HTML, CSS, and JavaScript. - Learn techniques for responsive and mobile-first web design. - Explore back-end development using frameworks, databases, and server-side scripting. - Gain expertise in UX/UI design principles and user-centered design methodologies. - Analyze challenges in web accessibility, performance optimization, and security. - Cultivate teamwork, creativity, and problem-solving skills for web projects. **Major Outline:** 1. **Introduction to Web Design and Coding** - Overview of the web development process, including planning, design, and implementation. 2. **Fundamentals of HTML and CSS** - Study of HTML structure, semantic elements, and styling with CSS. - Techniques for creating basic web pages and layouts. 3. **Responsive Web Design** - Principles of mobile-first design, fluid grids, and flexible images. - Techniques for using media queries and frameworks like Bootstrap or Tailwind CSS. 4. **JavaScript and Interactivity** - Fundamentals of JavaScript programming for dynamic web content. - Techniques for creating interactive features such as forms, animations, and user feedback. 5. **Back-End Development** - Introduction to server-side programming with languages like PHP, Python, or Node.js. - Techniques for integrating databases using MySQL, MongoDB, or similar tools. 6. **Web Design Tools and Frameworks** - Exploration of design tools like Adobe XD, Figma, and Sketch. - Study of popular development frameworks like React, Angular, and Vue.js. 7. **UX/UI Design Principles** - Study of user experience research, wireframing, and prototyping. - Techniques for creating intuitive and visually appealing interfaces. 8. **Web Accessibility and Performance** - Principles of web accessibility (WCAG standards) and inclusive design. - Techniques for optimizing website performance and loading speeds. 9. **Web Security and Best Practices** - Fundamentals of web security, including data encryption and protection against vulnerabilities. - Techniques for implementing secure coding practices. 10. **Capstone Project in Web Design and Coding** - Real-world project to design, develop, and deploy a fully functional website or web application. - Techniques for delivering a comprehensive solution, including design, coding, and testing. **Assessment Methods:** - Hands-on coding assignments in front-end and back-end development. - Design projects using prototyping tools and frameworks. - Group projects focused on building and optimizing web applications. - Participation in internships or freelance projects for real-world experience. **Recommended Textbooks:** - "HTML and CSS: Design and Build Websites" by Jon Duckett. - "JavaScript and JQuery: Interactive Front-End Web Development" by Jon Duckett. - "Eloquent JavaScript" by Marijn Haverbeke. - "Don't Make Me Think" by Steve Krug. **Prerequisites:** Basic knowledge of computers and an interest in technology and design is recommended. Suitable for students in computer science, IT, or creative fields. **Major Duration:** Typically 4 years, including coursework, projects, and internships. **Certification:** Graduates may receive a degree in Web Design, Web Development, or a related field. Certifications like Google UX Design, Microsoft Certified: Web Developer, or W3C Front-End Developer can be pursued for specialization. **Target Audience:** Aspiring web developers, UX/UI designers, and coding enthusiasts aiming to create innovative and high-performing web solutions. This major equips students with the technical and creative skills needed to build impactful websites and web applications, blending design aesthetics with cutting-edge coding techniques.