This course introduces BSc students to modern web development fundamentals. It covers the core technologies used to build interactive web applications, including HTML for structure, CSS for styling, and JavaScript for client-side logic. Students are introduced to version control using GitHub for collaborative development and code management. The course also provides an introduction to React for building dynamic, component-based user interfaces. Through hands-on labs and a practical project, students gain essential skills for developing, managing, and deploying basic web applications.
By the end of this course, students will be able to:
Understand the fundamentals of web development and how the web works.
Create structured web pages using HTML.
Apply CSS to design responsive and visually appealing user interfaces.
Use JavaScript to add interactivity and basic client-side logic to web pages.
Use GitHub for version control, collaboration, and project management.
Understand the basics of React and build simple component-based user interfaces.
Develop and deploy a small web application following good coding and collaboration practices.
After successful completion of this course, students will achieve the following:
Intended Learning Outcomes (ILOs)
Students will be able to:
Explain how the web works and describe the role of front-end technologies.
Build well-structured web pages using HTML.
Design responsive and styled interfaces using CSS.
Implement interactivity and basic logic using JavaScript.
Use GitHub to manage source code, track changes, and collaborate effectively.
Develop simple, component-based user interfaces using React.
Integrate HTML, CSS, JavaScript, and React into a small functional web application.
Competences
Students will demonstrate:
Knowledge Competence: Understanding of core web technologies and modern front-end development concepts.
Technical Competence: Ability to implement and debug basic web applications using industry-standard tools.
Problem-Solving Competence: Ability to analyze requirements and translate them into working web solutions.
Collaboration Competence: Ability to use GitHub for teamwork, version control, and code review.
Communication Competence: Ability to document, present, and explain web projects clearly.
| Activity | Percent (%) |
|---|