Course image ITE3162: Interactive Web Development
Trimester 1

Course Description

This course will introduce students to a variety of methods for creating applications. They will learn how to plan and design a web application through wireframes and mockups. Student will also acquire knowledge in basic HTML, basic CSS or Cascading Style sheets and Javascript. This course also will also introduce how to program business logic on the backend using Python programming language. And lastly, students will learn different options used to publish or deploy  web applications

Course Objectives

  • Express knowledge of a variety of ways that web applications may be developed.
  • Continue to demonstrate a progressive knowledge of web design through mockups and wireframes.
  • Understand how to use HTML, CSS, javascript, and bootstrap for web development. 
  • Understand the basics of python as one of the server-side languages that can be used to program business logic. 
  • Demonstrate the use of Django web framework for rapid and secure development of web applications.

Learning Outcomes
At the end of this course students will be able to:

  • Understand and apply concepts and theories for designing and developing interactive web applications.
  • Know the best practices that are the foundation of web design and development.
  • Plan the design of web applications and using Figma or Adobe XD to create web graphics, wireframes, and mockups
  • Apply HTML, CSS, Javascript, and Bootstrap framework to design responsive web pages for any type of website or web application.
  • Apply python skills in writing computer programs
  • Design and Develop original and fully functional web applications using Django web framework.

Teaching Methods

This course will be delivered in a blended approach of online and face to face sessions (both physical and virtual)

Lectures/Demonstrations: Important material from the text and outside sources will be covered in
class. You should plan to take careful notes as not all material can be found in the texts or readings.
Discussion is encouraged as is student-procured, outside material relevant to topics being covered.

Assignment/Activity:
Each week you will have one or two graded assignments/activities that are related to the skills covered in that week's contents and will be due on Sunday night. You will learn mostly by writing the code on your own. The more you practice, the better you will learn.

Project:
You will do an individual project which is building a simple web application from Unit 4 to Unit 11 using the skills you learn in this course and you have a lot of freedom to determine the design and functionalities of the web application.

Exam:
There is an invigilated written final exam at the end of the trimester. The weight of the exam will be 50% of the total marks of the course

Discussions:
All of the course discussions will happen on Microsoft Teams' course chat group that you will have to join to follow the discussions. We will check the forum every day. Sometimes, if the question is not about the assignment requirement, we will hold our answers for a while to involve more students in the discussion. You are always encouraged to post on Microsoft teams chat and participate in the discussions. Students who make contributions to the discussions on MS teams will potentially earn extra credit at the end of the course.

Resources:
Resources that might be used as supplementing materials in the resources module will be posted on the E-Learning platform as well as on the Microsoft teams course group and we will update this page throughout the term.

Code Sharing Session:
After each assignment is graded, we will select some good code examples and post them in the code-sharing session for you to review.

Tools

Microsoft Teams

  • It will be the official tool for conducting virtual lecture sessions
  • It Will also be used for discussions and other course-related communications

GitHub Classroom

  • It will be used to submit hands-on / code activities and assignments and project

E-learning

  • It will be used as the main learning platform and for other noncoding assignments.