Activation of prior learning Write a conditional statement in JavaScript to display the first 10 odd numbers

1.

Activation of
prior learning
Write a conditional
statement in
JavaScript to
display the first 10
odd numbers

Lesson objectives
Create a mobile application interface using the
components of an application designer
Success Criteria
By the end of the lesson, the learner should be able to
implement navigations to switch from one page to
another in react native.

3.

5 min
Navigation in react native
Watch video clip from
https://www.youtube.com/watch?v=OmQCU-3KPms min 3.17
class discussion
How does react native organize pages?

4.

Try it yourself
1. In snack.expo.io create a folder
called screens.
2. Inside screens, create four files
namely:
• CategoryScreen.js
• FavouriteScreen.js
• HomeScreen.js
• RecipeDetailsScreen.js

5.

Try it yourself
1.Copy and paste
the contents of
App.docx in App.js

6.

Try it yourself
2. Copy and Paste the code
from CategoryScreen.docx file
into screen/CategoryScreen

7.

Try it yourself
3. Copy and Paste the code
from FavoriteScreen.docx file
into screen/ FavoriteScreen

8.

Try it yourself
4. Copy and Paste the code
from HomeScreen.docx file
into screen/ HomeScreen

9.

Try it yourself
5. Copy and Paste the code
from RecipeScreen.docx file
into screen/ RecipeScreen

10.

Note:
You may get an error message / request asking you to add dependencies.
Add the dependencies.
Test the code.

11.

Practice task
In pairs, students to apply the knowledge learned to create User Interfaces for
the scenario below. Students must implement navigation in their code.
Scenario
You've been hired by a popular online clothing store to redesign their website to enable for online purchases.
Customers should register, to access the various products.
Required
In your group, discuss the various components (form controls) to include on the design.
Design a prototype for registration page to be used:
• To register
• Display the various products and their details.

12.

Self-evaluation questions
1. What went well in this lesson? Why?
2. What problems did I experience? Why?
3. Was it “student centered”? Should it have been?
4. What could I have done differently?
5. What did I learn from this experience that will help me in the future?

13.

Practice task
Scenario
You've been hired by a popular online clothing store to redesign their website to enable for online purchases. Customers should register, to access the
various products.
Required
In your group, discuss the various components (form controls) to include on the design.
Design a prototype for registration page to be used:
To register
Display the various products and their details.
Criteria
I have created customer registration page
I have created products display page
I have included navigation to link the two pages
Tick(a)

14.

English Русский Rules