Module Descriptors
WEB FRAMEWORKS
COMP50091
Key Facts
Digital, Technology, Innovation and Business
Level 5
20 credits
Contact
Leader: Janet Francis
Email: J.Francis@staffs.ac.uk
Hours of Study
Scheduled Learning and Teaching Activities: 65
Independent Study Hours: 135
Total Learning Hours: 200
Pattern of Delivery
- Occurrence A, Digital Institute London, UG Semester 2
Sites
- Digital Institute London
Assessment
- PRACTICAL DEMONSTRATION - 15 MINUTES weighted at 50%
- PRESENTATION - 10 MINUTES weighted at 50%
Module Details
INDICATIVE CONTENT
Advanced use of web client-side frameworks (JS and CSS frameworks)
Tool chain for web development
Enhancing user experience with web frameworks
Developer experience of web frameworks
Use of web frameworks in the development and prototyping web applications
Tool chain for web development
Enhancing user experience with web frameworks
Developer experience of web frameworks
Use of web frameworks in the development and prototyping web applications
ADDITIONAL ASSESSMENT DETAILS
PRACTICAL: Demonstration of a first prototype using frameworks (Learning Outcomes 1 and 3)
PRESENTATION: Presentation of the final application using frameworks with evaluation of available tools and reflection on options undertaken (Learning Outcomes 2 and 3)
PRESENTATION: Presentation of the final application using frameworks with evaluation of available tools and reflection on options undertaken (Learning Outcomes 2 and 3)
LEARNING STRATEGIES
Lectures will introduce key topics and concepts with tutor-assisted practical sessions. In the practical sessions you will get hands-on experience of the principles taught in the lectures. You will also develop a portfolio of practical work. Formative, self-directed exercises to support transfer of knowledge and understanding will be undertaken weekly.
LEARNING OUTCOMES
1. USE PROTOTYPING WITH TECHNICAL FRAMEWORKS TO CREATE A WEB APPLICATION WITH APPROPRIATE CONTENT THAT CONSUMES DATA FROM MULTIPLE SOURCES
Application
Problem solving
2. ANALYSE POTENTIAL TOOLS AND TECHNIQUES FOR WEB APPLICATION DEVELOPMENT, REFLECT ON THE MOST APPROPRIATE OPTIONS FOR A GIVEN SITUATION
Analysis
Reflection
3. UTILISE WEB FRAMEWORKS TO PRODUCE AN EFFECTIVE EXPERIENCE FOR THE USERS OF A WEB APPLICATION
Knowledge and understanding
Application
Problem solving
2. ANALYSE POTENTIAL TOOLS AND TECHNIQUES FOR WEB APPLICATION DEVELOPMENT, REFLECT ON THE MOST APPROPRIATE OPTIONS FOR A GIVEN SITUATION
Analysis
Reflection
3. UTILISE WEB FRAMEWORKS TO PRODUCE AN EFFECTIVE EXPERIENCE FOR THE USERS OF A WEB APPLICATION
Knowledge and understanding
TEXTS
Ribeiro, H, (2020) Vue.js 3 Cookbook: Discover actionable solutions for building modern web apps with the latest Vue features and TypeScript, Packt Publishing ISBN-10 : 183882622X
Imsirovic A, (2019) Vue CLI 3 Quick Start Guide: Build and maintain Vue.js applications quickly with the standard CLI Packt Publishing ISBN-10 :¿1789950341
Gordon, Z (2019) React Explained: Your step by step Guide to React ISBN-10 :¿1798752980
Documentation on framework and library web sites
An annually updated keylinks online resource bank will be made available.
Imsirovic A, (2019) Vue CLI 3 Quick Start Guide: Build and maintain Vue.js applications quickly with the standard CLI Packt Publishing ISBN-10 :¿1789950341
Gordon, Z (2019) React Explained: Your step by step Guide to React ISBN-10 :¿1798752980
Documentation on framework and library web sites
An annually updated keylinks online resource bank will be made available.
RESOURCES
Modern web browsers
Access to framework tools and associated technologies
Access to framework tools and associated technologies
SPECIAL ADMISSION REQUIREMENTS
Studied Web Development
WEB DESCRIPTOR
This module will enhance your knowledge of client-side web frameworks to build web applications that are suitable for the target audience. You will look at current JS and CSS frameworks to help you produce web applications. You will also consider how prototypes can be used with a framework-based approach to improve the developer process.