Javascript App Schedule

NOBIGDEAL TRAINING CENTRE

4-Week JavaScript Training Manual

Target Audience: Beginners → Intermediate
Trainer: Salau Raheem
Goal: Teach students to build real-life apps using JavaScript.

---

WEEK 1 – JavaScript Basics & First Projects 🟢

Topics to Cover

• What is JavaScript & where it's used

• How to connect JS to HTML

• Variables (let, const, var)

• Data types (strings, numbers, booleans, arrays, objects)

• Operators (+, -, *, /, %, ==, ===)

• Functions & events

• Basic DOM manipulation (document.getElementById, innerHTML)

Projects

Project	Concepts Covered	Outcome
1. Counter App	Variables, events, DOM	Count up, down, and reset
2. Digital Clock	Date() object, DOM	Show current time on screen

Practice Exercise

• Create a button that changes the background color when clicked.

• Make a greeting app that says “Good Morning” or “Good Evening” based on time.

---

WEEK 2 – DOM Manipulation & Interactivity 🟡

Topics to Cover

• Selecting and updating elements (querySelector, getElementById)

• Adding and removing HTML elements dynamically

• Event handling (onclick, onkeyup)

• Arrays & loops

• Introduction to Local Storage

Projects

Project	Concepts Covered	Outcome
3. To-Do List App	Arrays, local storage, events	Add, delete, and mark tasks
4. Random Quote Generator	Arrays, random numbers	Display random quotes on button click

Practice Exercise

• Build a simple contact list app where students can add names and see them displayed on the page.

---

WEEK 3 – Real-Life Apps with APIs & Forms 🔵

Topics to Cover

• What is an API

• Fetching data using fetch()

• JSON basics

• Form handling (onSubmit, preventDefault())

• Input validation techniques

Projects

Project	Concepts Covered	Outcome
5. Weather App	API requests, async/await	Show real-time weather
6. Currency Converter	APIs, math, DOM updates	Convert NGN to USD, EUR, etc.
7. Quiz App	Arrays, conditions, scoring	Interactive quiz with results

Practice Exercise

• Build a BMI Calculator to check if a person is underweight, normal, or overweight.

---

WEEK 4 – Final Projects & Deployment 🚀

Topics to Cover

• Advanced JavaScript concepts:

  • Objects

  • Template literals

  • Arrow functions

  • setInterval & setTimeout

• Introduction to GitHub (upload projects)

• How to host projects on Netlify or GitHub Pages

Projects

Project	Concepts Covered	Outcome
8. Student Result System	Arrays, objects, DOM	Enter scores & calculate grades
9. Expense Tracker	CRUD, local storage	Track daily expenses
10. Portfolio Website	HTML, CSS, JS integration	Showcase personal projects

Final Class Activity

• Students will present their portfolio.

• Each student demonstrates at least 3 apps they built.

---

Training Schedule Overview 📅

Week	Focus Area	Projects	Main Outcome
Week 1	Basics & Events	Counter, Digital Clock	Understand JS basics
Week 2	DOM Manipulation	To-Do List, Quotes	Create interactive apps
Week 3	APIs & Forms	Weather, Converter, Quiz	Build real-life apps
Week 4	Final Projects	Result System, Expense Tracker, Portfolio	Prepare for deployment

---

Bonus Ideas for Students 🎁

• Build a typing speed test app

• Make a simple game like Rock-Paper-Scissors

• Create a QR Code generator

• Add dark mode to one of their apps

---

Next Step ✅

I can prepare a complete training PDF/manual for you, which will include:

• Step-by-step coding tutorials for all 10+ projects

• Screenshots for guidance

• Exercises & challenges

• Solutions for trainers

This will make it very easy for you to teach and for students to follow along.

---

Do you want me to prepare the full downloadable PDF manual with codes, screenshots, and exercises for your students?
It’ll make your JavaScript class well-organized and professional. Should I go ahead?