| Title: | Web Development Fundamentals |
|---|
| Long Title: | Web Development Fundamentals |
|---|
| Field of Study: |
Computer Software
|
| Valid From: |
Semester 1 - 2018/19 ( September 2018 ) |
| Module Coordinator: |
Sean McSweeney |
| Module Author: |
IRENE FOLEY |
| Module Description: |
This module introduces the student to HTML, CSS, and JavaScript and provides the student with the skills necessary to develop basic web sites with some dynamic elements. The student will also be introduced to best practices regarding these technologies. |
| Learning Outcomes |
| On successful completion of this module the learner will be able to: |
| LO1 |
Identify and apply the structure and operation of the World Wide Web (WWW). |
| LO2 |
Develop HTML web pages. |
| LO3 |
Apply cascading style sheets (CSS) to web pages, separating form from content. |
| LO4 |
Enhance web pages with simple interactivity. |
| LO5 |
Apply best practices in developing web pages. |
| Pre-requisite learning |
Module Recommendations
This is prior learning (or a practical skill) that is strongly recommended before enrolment in this module. You may enrol in this module if you have not acquired the recommended learning but you will have considerable difficulty in passing (i.e. achieving the learning outcomes of) the module. While the prior learning is expressed as named MTU module(s) it also allows for learning (in another module or modules) which is equivalent to the learning specified in the named module(s).
|
|
Incompatible Modules
These are modules which have learning outcomes that are too similar to the learning outcomes of this module. You may not earn additional credit for the same learning and therefore you may not enrol in this module if you have successfully completed any modules in the incompatible list. |
| No incompatible modules listed |
Co-requisite Modules
|
| No Co-requisite modules listed |
Requirements
This is prior learning (or a practical skill) that is mandatory before enrolment in this module is allowed. You may not enrol on this module if you have not acquired the learning specified in this section.
|
| No requirements listed |
Module Content & Assessment
| Indicative Content |
|
Introduction to the Web
History of the Internet & World Wide Web (WWW). Architecture of the WWW: Client/Server models, Resource Identification/location (URLs, IP addresses, Domain names, DNS System), Web hosting and deployment solutions.
|
|
HTML
Markup Language Concepts. Rendering Engines. Browsers & Authoring Tools. Manual HTML coding: Tags & Attributes. Embedding Multimedia. Block Level vs Inline Tags. Lists, Tables. Forms. Structural Tags.
|
|
CSS
Applying styles to a webpage. Inline, embedded & external styles. Identifying elements (contextual selectors, classes, IDs). CSS properties: typography, positioning, layouts, colours, background images (placement, repetition, identifying image urls).
|
|
Basic Interactive Web Pages
CSS Interaction: Pseudo Classes. JavaScript: Language Basics, Event handlers, Document Object Model, changing CSS properties
|
|
Best Practices
Web standards. The Semantic Web. Accessibility (incl. WAI-ARIA) & Internationalisation. Usability. Image formats and optimisation. Code Validation. Code Optimisation (incl. HTML/CSS/JavaScript Coding Style Guides). Copyright considerations.
|
| Assessment Breakdown | % |
|---|
| Course Work | 100.00% |
| Course Work |
|---|
| Assessment Type |
Assessment Description |
Outcome addressed |
% of total |
Assessment Date |
| Short Answer Questions |
Demonstrating the student's knowledge of HTML and the World Wide Web. |
1,2 |
20.0 |
Week 5 |
| Project |
Construction of more complex website using current standard HTML for the structure and content of the webpages, and a CSS stylesheet for styling the website. |
2,3,5 |
55.0 |
Week 10 |
| Project |
Development of a simple interactive webpage demonstrating the student's knowledge of HTML, CSS and JavaScript. |
3,4,5 |
25.0 |
Sem End |
| No End of Module Formal Examination |
| Reassessment Requirement |
Coursework Only
This module is reassessed solely on the basis of re-submitted coursework. There is no repeat written examination.
|
The institute reserves the right to alter the nature and timings of assessment
Module Workload
| Workload: Full Time |
| Workload Type |
Workload Description |
Hours |
Frequency |
Average Weekly Learner Workload |
| Lecture |
Introduction to Web Programming concepts. |
2.0 |
Every Week |
2.00 |
| Lab |
Design, code and test webpages and websites. |
2.0 |
Every Week |
2.00 |
| Independent & Directed Learning (Non-contact) |
Student learning outside of contact time. |
3.0 |
Every Week |
3.00 |
| Total Hours |
7.00 |
| Total Weekly Learner Workload |
7.00 |
| Total Weekly Contact Hours |
4.00 |
| Workload: Part Time |
| Workload Type |
Workload Description |
Hours |
Frequency |
Average Weekly Learner Workload |
| Lecture |
Introduction to Web Programming concepts. |
1.0 |
Every Week |
1.00 |
| Lab |
Design, code and test webpages and websites. |
3.0 |
Every Second Week |
1.50 |
| Independent & Directed Learning (Non-contact) |
Student learning outside of contact time. |
4.5 |
Every Week |
4.50 |
| Total Hours |
8.50 |
| Total Weekly Learner Workload |
7.00 |
| Total Weekly Contact Hours |
2.50 |
Module Resources
| Recommended Book Resources |
|---|
- Jennifer Niederst Robbins 2018, Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics, 5th Ed., O'Reilly Media [ISBN: 9781491960202]
| | Supplementary Book Resources |
|---|
- Elisabeth Robson, Eric Freeman 2015, Head First HTML and CSS : A Learner's Guide to Creating Standards-Based Web Pages, 2nd Ed., O'Reilly Media [ISBN: 9780596159900]
- Jon Duckett 2011, HTML & CSS: Design and Build Web Sites, John Wiley & Sons [ISBN: 9781118008188]
| | This module does not have any article/paper resources |
|---|
| Other Resources |
|---|
- Website: Mozilla Developer's NetworkMDN Learning Area, Mozilla
- Website: W3CHTML/Training, W3C
- Website: webplatform.org, w3c
- Website: HTML DogHTML Beginner Tutorial
- Website: GoogleHTML/CSS Style Guide
|
Module Delivered in
|
