Introduction to Web Development
Course Learning Objective
To equip students with the foundational skills in web programming, enabling them to develop and apply complex problem-solving strategies, enhance critical thinking, and utilize analytical reasoning.
The course will promote research-related skills, foster cooperative teamwork, and cultivate leadership readiness while advancing digital literacy, multicultural competence, and practical communication skills.
It also aims to instil environmental awareness, sustainability, autonomy, responsibility, accountability, and self-directed lifelong learning principles.
Course Outcomes
Apply web programming knowledge to solve complex problems, demonstrating critical thinking and analytical reasoning.
Conduct research and utilize web technologies to create innovative web solutions, showcasing research-related skills.
Collaborate in teams to design and execute web projects, reflecting cooperative teamwork and leadership readiness.
Communicate web programming concepts and results effectively, both orally and in writing, enhancing communication skills.
Demonstrate environmental awareness by developing web applications that contribute to sustainability and engage in self-directed learning to adapt to new web technologies.
Syllabus
Unit 1: Introduction to Web Technologies (9 hours)
Overview of the Internet and Web
Basics of HTML and CSS
Introduction to JavaScript and DOM manipulation
Unit 2: Advanced HTML and CSS (9 hours)
HTML5 features and APIs
Advanced CSS for responsive design
CSS preprocessors like SASS or LESS
Unit 3: Client-Side Scripting (9 hours)
JavaScript programming fundamentals
Event handling and asynchronous programming
Introduction to front-end frameworks (e.g., React, Angular)
Unit 4: Server-Side Programming (9 hours)
Basics of server-side scripting with Node.js
Understanding HTTP protocol and RESTful services
Introduction to databases and server-client interaction
Unit 5: Full-Stack Web Development (9 hours)
Integrating client-side and server-side technologies
Web application deployment and hosting
Security considerations in web development
Lab Exercises
Create a personal portfolio page using HTML and CSS
Implement a responsive layout with media queries
Develop a to-do list application using JavaScript
Create a dynamic content gallery with JavaScript and DOM
Build a basic Node.js server
Develop a RESTful API with Node.js
Connect a web application to a database
Implement user authentication and authorization
Create a single-page application with a front-end framework
Deploy a web application to a cloud service
Perform form validation using JavaScript
Build a web application with CRUD operations
Integrate third-party APIs into a web project
Develop a chat application using WebSockets
Create an interactive map using an external mapping API
Implement state management in a front-end application
Optimize web application performance
Ensure web accessibility standards are met
Conduct unit testing for a web application
Collaborate on a group web development project using version control