Client-based Web Programming
(1DV022)
Introduction
Licence for this work
This work is produced by Johan Leitet for the course Client-based Web Programming (1DV022) at Linnaeus University.
All content in this work excluding photographs, icons, picture of course litterature and Linnaeus University logotype and symbol, is licensied under a
Creative Commons Attribution 4.0 International License.
You are free to
- copy and redistribute the material in any medium or format
- spread the whole or parts of the content
- show the whole or parts of the content publicly and digital
- convert the content to another format
- change the content
If you change the content do not use the photographs, icons, picture of the course literature or Linnaeus University logotype and symbol in your new work!
At all times you must give credit to: ”Linnaeus university – Client-based Web Programming (1DV022)” with the link https://coursepress.lnu.se/kurs/klientbaserad-webbprogrammering/ and to the Creative Common-license above.
Course management
-
- Johan Leitet (Course manager)
-
- Mats Loock (Course manager)
-
- John Häggerud (Course instructor)
Syllabus
- Main field of study
- Computer Science (dv)
- Progression
- G1F
- Prerequisites
- "Introduction to Programming (1DV021)" or equivalent and
"Web technology 1 (1ME321)" or equivalent
- "Introduction to Programming (1DV021)" or equivalent and
Course evaluation
Evaluation HT2018: https://github.com/1dv022/syllabus/raw/master/evalutations/1DV022-HT18.pdf
After the course you should be able to...
- ... work with CSS preprocessors and static site generators.
- ... describe a web browsers different internal components and their interactions including browser security mechanisms.
- ... create web applications were JavaScript HTML and CSS have clear roles and are clearly separated.
- ... store and with asynchronous communication, transfer data with for the task appropriate data formats.
- ... create optimized and accessible custom single page applications with offline support and which takes advantage of the browsers native APIs.
Approach
- The course is devided into three parts
- Part 1: SSGs and CSS Preprocessors
- Part 2: DOM, Async and storage (event-driven asynchronous programming)
- Part 3: SPA (Single page applications)
- Scheduled activities
- 8ish Lectures
- 2 Peer Instructions (part 2 and 3)
- Weekly tutoring (2x2h)
- 3 examination assignments
- 1 hand in examination (part 1)
- 2 oral hearings (part 2 and 3)
Part 1
Static site generators and CSS preprocessors
Goals:
- Work with CSS preprocessors and static site generators.
- CSS Preprocessors
- Static site generators
Todo:
- 1 (ish) lecture
- 1 examination assignment (written examination)
- Tutoring
Part 2
DOM, Async and storage
Goals:
- Describe a web browsers different internal components and their interactions including browser security mechanisms.
- The web browser (internal structure, security models, developer tools)
Part 2
DOM, Async and storage
Goals:
- Create web applications were JavaScript HTML and CSS have clear roles and are clearly separated.
- JavaScript in relation to CSS and HTML
- DOM (traversing, selecting, manipulating)
- Handling events in the browser
Part 2
DOM, Async and storage
Goals:
- Store and with asynchronous communication, transfer data with for the task appropriate data formats.
- Asynchronous communication (incl. Ajax)
- Data transfer formats (incl. JSON)
Part 2
DOM, Async and storage
Todo:
- 3 lectures
- 1 Peer Instruction
- 1 examination assignment
- 1 oral hearing
- Tutoring
Part 3
SPA (Single page applications)
Goals:
- create optimized and accessible custom single page applications with offline support and which takes advantage of the browsers native APIs.
- Offline web applications
- Single Page Applications (SPA)
- Optimization of client-based web applications
- An orientation about accessibility in web applications
- Handling history in the browser
- Overview of the browser APIs and practical use of selected APIs
Part 3
SPA (Single page applications)
Todo:
- 3 lectures
- 1 Peer Instruction
- 1 examination assignment
- 1 oral hearing
- Tutoring
Litterature
- Eloquent JavaScript, 3rd Edition av Marijn Haverbake
- Mandatory
- ISBN 978-1593275846
- http://eloquentjavascript.net/
- Chapter 12-19, 22
- Professional JavaScript for Web Developers, 4th Edition by Matt Frisbie
- Optional
- ISBN 978-1119366447
Tools to be used...
- Installed on your computers os...
- Git
- Visual Studio Code
- Node.js (latest stable), npm
- Standard.js
- Webpack
- Tools for the first assignment
- Docker
- Jekyll, Sass
- (Gatsby.js)
Course webpage
https://coursepress.lnu.se/kurs/klientbaserad-webbprogrammering/
- Everything static + news
- Slack: Discussions and questions #1dv022-klientutv
- 1dv022@lnu.se (Private matters only!)