Introduction to Web and App Development
TOPIC: Introduction to Web and App Development
SUBTOPIC: Meaning and Differences Between Web and App Development
CLASS: Primary 5
DATE: ____________________
PERIOD: ____________________
DURATION: 40 minutes
LEARNING OBJECTIVES:
By the end of the lesson, pupils should be able to:
- Explain the meaning of web development.
- Explain the meaning of app development.
- Differentiate between web and app development.
KEY VOCABULARY WORDS:
- Web development – Creating websites.
- App development – Creating mobile applications.
- Website – Pages on the internet.
- Application (App) – A software used on phones or computers.
- Developer – A person who creates websites or apps.
INSTRUCTIONAL MATERIALS:
- Projector showing website vs mobile app
- Real examples (open www.studyzone.ng and WhatsApp)
- Whiteboard
INTRODUCTORY ACTIVITY:
- Teacher asks: “Have you visited a website before? Have you used WhatsApp?”
- Pupils respond, then teacher introduces the difference.
CONTENT OF THE LESSON:
What Is Web Development?
Web development is the process of creating websites that you can open using a browser like Chrome or Firefox.
Examples of websites:
- www.studyzone.ng
- YouTube
Languages used for Web Development:
- HTML – for structure
- CSS – for design
- JavaScript – for making the website interactive
What Is App Development?
App development means creating mobile apps that you can download on your phone or tablet.
Examples of apps:
- Candy Crush
Languages used for Apps Development:
- Java
- Kotlin (for Android)
- Swift (for Apple/iPhones)
Key Differences Between Web and App Development
Web Development | App Development |
Runs in a browser | Runs on a phone or tablet |
Needs internet to work most times | Can sometimes work offline |
Uses HTML, CSS, JavaScript | Uses Java, Kotlin, Swift |
CLASS EXERCISE 1:
What is the difference between a website and an app?
CLASS EXERCISE 2:
Fill in the blanks:
- WhatsApp is an example of __________ development.
- A website is created using __________.
ASSIGNMENT (MCQs):
- A website runs in a: (a) Browser (b) Phone (c) Printer (d) Mouse
- An app is designed for: (a) Phones (b) Papers (c) Chairs (d) Chalkboards
- Which of these is a web technology? (a) HTML (b) WhatsApp (c) Instagram (d) Candy Crush
- Which of these is NOT an app? (a) WhatsApp (b) Scratch (c) Facebook (d) Candy Crush
- A person who creates websites and apps is called: (a) Teacher (b) Developer (c) Driver (d) Student