This shows you the differences between two versions of the page.
seh:laboratoare:02 [2022/03/18 17:52] alexandru.gradinaru |
seh:laboratoare:02 [2022/03/18 18:04] (current) alexandru.gradinaru [Lab tasks] |
||
---|---|---|---|
Line 110: | Line 110: | ||
For detailed information and syntax you can check [[https://www.w3schools.com/css/]]. | For detailed information and syntax you can check [[https://www.w3schools.com/css/]]. | ||
- | Nowadays, we use complex frameworks for CSS in order to speed up development. Popular examples are Tailwind, Bootstrap, Material. | + | Nowadays, we use complex frameworks for CSS in order to speed up development. Popular examples are Tailwind, Bootstrap, Material. Here are some |
- | [[https://tailwindcomponents.com/,Tailwind examples]] | + | [[https://tailwindcomponents.com/|Tailwind examples]] that you can copy-paste immediately in order to build small sections of your app/website. |
===== Data Transmission ===== | ===== Data Transmission ===== | ||
Line 367: | Line 367: | ||
<note important> | <note important> | ||
Do not forget to include the library first | Do not forget to include the library first | ||
- | * <script src="https://unpkg.com/axios/dist/axios.min.js"></script> | + | * https://cdnjs.com/libraries/axios |
</note> | </note> | ||
Line 385: | Line 385: | ||
<note tip>W3schools.com has some tutorials with basic information, syntax and examples on HTML, CSS, JavaScript, XML and many others: [[https://www.w3schools.com/]](https://www.w3schools.com/)</note> | <note tip>W3schools.com has some tutorials with basic information, syntax and examples on HTML, CSS, JavaScript, XML and many others: [[https://www.w3schools.com/]](https://www.w3schools.com/)</note> | ||
- | |||
- | ===== Lab tasks ===== | ||
- | |||
- | As an assignment for this lab you will have to make a small web application client in order to access e-health formatted data. The application must have at least the following: | ||
- | - Paginated table with patients | ||
- | - Each patient must have a detailed section or page containing Personal info: diagnosis, gender, treatment etc. | ||
- | |||
- | Data can be fetched from [[https://alexgr.ro/ehealth/patients.json]] | ||
- | |||
- | The resulting application must be submitted as an online snippet in order to be checked and graded. You can use Plunker or any other suitable online snippet tool. | ||
- | |||
- | <note tip>You can use any other framework or technology if the result can be submited as a snippet and can be previewed online alongside the sourcecode.</note> | ||