Module: CCO5104-20 - Web Dev II

Level: 5

Credit Value: 20

Module Tutor: Jake Hobbs

Module Tutor Contact Details: j.hobbs@bathspa.ac.uk

1. Brief description and aims of module:

Web Dev II builds on the HTML5, CSS and JavaScript programming skills covered in Web Dev I. Following a HTML5 and CSS refresher, you will be introduced to more advanced CSS techniques that you will use throughout the module to create engaging, responsive, and well-designed web content. You then learn more sophisticated uses of JavaScript that will enable you to create dynamic and interactive web content.

To further develop your skills as a web developer you are taught strategies how to test and troubleshoot your web development projects. This includes the use of online documentation, browser-based development tools, and web services that help improve the accessibility and Search Engine Optimisation (SEO) of your webpages. You will also be made aware of the modern ‘eco-system’ of web development tools, frameworks, and languages. 

2. Outline syllabus: 

Topics covered in Web Dev II include:

• HTML5, CSS and JavaScript refresher

• Advanced CSS techniques (including animation)

• Fundamentals of JavaScript development

• Using JavaScript to create interactive and dynamic web pages

• Using JavaScript APIs

• Testing and troubleshooting

• Search Engine Optimisation

• Web usability, experience design and accessibility

• Overview of modern web development frameworks and APIs

3. Teaching and learning activities:

Class Hours

Learning is predominately lab-based, and evolves through a series of short programming tasks that reinforce understanding of the topics listed above. Lab sessions include the introduction of theoretical concepts and student-led presentations of development work. You are advised strongly to compile a ‘code repository’ locally or on a web-based service such as GitHub. The repository is a useful tool for keeping track of specific coding techniques and streamlining your workflow.

Independent Learning

Independent study helps consolidate and extend your lab-based learning. Short research and development tasks are set regularly to aid your review of in-class material and support your understanding of HTML5, CSS3 and JavaScript techniques. Often these exercises encourage collaboration with one or more learning partners. You are provided with a bank of learning resources via Minerva that comprise tutor presentations (with notes), code snippets and links to LinkedIn Learning video tutorials. It is good practice to get into a routine of exploring these materials, giving yourself enough time to follow up on topics that particularly interest you or require further clarification.

Assessment Item 1:

• Assessment Type: Course Work

• Description:  Clone Tasks.

• % Weighting: 50%

Assessment Item 2:

• Assessment Type: Course Work

• Description: Multi-Device Application. This submission is supported by a 1000 word development document.

• % Weighting: 50%