Welcome to the website for the Web Tech Module at Edinburgh Napier University. It is worth bookmarking this page (as well as the Git repo or consider cloning it and regularly pulling any changes).
Many of us will already have experienced some aspect of all of the topics covered in this module. Partly because it is really difficult to engage in modern life without using the web in some capacity and thereby being exposed to the end user experience of being a web user, partly because some aspects of HTML, CSS, and Javascript are taught at various levels throughout school and college as an easy way into technology and coding skills, and partly because the web and it’s various technologies are quite accessible. It is quite easy to throw some HTML at a web browser and see the results without needing to deal with the compilers and development environments that most other programming tasks require.
In this module we’re going to break down our existing web skills, fill in any gaps we identify, and then reassemble everything into a robust and extensible toolkit for building, using, and exploiting web-based technologies. We will mostly work on the client side, developing strong skills for designing and implementing web sites & web applications that run in the user’s web browser, but taking some excursions onto the server side along the way so that we can build and implement secure data storage solutions along with the RESTful APIs that allow our browsers to access them. We’ll support these skills with knowledge of design and development methodologies that enable us to document and communicate our ideas to others, as well as a practical understanding of the web standards, accessibility, security, and privacy topics that underpin professional operation in this area.
Lectures
- Lecture 00: Module Overview
- Lecture 01: Introduction
- Lecture 02: Data (HTML5) - Hypertext & Hypermedia
- Lecture 03: Semantic HTML
- Lecture 04: Style (CSS3) - Adding visual appeal & more
- Lecture 05: Style with CSS
- Lecture 06: Principles of Web Design & Development
- Lecture 07: Dynamics (Javascript) - Web Programming
- Lecture 08: Client Side Web Programming with JavaScript
- Lecture 09: Data, Datastores, & Persistence
- Lecture 10: Sound & Vision
- Lecture 11: Standards & Accessibility
- Lecture 12: Deployment
- Lecture 13: Coda & Review
Workbook: Labs & Notes
- Lab 01: Introduction
- Lab 02: HTML
- Lab 03: Smantic HTML
- Lab 04: CSS
- Lab 05: CSS Layouts
- Lab 06: Design
- Lab 07: JavaScript Core
- Lab 08: Client Side Web Programming with JavaScript
- Lab 09: Data & Persistence
- Lab 10: Sound & Vision
Reading
- Core Text: This is the main text which has been written specifically for this module
The University Library has subscriptions to a heap of online resources. The following books are the core texts for this module this year and are available for download (in PDF or EPUB formats) using your Napier credentials:
- Introducing Web Development
- Practical Web Design for Absolute Beginners
- Moving to Responsive Web Design
- Beginning Responsive Web Design with HTML 5 and CSS3
- Sustainable Web Ecosystem Design
The library also has a lot of books on web development & related technologies. You should supplement the suggested reading above with books and other resources that you find for yourself. This is part of the university experience, taking the suggested readings and topics covered during lectures and labs, using them as a basic scaffold, then diving deeply into related topics in order to extend your knowledge and in order to tailor your learning and skillset to your own interests and career plans.
The following aren’t currently available via our library, but are worth getting a hold of:
- Eloquent Javascript by Marijn Haverbeke - If you choose one JS book to work through, probably this is the best.
- Javascript: The Good Parts by Douglas Crockford - Getting a little old now and not as useful as it used to be. Still interesting if you get really into JS though.
- Javascript Allonge by Reg “raganwald” Braithwaite - A deeper dive into JS
- Design for Hackers by David Kadavy (the electronic version, not the print version. The electronic version is in colour, which is really useful. The print version is print on demand in black and white which is not a good experience when a good portion of the book is devoted to, e.g. colour theory.)
Assessments
There are two practical skills assessments which together make up the full grade for this module.
- Coursework Assignment #1 (40%)
- Coursework Assignment #2 (60%)
Resources
- Git Overview Lecture
- Using Git for Napier Students
- [Git Repo for this resource]
- LaTeX Quick Start using the ENU Report Template
- [Git Repo for this resource]
Contact
Simon Wells @siwells is the module leader for Mobile Application Development. You can contact him via email at s.wells@napier.ac.uk