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 Type: Course Work
Description: Clone Tasks.
% Weighting: 50%
Assessment Type: Course Work
Description: Multi-Device Application. This submission is supported by a 1000 word development document.
% Weighting: 50%