H8WBD - Web Design and Client Side Scripting

Module Code: H8WBD
Long Title Web Design and Client Side Scripting
Title Web Design and Client Side Scripting
Module Level: LEVEL 8
EQF Level: 6
EHEA Level: First Cycle
Credits: 5
Module Coordinator: Sam Cogan
Module Author: Adriana Chis
Departments: School of Computing
Specifications of the qualifications and experience required of staff

Master’s degree in computing or cognate discipline.

Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Develop client side web applications in line with current and legacy web standards.
LO2 Utilise a web scripting language to manipulate and visualise data
LO3 Select and implement appropriate client side frameworks and toolkits
LO4 Select and implement appropriate deployment methodologies on a given project
LO5 Optimise written code in terms of both speed and for search engines
Dependencies
Module Recommendations

This is prior learning (or a practical skill) that is required before enrolment on this module. While the prior learning is expressed as named NCI module(s) it also allows for learning (in another module or modules) which is equivalent to the learning specified in the named module(s).

No recommendations listed
Co-requisite Modules
No Co-requisite modules listed
Entry requirements

See section 4.2 Entry procedures and criteria for the programme including procedures recognition of prior learning

 

Module Content & Assessment

Indicative Content
What is Client Side Scripting
Content/Style BehaviourHTML CSS JSServer vs client Key concerns History & future Cyclical design model
Document Structure
DOM Cross browser compatibility Separation of concerns Classes & IDs
CSS
The cascade Inheritance Overrides CSS resets Background images
HTML Elements
Images Links Lists Forms
Pathing and Deployment
Relative vs absolute paths Domain name and hosting Deployment methodologies
Layout 1
Positioning Text layout CSS floats
Layout 2
Responsive design Adaptive layout CSS media queries Layout frameworks
JavaScript 1
What is behaviour Examples Variables Operators Default functions Output
JavaScript 2
DOM manipulation Inspector Functions If statements
Javascript 3
Loops Arrays Testing
Webpage Optimisation
Testing Image compression Redirects/http requests Caching Minification Content delivery
Search Engine Optimisation
Testing Analytics Meta tags Title tags Sitemaps
Assessment Breakdown%
Coursework100.00%

Assessments

Full Time

Coursework
Assessment Type: Continuous Assessment % of total: 40
Assessment Date: n/a Outcome addressed: 1,2,3,4,5
Non-Marked: No
Assessment Description:
Flipped Classroom Assessment Students will be introduced to threshold concepts week to week by the use of videos and other external content. The students will watch these videos outside of classtime, and be assessed by the use of small, closed book quizzes in class time
Assessment Type: Project % of total: 60
Assessment Date: n/a Outcome addressed: 3,4,5
Non-Marked: No
Assessment Description:
Students will be required to complete a group based project and deploy a website that utilises a number of web frameworks
No End of Module Assessment
No Workplace Assessment
Reassessment Requirement
Coursework Only
This module is reassessed solely on the basis of re-submitted coursework. There is no repeat written examination.

NCIRL reserves the right to alter the nature and timings of assessment

 

Module Workload

Module Target Workload Hours 0 Hours
Workload: Full Time
Workload Type Workload Description Hours Frequency Average Weekly Learner Workload
Lecture No Description 24 Per Semester 2.00
Tutorial No Description 12 Per Semester 1.00
Independent Learning Time No Description 89 Per Semester 7.42
Total Weekly Contact Hours 3.00
Workload: Part Time
Workload Type Workload Description Hours Frequency Average Weekly Learner Workload
Lecture No Description 24 Per Semester 2.00
Tutorial No Description 12 Per Semester 1.00
Independent Learning Time No Description 72 Per Semester 6.00
Total Weekly Contact Hours 3.00
 

Module Resources

Recommended Book Resources
  • Jon Duckett. (2014), Web Design with HTML, CSS, JavaScript and jQuery Set, Wiley, p.1152, [ISBN: 1119038634].
  • Mark Myers. (2014), A Smarter Way to Learn JavaScript, CreateSpace, p.293, [ISBN: 1497408180].
This module does not have any article/paper resources
This module does not have any other resources
Discussion Note: