Minor Web Development - Progressive Web Apps
This week we will convert the client side WAFS app to a server side version. We use Node.js & Express for this. We will ultimately also use npm as a build tool and use modules to perform optimization for performance.
12 hours have been scheduled to work independently on this week's assignments this week. Try to plan your work wisely! In the meantime, progress is monitored in standup meetings and classroom meetings. At the end of the week you will be tested on theoretical knowledge and on the understanding of the code that you write according to the assignments.
- Refactor the WAFS (or OBA) App to a server side version with Node.js & Express
- Set up tooling and write a good Readme.md
- Universal / Isomorphic app (optional)
- Static Site Generator / Serverless (optional)
When refactoring, think carefully about the minimum viable product (or core functionality) of the app. In general this is an overview page, with a list of items that each refer to a detail page. Make sure that you first generate the HTML of the server, then you will see to what extent you can adjust the CSS and finally you try to improve the app as much as possible with client-side JavaScript.
Fork this repo for your exercises: Progressive Web Apps 2022
Document in your Readme.md how you will get the server up and running; git clone && npm start
Here are some resources to help you out:
Install and implement the tooling for your app. You can choose for example a workflow with NPM scripts.
Document in your readme.md how you have implemented the build
Here are some resources to help you out:
With the arrival of Node.js it is possible to run JavaScript on the server. A Universal or Isomorphic app is an app whose (part of) the code can be used on both the client and the server. Try to turn your app into a universal app.
Here are some resources to help you out:
Node.js; seen that, done that, bought a t-shirt? Combine a static site generator with a serverless implementation.