📖 Link Materials to Class Agenda:
- Slides (make a copy for your program - link the copy)
- Coding Exercise(s)
- Project Submission Form
-
👋 Welcome & Do Now (10) :
- Briefly welcome students and introduce the day's objectives.
- Conduct an icebreaker activity (details to be added by the lead volunteer).
- Create a short Do Now activity that meets students' needs. (optional)
-
⤵️ Props Review (15) :- Recap the last class, emphasizing the concept of props as a way to make components reusable and unique.
- Use the "GreetByName" component example to illustrate how props work.
- Explain the importance of props in React, comparing them to objects/constructors, and how they enable component reusability.
- Walk through examples of passing different props to the "GreetByName" component, such as changing the name value to greet different people.
-
💻 Practice with Props (15) :
- Guide students through forking and importing a GitHub repo to Replit for hands-on practice.
- Update the "App" and "GreetingCard" components to use props, deciding whether this should be a group activity or individual practice with optional assistance.
-
⏳ Break (10)
-
💻 Project Work Time (60) :
- Start with a team scrum to discuss goals and tasks.
- Allocate time for coding, with periodic check-ins to reassess progress.
- Emphasize the use of documentation and online resources for troubleshooting and learning.
-
👋 Closing (10) :
- Direct students to the Exit Ticket in the Class Agenda.
- Ensure they submit before leaving.