UI Starters
Plans Week 5
Focus UI design - Coming up with individual / team design screens using HTML/CSS/JS fragments.
- Monday: No School
- Tuesday: Live Review, Test Prep
- Wednesday: Live Review, Career Tech
- Thursday: Human Prep
- Friday: Code, Code, Code
HTML Python/Flask project (Individual)
Review W3Schools and Bootstrap to come up with individual design elements. Use different elements in the following locations.
- Change or personalize index.html page
- Change or personalize stub menu and stub.html. Rename according to interests.
HTML Fastpages project (Individual)
Review W3Schools and JavaScript lesson to come up with individual design elements.
- add new _pages with submenu
- have a link from submenu to Jupyter Notebook that shows personal usage of Jupyter JavaScript kernel
- have a link from submenu to a regular Post that uses HTML fragments and JavaScript data to build a table
Team Project
Build or Draft a couple screens to introduce your final project idea.
- Key objective is to show Program Purpose
- One screen should be Fastpages blog either _notebook or _post highlight purpose of project and roles within the SCRUM team.
- One screen should be Flask of Fastpages HTML/CSS/JS that engages observers into program purpose
Resources
Refer to these resources to speed your introduction to Frontend Development
Live Grading Presentation.
We will follow 3 to 4 team review format. At the review session, there will be an approval for the Trimester 1 project.
- Observers will grade up to .9/1 X 3 on each of the elements mentioned above (2 individual and 1 team). Be sure to total up to 2.7/3
- Observers will note anything that was completed that is not mentioned in the outline (for instance a Twitter Card that works with Fastpages). This needs to be tangible!!! If student met 2.7 standard, then extra items can make score 2.7+.