This repository is for the 2021 spring edition of the DAT310 Web programming course at the University of Stavanger.
- Intro: Slides Video
- Assignments (and how to hand them in on GitHub)
- Autograder
- Discord server
- List of useful resources
- Exam project
- Competition and guest lecture
Neelam Shah: The Software Engineering lifecycle. From requirements to development of frontend incl. automated testing on Friday 30. April 10am
Antonio Cabrero: Differens between WebDesign and UX. How is the day as a frontend developer and what type of technology do you need not know to work as frontend developer. on Tuesday 11. May
This is a tentative schedule and will be subject to changes.
| Week | Lecture | Topic | Resources |
|---|---|---|---|
| 1 | 1 | HTML | slides, examples, exercises, solutions, video |
| 2 | 1 | CSS Part I. (properties) | slides, examples, exercises, solutions, video |
| 2 | 2 | CSS Part II. (selectors) | slides, examples, exercises, solutions, video |
| 3 | 1 | CSS Part III. (positioning) | slides, examples, exercises, solutions, video |
| 3 | 2 | HTML Forms | slides, examples, exercises, solutions, video |
| 4 | 1 | JavaScript Part I. (basics) | slides, examples, exercises, solutions, video |
| 4 | 2 | JavaScript Part II. (dom manipulation) | slides, examples, exercises, solutions, video |
| 5 | 1 | JavaScript Part III. (more) | slides, examples, exercises, solutions, video |
| 5 | 2 | Bootstrap | slides, examples, exercises, solutions, video |
| 6 | 1 | JS Async | (cancelled, will be covered together with AJAX) |
| 6 | 2 | Vue Part I. | slides, examples, exercises, solutions, video |
| 7 | 1 | Vue Part II. | slides, examples, exercises, solutions, video |
| 7 | 2 | Vue Part III. | slides, examples, exercises, solutions, video |
| Python basics | slides-1 slides-2, examples, exercises, solutions | ||
| 8 | 1 | HTTP | slides, examples, exercises, solutions, video |
| 8 | 2 | Flask Part I. (requests) | slides, examples, exercises, solutions, video |
| 9 | 1 | Flask Part II. (templates) | slides, examples, exercises, solutions, video |
| 9 | 2 | Flask Part III. (database handling) | slides, examples, exercises, solutions, video |
| 10 | 0 | No lectures | |
| 10 | 1 | JS Async | slides, examples, exercises, solutions, video |
| 11 | 1 | AJAX | slides, examples, exercises, solutions, video |
| 11 | 2 | AJAX & Vue | slides, examples, exercises, solutions, preliminary:video |
| 12 | 1 | RESTfull APIs | slides, example, exercises, solutions, video |
| 12 | 2 | Flask Part IV. (cookies & session) | slides, examples, exercises, solutions, video |
| 13 | 0 | Easter | |
| 14 | 1 | Login | slides, examples, exercises, solutions, video |
| 15 | 1 | TBA | |
| 16 | 1 | TBA | |
| 17 | 1 | TBA |