Essential Question:
- How do we utilize TailwindCSS to quickly develop websites?
Learning Objectives:
- Identify project goals for the day
- Iterate on the design and content of a custom business website
- Reflect on daily progress to create actionable steps for the next day
Standards:
- New York State Learning Standards CDOS 3b — Students who choose a career major will acquire the career specific technical knowledge/skills necessary to progress toward gainful employment, career advancement, and success in postsecondary programs.
- IT Career Cluster Framework ITC05.03 — Employ project management knowledge to oversee it projects.
- IT Career Cluster Framework ITPD01.02.02 — Utilize interpersonal skills necessary to work on a software development team.
- NYS Next Generation Learning Standards RST.4.11-12 — Determine the meaning of symbols, key terms, and other content-specific words and phrases as they are used in scientific or technical sources.
- NYS Next Generation Learning Standards SL.6.11-12 — Adapt speech to a variety of contexts and tasks, demonstrating a command of formal English when indicated or appropriate.
Materials:
- GitHub
- Design Tools: PenPot + Undesign Collection
- TailwindCSS Documentation
Scaffolds:
Bridging Learning Gaps:
- Project management tools provide visual tracking of progress suitable for all learning levels
- Instructor and TA provide targeted support during work time based on team progress levels
Differentiation:
- Flexible work environment allows teams to organize tasks based on individual strengths
- Resources for new material are provided in various mediums
Extensions:
- Students who have completed their tasks can assist peers or engage in cross team
- Teams that are ahead can begin mocking up additional features apart of their website
Entrance Ticket (10 Minutes)
Scholars will complete digital entrance ticket on Schoology to facilitate evaluation of teams progress.
- In 1-2 sentences summarize what you did on the previous work day
- In 1-2 sentences identify your goals for the day
- In 1-2 sentences, describe any blockers you foresee that will prevent you from accomplishing the previous goals you described?
- How much percent complete do you believe your project is?
- 0-25%
- 26-50%
- 51-75%
- 76%-100%
Instructor will review responses as they come in to determine which groups need immediate attention, in addition to feedback heard from previous day’s standdown meeting
Work Time (60 Minutes)
Scholars will work in their teams to continue iterating on planned tasks before closing out of the project.
Scholars are encouraged to review the rubric and self-evaluate their website.
Instructor + TA will rotate and support teams and provide feedback/resources.
Scholars have goal of finalizing their website in preparation for final meeting with Cambio Labs entrepreneurship workshops.
Break (10 Minutes)
Work Time (50 Minutes)
Scholars will continue work in their teams to iterate on planned tasks,
Standdown Meeting (10 Minutes)
Scholars will meet with fellow teams to conduct a standdown meeting to discuss todays progress and the next day’s goals.
Scholars will answer the following questions:
- What did I do today?
- What are my goals for tomorrow?
Scholars will be evaluated by instructors on the following rubric for their participation in the meeting
| Criteria | Proficient | Developing |
|---|---|---|
| Progress Completed Today | (2) Scholar clearly details all progress and tasks completed today. | (1) Scholar provides limited or vague details about completed work. |
| Future Plan | (2) Scholar shares specific, actionable plans for next workday. | (1) Scholar’s future plans are vague or not clearly actionable. |
| Engagement | (2) Scholar consistently demonstrates active listening to peers. | (1) Scholar shows limited attention or engagement with peers. |
| Voice & Projection | (2) Scholar speaks with professional voice that all peers can hear clearly. | (1) Scholar’s voice is difficult to hear or lacks professional tone. |
Cleanup/Dismissal (10 Minutes)
Brand Website Rubric
Scholar’s final grade for this project will be based on the following rubric:
| Criteria | Advanced | Proficient | Developing | Beginning |
|---|---|---|---|---|
| Home/Landing Page | (4) Exceptional integration of features enhancing user engagement. | (3) All key features present and contribute to engagement. | (2) Some features missing or poorly integrated. | (1) Major features missing or poorly executed. |
| Goods/Services Page | (4) Comprehensive, exceptionally organized presentation. | (3) Clear presentation with adequate detail. | (2) Lacks detail or organization but contains essential info. | (1) Missing or poorly detailed content. |
| Additional Content Pages | (4) Highly relevant pages that significantly enhance site value. | (3) Necessary pages that add value to the site. | (2) Pages present but lack detail or value. | (1) Missing or poorly executed pages. |
| Brand Consistency | (4) Exceptional visual consistency reflecting brand identity throughout. | (3) Consistent style reflecting brand across most elements. | (2) Minor inconsistencies in visual style and branding. | (1) Inconsistent style poorly reflecting brand identity. |
| Responsive Design | (4) Exceptional responsiveness across all device sizes. | (3) Functions well across desktop, tablet, and mobile. | (2) Shows responsiveness with noticeable issues. | (1) Not responsive or has significant functionality issues. |
| Grammar | (4) Demonstrates impeccable grammar | (3) Has minor grammatical errors | (2) Contains several grammatical errors | (1) Is riddled with grammatical errors |