MDIA 3109 Advanced Dynamic Content Design

British Columbia Institute of Technology

Technical Information

Software Used:

  • PowerPoint

  • YouTube

  • Adobe Creative Cloud

  • Visual Studio

Date:

  • January 2023 – May 2024

Client:

Henry Leung BCIT

Title:

Curriculum Developer

Course Description

Monika Szucs help created and update the content in the Digital Design and Development Diploma at BCIT.

MDIA 3109 equips students to build robust, data-driven web applications using TypeScript as a core technology. The course moves from TypeScript fundamentals to practical application, covering unit testing for code reliability and RESTful API integration for dynamic content. Students will also develop professional skills in technical presentation design and analyze emerging web development trends. The learning culminates in a collaborative final project where students design, build, and present a fully-functional dynamic application, synthesizing technical mastery with critical industry analysis.

Course Learning Outcomes/Competencies

Upon successful completion of this course, students will be able to:

  • Apply TypeScript Development Principles: Utilize TypeScript to architect, develop, and debug robust web applications, leveraging static typing, interfaces, and modern ES+ features to enhance code quality, scalability, and maintainability

  • Implement Test-Driven Development: Author and execute comprehensive unit and integration tests using a modern testing framework (e.g., Jest) to validate TypeScript code functionality, ensure reliability, and facilitate collaborative development.

  • Integrate Dynamic Data Sources: Design and implement solutions to asynchronously fetch, manipulate, and display dynamic content by consuming data from external RESTful APIs and web services using TypeScript.

  • Analyze and Apply Industry Trends: Critically evaluate emerging technologies, frameworks, and methodologies in web development (e.g., serverless architecture, Jamstack, new ECMAScript proposals) and articulate their potential impact on dynamic content strategies.

  • Communicate Technical Concepts Professionally: Design, develop, and deliver clear, persuasive technical presentations and project documentation for both technical and non-technical stakeholders, incorporating principles of effective visual design and peer review feedback.

  • Execute a Collaborative Development Project: Demonstrate project management and teamwork skills by collaborating within a group to plan, build, test, and present a full-stack dynamic web application that meets specified requirements and synthesizes core course competencies.

Evaluation Criteria

Criteria %
Exercise and Project Progress 15
Assessments 30
Midterm 25
Final Project 30
Total 100

Course Schedule and Assignments

Class Description Due
1 Introduction to Typescript
2 Introduction to Unit Testing with Typescript Assessment #1
3 Introduction to APIs with Typescript
4 APIs with Typescript
5 Presentation Design and review Midterm
6 Review + Future Trends 1A
7 Future Trends – 2A Assessment #2
8 Future Trends – 1&2B
9 Future Trends – 1&2C
10 Reading Break
11 Group Check In Final Project
12 Presentations

Solution

Creating content to help students learn coding from scratch. This course helped students learn Next.js with Typescript.