Week4 Project practice : Weather Report Web-0

Requirements description

1. Use Flask to implement a web app - weather report
2. Use HTML to design a simple web page
3. Use Jinja Template to improve the html pages
4. Use CSS to decorate the html pages
5. Reuse last week task: openweathermap.py
6. Use Bootstrap to suppor mobile device

Break down to small tasks

1. Flask

   1.1 Try the Hello World sample

   1.2 GET and POST methods

   1.3 The Request Object

   1.4 Render template

2. HTML

   2.1 Form: input text, radio, button

   2.2 Table: tr, th, td

   2.3 Block and Inline elements: h1-h6, p, div; span, img

3. Jinja Template

   3.1 Template Inheritance

   3.2 Variables

   3.3 Statements: for loop, if else ...

4. CSS

   4.1 Syntax

   4.2 How to insert

   4.3 Font, Color, Padding, Margin, Border, Form, Table

5. Improve last week task: openweathermap.py to reuse

   5.1 Call Google timezone API to convert the system's timestamp to the query location timestamp

6. Boostrap

   5.1 Start from a Boostrap template, modify it

   5.2 USe CSS provided by Boostrap