Differences
This shows you the differences between two versions of the page.
|
ii:labs:s2:02:tasks:00 [2023/04/01 18:22] florin.stancu created |
ii:labs:s2:02:tasks:00 [2024/03/17 18:39] (current) florin.stancu [00. [10p] Getting Started] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ==== 00. Getting Started ==== | + | ==== 00. [10p] Getting Started ==== |
| First, download the {{ii:labs:s2:lab02-skel.zip|skeleton archive (.zip)}} and unzip it. | First, download the {{ii:labs:s2:lab02-skel.zip|skeleton archive (.zip)}} and unzip it. | ||
| Line 14: | Line 14: | ||
| </code> | </code> | ||
| - | To test, open ''initial_design.html'' in a browser. It should look similar to the following screenshot: | + | To test, open ''initial_design.html'' in a browser. It should look similar (//almost: minor text differences//) to the following screenshot: |
| {{ :ii:labs:s2:lab02-web-screenshot1.png?700 |}} | {{ :ii:labs:s2:lab02-web-screenshot1.png?700 |}} | ||
| - | Also, it would be a good idea to test your Python / Flask setup: | + | <note> |
| + | Our website uses the [[https://getbootstrap.com/|Bootstrap frontend library]] -- a CSS framework for building responsive web designs! Check out its documentation for a list of features. | ||
| + | |||
| + | Also, there are other open-source CSS toolkits, google them before starting a website and choose something you like before starting a design project. | ||
| + | </note> | ||
| + | |||
| + | Also, it would be a good idea to test your Python / Flask setup now: | ||
| <code bash> | <code bash> | ||
| python3 server.py | python3 server.py | ||
| Line 24: | Line 30: | ||
| </code> | </code> | ||
| + | <note tip> | ||
| + | **Note:** the initial Python Flask app doesn't display this webpage just yet, it will only give you a TODO message! You will make it yourself later this lab :P | ||
| + | </note> | ||
