National Vocational Certificate Level 3 for Mobile App, Web and Game Development

National Vocational Certificate Level 3 for Mobile App, Web and Game Development

“Junior Programmer”

National Vocational and Technical Training Commission (NAVTTC),

Government of Pakistan
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

ACKNOWLEDGEMENTS

National Vocational and Technical Training Commission (NAVTTC) extends its gratitude and appreciation to representatives of b usiness, industry,
academia, government agencies, provincial TEVTAs, sector skill councils and trade associations who spared time and extended their expertise for the
development of National Vocational Qualification for the trade of Mobile App, Web and Game Development. This work would not have been possible
without the technical support of the above personnel.

NAVTTC initiated development of CBT&A based qualifications for 200 traditional / hi-tech trades under the Prime Minister’s Hunarmand Pakistan Program,
focusing on Development & Standardization of 200 Technical & Vocational Education & Training (TVET) Qualifications. NAVTTC ef forts have received full
support from the Ministry of Federal Education and Professional Training which highly facilitated progress under this initiative.

It may not be out of place to mention here that all the experts of Industry, Academia and TVET experts of TEVTAs, BTEs and PVTC work diligently for
making this qualification worthy and error free for which all credit goes to them. However, NAVTTC accepts the responsibility of all the errors and omissions
still prevailing in the Qualification document.

It is also noteworthy that development of Skill Standards is a dynamic and ongoing process, and the developed skill standards needs periodic review and
updating owing to the constant technological advancements, development in scientific knowledge, and growing experience of implementation at the grass
root level as well as the demand of industry. NAVTTC will ensure to keep the qualifications abreast with the changing demands of both national and
international job markets.

Executive Director (NAVTTC)

 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Table of Contents
Introduction ...................................................................................................................................................................................................................................................... 5
a. Definition/Description of Training Program Mobile App, Web and Game Development .......................................................................................................................... 5
b. Purpose of the Training Program .......................................................................................................................................................................................................... 6
c. Objectives of Training Program ............................................................................................................................................................................................................. 6
d. Competencies to be gained after completion of course ......................................................................................................................................................................... 6
e. Possible job opportunities, available immediately and later in the future: ............................................................................................................................................... 8
f. Trainee Entry Level .............................................................................................................................................................................................................................. 8
g. Minimum Qualification of Trainer/Instructor: .......................................................................................................................................................................................... 9
h. Recommended Trainer: Trainee Ratio .................................................................................................................................................................................................. 9
i. Medium of Instruction i.e. Language of Instruction:................................................................................................................................................................................ 9
j. Duration of the course (Total time, Theory & Practical time): ................................................................................................................................................................. 9
k. Sequence of Modules ......................................................................................................................................................................................................................... 10
JavaScript Programmer.................................................................................................................................................................................................................................. 17
Module - 0613-S&AD&A-1. Create Environment for JavaScript programming ......................................................................................................................................... 17
Module- : 0613-S&AD&A-2. Develop Logic in JavaScript programming ................................................................................................................................................... 21
Module : 0613-S&AD&A-3. Implement logic in JavaScript ....................................................................................................................................................................... 24
Module : 0613-S&AD&A-4. Implement Form Validation in JavaScript ...................................................................................................................................................... 27
Module : 0613-S&AD&A-5. Fix Error/Bugs in Program ............................................................................................................................................................................ 30
CMS Professional .......................................................................................................................................................................................................................................... 34
Module:- 0613-S&AD&A-6. Install Content Management System........................................................................................................................................................... 34
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-7. Write/Edit posts and pages ........................................................................................................................................................................ 38

Module: - 0613-S&AD&A-8. Perform Basic Administration ..................................................................................................................................................................... 44
Module: - 0613-S&AD&A-9. Customize/Deploy theme ........................................................................................................................................................................... 48
Module: - 0613-S&AD&A-10. Add Plugins to Website............................................................................................................................................................................. 52
Module: - 0613-S&AD&A-11. Manage CMS website ............................................................................................................................................................................... 56
Module: - 0613-S&AD&A-12. Perform troubleshooting............................................................................................................................................................................ 60
Jr. Programmer (Java) ................................................................................................................................................................................................................................... 67
Module-: 0613-S&AD&A-13. Create Environment for java programming .................................................................................................................................................. 67
Module : 0613-S&AD&A-14. Develop Java based solutions .................................................................................................................................................................... 70
Module : 0613-S&AD&A-15. Fix errors/bugs in Program.......................................................................................................................................................................... 73
UI UX Developer ............................................................................................................................................................................................................................................ 78
Module - 0613-S&AD&A-16. Create Static Webpages ............................................................................................................................................................................. 78
Module -0613-S&AD&A-17. Apply Cascading stylesheet ......................................................................................................................................................................... 82
Module - 0613-S&AD&A-18. Convert mockups into web pages ............................................................................................................................................................... 87
Module - 0613-S&AD&A-19. Convert Designs into mobile application mockups ....................................................................................................................................... 91
Module - 0613-S&AD&A-20. Create mockups for mobile game .............................................................................................................................................................. 95
Module - 0613-S&AD&A-21. Apply validations to web forms.................................................................................................................................................................. 100
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Introduction

a. Definition/Description of Training Program Mobile App, Web and Game Development

The importance of modern gadgets in our everyday life and activities is undeniably unending. This is so because there is ongoing tremendous transformation in
which mobile phones, laptops and other devices are no longer the ordinary device they used to be. They have become the colossal poi nt of attention for
individuals and businesses alike, courtesy of the various incredible features and opportunities that they offe r. The cumulative progress of technology, the
availability and access to high speed internet and the remarkable communicative interface in these devices results into a who le level of new and innovative
experience.

Web designing is the computer field which deals with the creation of websites and web application. The person who deals with the creation of websites and web
application is known as a web designer or web developer. The best part of being a web developer is that they are employed by almost every organization and
they can even work independently as a freelancer.

Mobile phones and devices have become such a ubiquitous part of our everyday lives that it’s difficult to imagine going through an entire day without one. This
shift to ubiquity has been driven largely in part by the increasing scope of mobile application development. Over just the past few years an explosion in not just
the scope but also the depth of utility of these devices has occurred which rivals, if not exceeds that seen in any other discrete class of technology.

Game Development is the art of creating games and describes the design, development and release of a game. It may involve con cept generation, design,
build, test and release. While you create a game, it is important to think about the game mechanics, rewards, player engagement and level design.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

b. Purpose of the Training Program

Being conscious of the emerging trends in the market, National Vocational & Technical Training Commission (NAVTTC) has developed competency standards
in consultation with the stakeholders including academia, researchers, industry, chambers and TEVTAs for ‘Mobile App, Web & Game Development’ under
National Vocational Qualifications Framework (NVQF).The competency standards document has been designed in a way that trainees can develop skill in the
ability to explore and analyze writing in technical, scholarly and professional contexts. They can consolidate their knowledge and skills through advanced practice
in writing, editing, designing and producing texts for professional and technical purposes, with concrete application on industry sourced documents and projects.

c. Objectives of Training Program

The main objectives of the National Vocational Certificate Level 3 for Mobile App, Web and Game Development are as follows:
 Empower the youth with globally required employable skills.
 Produce competitive Web, Mobile App and Game Developers.
 Produce a skilled youth for Mobile App, Web & Game Development Industry.
 Improve the quality and effectiveness of the training and assessment for Mobile App, Web & Game Development Industry.
d. Competencies to be gained after completion of course

At the end of the course, the trainee has attained the following core competencies:

National Vocational Certificate Level 3 for Mobile App, Web and Game Development

1) Operate digital media technology

2) Perform computer operations
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

3) Use computer applications

4) Create technical documentation
5) Create basic databases
6) Use social media tools for collaboration and engagement
7) Create Environment for javascript programming
8) Develop Logic in javascript programming
9) Implement Logic in Javascript
10) Implement Form Validation in Javascript
11) Fix Error/Bugs in Program
12) Install Content Management System
13) Write/Edit Posts and Pages
14) Perform Basic Administration
15) Customize/Deploy Theme
16) Add Plugins to the Website
17) Manage CMS Website
18) Perform troubleshooting
19) Create environment for Java programming
20) Develop programming logic in java
21) Remove errors/bugs in Java programs
22) Create static webpages.
23) Apply cascading style sheets (CSS)
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

24) Convert mockups into web pages

25) Convert Designs into mobile application mockups
26) Create mockups for mobile games
27) Apply validations to web forms

e. Possible job opportunities, available immediately and later in the future:

Possible Career Paths

 Jr. programmer (Java)

 JavaScript Programmer

 CMS Professional

 UI/UX developer

f. Trainee Entry Level

The entry requirement for National Vocational Certificate Level 3 for Mobile App, Web and Game Development is given below:
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Title Entry requirements

National Vocational Certificate Level 3 for Mobile

National Vocational Certificate Level 2 for Mobile App, Web and Game Development
App, Web and Game Development

g. Minimum Qualification of Trainer/Instructor:

 BSCS/BSSE/BSIT/equivalent qualification, having expertise in Web and Mobile Application

OR
 National Vocational Certificate Level 5 for Mobile App, Web and Game Development “Full Stack Developer” with at least one yea r experience in
relevant trade (Jr. Instructor)

a. Recommended Trainer: Trainee Ratio

The recommended maximum trainer: trainee ratio for this program is 1 trainer for 25 trainees.

b. Medium of Instruction i.e. Language of Instruction:

Medium of instruction will be in Urdu / English / Local language

c. Duration of the course (Total time, Theory & Practical time):

The distribution of contact hours is given below:

 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Total - 630 hours

Theory - 141 hours (22.38%)
Practical - 489 hours (77.61%)
d. Sequence of Modules

1) Operate digital media technology

2) Perform computer operations
3) Use computer applications
4) Create technical documentation
5) Create basic databases
6) Use social media tools for collaboration and engagement
7) Create Environment for javascript programming
8) Develop Logic in javascript programming
9) Implement Logic in Javascript
10) Implement Form Validation in Javascript
11) Fix Error/Bugs in Program
12) Install Content Management System
13) Write/Edit Posts and Pages
14) Perform Basic Administration
15) Customize/Deploy Theme
16) Add Plugins to the Website
17) Manage CMS Website
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

18) Perform troubleshooting

19) Create environment for Java programming
20) Develop programming logic in java
21) Remove errors/bugs in Java programs
22) Create static webpages.
23) Apply cascading style sheets (CSS)
24) Convert mockups into web pages
25) Convert Designs into mobile application mockups
26) Create mockups for mobile games
27) Apply validations to web forms

Summary Template - Overview of the Curriculum

Following is the structure of the course:

Level 3

Gener
Digital Skills
1 Operate digital media technology 3 ic 6 21 27 2.7
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Gener
2 Perform computer operations 3 ic 6 21 27 2.7

Gener
3 Use computer applications 3 ic 3 12 15 1.5

Gener
4 Create technical documentation 3 ic 3 21 24 2.4

Gener
5 Create basic databases 3 ic 3 12 15 1.5

Use social media tools for collaboration and Gener

6 engagement 3 ic 3 12 15 1.5

Techn
Create Environment for javascript programming
7 3 ical 3 12 15 1.5

JavaScript Techn
Develop Logic in javascript programming
8 Programmer 3 ical 6 24 30 3

Techn
Implement Logic in Javascript
9 3 ical 12 36 48 4.8
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Techn
Implement Form Validation in Javascript
10 3 ical 6 24 30 3

Techn
Fix Error/Bugs in Program
11 3 ical 6 15 21 2.1

Techn
Install Content Management System
12 3 ical 6 15 21 2.1

Techn
Write/Edit Posts and Pages
13 3 ical 3 12 15 1.5

Techn
Perform Basic Administration
14 3 ical 6 21 27 2.7
CMS Professional
Techn
Customize/Deploy Theme
15 3 ical 6 21 27 2.7

Techn
Add Plugins to the Website
16 3 ical 3 12 15 1.5

Techn
Manage CMS Website
17 3 ical 6 21 27 2.7
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Techn
Perform troubleshooting
18 3 ical 6 21 27 2.7

Techn
Create environment for Java programming
19 3 ical 3 12 15 1.5

Jr. programmer Techn

Develop programming logic in java
20 (Java) 3 ical 16 45 61 6.1

Techn
Remove errors/bugs in Java programs
21 3 ical 3 12 15 1.5

Techn
Create static webpages.
22 3 ical 6 24 30 3

Techn
Apply cascading style sheets (CSS)
23 3 ical 3 9 12 1.2
UI/UX developer
Techn
Convert mockups into web pages
24 3 ical 3 9 12 1.2

Techn
Convert Designs into mobile application mockups
25 3 ical 3 9 12 1.2
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Techn
Create mockups for mobile games
26 3 ical 3 9 12 1.2

Techn
Apply validations to web forms
27 3 ical 8 27 35 3.5

Total 141 489 630 63

77.61
22.380 9047
Percentage 95238 6

Proposed Course Duration: 6 Months

Estimated Contact Hours: 600 Hours

Estimated Credit Hours: 60 Hours

National Vocational Certificate Level 3 for Mobile App, Web and Game Development
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

JavaScript Programmer

Module - 0613-S&AD&A-1. Create Environment for JavaScript programming

Objective: After the completion of this module the trainee will be able to covers the skills and knowledge required to create java script environment to run
program successfully.

Duration: 15 Hours Theory: 03Hours Practice: 12 Hours Credit Hours: 1.5

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Download Java  Search for suitable IDE 01 Hrs
 Multimedia lab
Script IDE  Explore the features of  Define JavaScript
Practical-  White board
available Java Script IDEs  Describe Integrated
 Printer
 Download the Java Script Development 03 Hrs
 Registered
IDE Environment (IDE)
Security
 Enlist the steps to Total- 04 Hrs
Software’s
download JavaScript
CD’S
IDE.
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity

Download JavaScript IDE in

your laptop/computer available
in computer lab.
LU2. Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
 Choose suitable Java Script 01 Hrs
 Multimedia lab
IDE e.g.  Enlist the names of
Install Java Script IDE Practical-  White board
( Komodo, Atom, VS Code) Java Script IDEs.
 Printer
 Install the required IDE  Describe the use of 06 Hrs
 Registered
Java Script
Security
 Describe characteristics Total-07 Hrs
Software’s
for java Script
CD’S
 Explain the
 USB’s
Requirement of IDE in
software
 Enlist steps to Install
Java Script IDE
Practical Activity:
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Install Java Script IDE in

computer system.

LU3 Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Check the  Write first program on installed 01 Hrs
 Multimedia lab
Development IDE  Enlist the step to add
Practical-  White board
Environment  Run the Program in browser Java Script into the page
 Printer
 Enlist the step to run a 03 Hrs
 Registered
program in Java Script
Security
IDE. Total- 04 Hrs
Software’s
 Describe that JavaScript
CD’S
run in a web-browser
 USB’s
 Define basic terms
(Source code, Interpreter,
and Compiler etc.
 Enlist different JavaScript
engines
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity
 Write first program on IDE
and then run it.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module- : 0613-S&AD&A-2. Develop Logic in JavaScript programming

Objective: After the completion of this module the trainee will be able to cover the skills and knowledge required to build logic in programming.

Duration: 30 Hours Theory: 06 Hours Practice: 24 Hours Credit Hours: 3.0

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge Based Theory-03 Hrs  Computers  Class Room
questions:-  Internet  Computer
Visualize the Logic  Analyse the problem to visualize Practical-
 Multimedia lab
 Solve problem using flowchart  Enlist the key step to
12 Hrs  White board
problem visualize.
 Printer
 Describe effective Total- 15 Hrs
 Registered
visualize.
Security
 Define data visualization
Software’s
 Describe benefits of
CD’S
data visualization
 USB’s
 Describe flow chart
 Enlist symbols use in
flow chart
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Enlist types of flow

charts
 Enlist method to draw
flow chart
 Describe flow charts
templates
 Describe common
mistakes made when
drawing flow charts
Practical Activity:

Analyze the problem assigned

by the teacher /Instructor and
then solve it using flowchart.

LU2. Trainee will be able to: Theory-03 Hrs  Computers  Class Room
Knowledge Based
 Internet  Computer
Write Generalized  Select a problem to provide questions:- Practical-
 Multimedia lab
Logic generalized solution  Define Generalization
12 Hrs  White board
 Printer
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Convert the problem into  Define problem solving Total- 15 Hrs  Registered
pseudo-code skills Security
 Convert the pseudo-code to  Define pseudo-code. Software’s
generalize algorithm  Enlist the steps to convert CD’S
problem into pseudo-  USB’s
code.
 Enlist the key steps to
converting pseudo-code
into generalize algorithm

Practical Activity:

Convert the given problem into

pseudo-code and then convert
it into generalize algorithm.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module : 0613-S&AD&A-3. Implement logic in JavaScript

Objective: After the completion of this module the trainee will be able to cover the skills and knowledge required to build logic in programming.

Duration: 48 Hours Theory: 12 Hours Practice: 36 Hours Credit Hours:4.8

Materials Learning
Learning Unit  Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Use fundamentals of  Declare variables and arrays 04 Hrs
 Multimedia lab
Javascript  Perform some calculation  Define java script
Practical-  White board
 Display calculation in alert box  Define structure, content,
.  Printer
and styling. 12 Hrs
 Registered
 Define primitives, objects
Security
and functions Total-16 Hrs
Software’s
 Explore the difference CD’S
between Primitives vs  USB’s
Objects
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Define Variables.
 Define arrays.
 Describe alert box.
Practical Activity:

Add two numbers in JavaScript

and display the result in alert
box.

LU2. Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Solve complex 04 Hrs
 Multimedia lab
programming  Implement sequential structure  Enlist the key step of
Practical-  White board
problems  Implement conditional structure sequential structure
 Printer
 Implement iterative structure  Enlist the key step of 12 Hrs
 Registered
 Implement structured conditional structure.
Security
programming (Functions)  Define Iterative structure Total- 16Hrs
Software’s
 Describe tools of iteration
CD’S
 Describe structured
 USB’s
programming and Write
its types.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:

Write a program to implement

structured programming.

LU3 Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Explore JS  Change the content of HTML 04 Hrs
 Multimedia lab
DOM(Document  Add the styling to HTML element  Define DOM
Practical- 12 Hrs  White board
Object Model) tasks  Remove the HTML element  Describe document object
 Printer
model. Total- 16Hrs
 Registered
 Describe DOM interface
Security
 Define HTML elements.
Software’s
Practical Activity:
CD’S

Create an HTML page, add  USB’s

styling to HTML element and

then remove HTML element.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module : 0613-S&AD&A-4. Implement Form Validation in JavaScript

Objective: After the completion of this module the trainee will be able to cover the skills and knowledge required to validate a JavaScript program.

Duration: 30 Hours Theory: 06 Hours Practice: 24 Hours Credit Hours: 3.0

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge Based Theory- 03Hrs  Computers  Class Room
questions:-  Internet  Computer
Implement  Write validation functions in Practical-
 Multimedia lab
Javascript javascript  Enlist the key steps of
12 Hrs  White board
validation  Search different libraries of implementation of Java
 Printer
javascript that provides Script validation Total- 15Hrs
 Registered
validation features  Define JS frameworks.
Security
 Search different javascript  Enlist the major JS
Software’s
frameworks Frameworks.
CD’S
 Select appropriate  Explore libraries of
 USB’s
library/framework to write JS JavaScript.
code
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Enlist the names of

major JavaScript
libraries.
Practical Activity:
Write a progra7m of JavaScript
for validation of given numbers.

LU2. Trainee will be able to: Knowledge Based Theory- 03Hrs  Computers  Class Room
questions:-  Internet  Computer
Deploy validation into  Identify elements where to Practical-
 Multimedia lab
a web form apply validations  Describe form validation
12 Hrs  White board
 Explore validation functions  Describe Typescript
 Printer
for different purposes like  Explore HTML5 Total- 15Hrs
 Registered
email address, NAN (not a programming.
Security
number) etc.  Describe method to
Software’s
 Apply suitable validation deploy validation into web
CD’S
functions for required form
 USB’s
element Practical Activity:

Identify elements within your

code where you have to apply
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

validation functions and then

apply suitable validation
functions for required elements.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module : 0613-S&AD&A-5. Fix Error/Bugs in Program

Objective: After the completion of this module the trainee will be able to cover the skills and knowledge required to remove the different typ es of errors in
a program.

Duration: 21 Hours Theory: 06 Hours Practice: 15 Hours Credit Hours: 2.1

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Identify the error/bug 02 Hrs
 Multimedia lab
 Identity the immediate line of  Define error / bug.
Practical-  White board
code where bug occurs  Enlist the method to
 Printer
Identify the error in your 03 Hrs
 Registered
 Identify the line of code where code.
Security
bug actually occurs  Enlist the types of errors. Total-
Software’s
 Identify the Specie/Type of Practical Activity:
05 Hrs CD’S
bug.
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Write a JavaScript code and

identify the line of code where
bug actually occurs.

LU2. Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Remove the Sytax  Identify the line of code where 01 Hrs
 Multimedia lab
Error bug actually occurs.  Describe Syntax error.
Practical-04 Hrs  White board
 Describe syntax error
 Printer
within specific line of the Total- 05Hrs
 Registered
 Correct the error according to code.
Security
Java Script Syntax. Software’s
Practical Activity: CD’S
 USB’s
Write a JS code with number of
syntax errors and then identify
the line of code where bug
actually occurs then correct the
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

error according to Java Script

Syntax

LU 3: Trainee will be able to: Knowledge Based Theory-  Computers  Class Room
questions:-  Internet  Computer
Remove the Logical 02 Hrs
 Multimedia lab
Error  Identify the error logic  Describe logical error.
Practical- 04 Hrs  White board
 Make a hypothesis without  Enlist the key step to
 Printer
looking at code identify the logical error Total- 06Hrs
 Registered
 Identify key variables and within the code.
Security
Conditions
Software’s
 Re-check suspicious code Practical Activity:
CD’S
 Re-Write the suspicious code
Write a JS code and then  USB’s
identify logical error then
correct the error according.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU 4. Trainee will be able to: Knowledge Based  Computers  Class Room

questions:-  Internet  Computer
 Change the input values
Remove the  Multimedia lab
 Make sure you have enough  Describe Runtime error.
Runtime Error
Theory-  White board
memory/storage  Enlist the key step to
 Printer
 Re-start your program/Browser identify the runtime error
01 Hrs  Registered
(if required) within the code.
Security
Practical- 04 Hrs
Software’s
Practical Activity:
Total- 05Hrs CD’S

 Write a JS code and then  USB’s

identify Runtime error
then correct the error
according.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

CMS Professional

Module:- 0613-S&AD&A-6. Install Content Management System

Objective: After the completion of this module, the Trainee will be covers the skills and knowledge required to install a Content Management System.

Duration: 21Hours Theory: 6 Hours Practice: 15Hours Credit Hours: 2.1

Learning Materials Learning

Learning Outcomes Learning Elements Duration
Unit Required Place

LU1. Trainee will be able to: Knowledge based questions Theory-  Computers  Class Room
 Define Content management system  Internet  Computer Lab
Identify System  Identify local 3 Hrs
 Enlist key feature of CMS features  Multimedia
Requirements Requirements (System
 Enlist Categories / types of CMS  White board
for local CMS Requirements) Practical-
 Define Web content management systems  Printer
development  Enlist Server-Side  Enlist Content management tools 6 Hrs  Registered
Requirements  Describe and select the right CMS platform Security
 Check for security (wordpress.org, Hub Spot CMS Hub, Total- Software’s
vulnerabilities for the Joomla, Woo Commerce, Drupal, WIX etc.)
09 Hrs CD’S
version to be installed.  Define security vulnerabilities  USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Install an open-source  Define open source plate form for web

cross platform web server
server solution  Enlist Types of open source plate form for
software web server
 Setup Server &  Define IP addresses
Database environment  Describe the Set Up of Dedicated Web
of server solution Server
software for the CMS
Practical Activity:
based website to be
run on it.
1. Download Ubuntu and Install Ubuntu Server

LU2. Trainee will be able to: Knowledge based questions Theory-  Computers  Class Room
 Define software installation  Internet  Computer Lab
Perform  Download and Extract 2 Hrs
 Describe different types of software  Multimedia
Installation files
installations Practical-  White board
 Create the Database
 Describe requirements to install application  Printer
and a User 3 Hrs
software’s  Registered
 Upload Files in root
 Describe Custom software installation Security
directory & Total-
 Enlist ways to acquiring software’s Software’s
subdirectory
 Define Database 05 Hrs CD’S
 Setup the configuration
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Run Install script  Describe new users and grant  USB’s

 Troubleshoot common permissions in data base
installation problems  Define root directory and subdirectory
 Describe the method for upload a file to a
root directory
 Describe the procedure to fix the
installation problems
 Describe installation problems fix
Windows
Practical Activity:

Create MySQL database with user name and

password

LU3. Trainee will be able to: Knowledge based questions Theory-  Computers  Class Room
 Describe the procedure to Installing/Configuring  Internet  Computer Lab
Install multiple  Install Single CMS 1 Hrs
multiple CMS instances in a single server  Multimedia
instances instance with a single
machine Practical-  White board
database
 Describe the method to Uninstalling CMS  Printer
6 Hrs
Instances  Registered
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Install Multiple CMS  Enlist Multiple independent sites using the Total- Security
instances with a single same CMS installation Software’s
07 Hrs
database  Describe the method to Install Multiple CD’S
 Install Multiple Instances on Multiple Database  USB’s
instances with multiple Practical Activity:
databases
Installing Multiple WordPress Instances
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-7. Write/Edit posts and pages

Objective: After the completion of this module, the Trainee will covers the skills and knowledge required to write and edit posts and create pages on a CMS.

Duration: 15 Hours Theory: 03 Hours Practice: 12 Hours Credit Hours: 1.5

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Write Posts  Check for the tools available
 Define CMS Websites  Multimedia
on the admin panel for Theory- 0.5 Hrs
 Define CMS Blog  White board
creating a post.
 Explain needs of CMS Practical- 3Hrs  Printer
 Use block editor for adding
for web sites  Registered
contents.
 Define CMS page on Total- 3.5Hrs Security
website Software’s
 Enlist Popular CMS CD’S
platforms  USB’s
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Describe uses of CMS

in Word Press
 Define Access on
Admin Panel
 Explain step by step
procedure to create
post in Word Press
 Describe to Get Admin
Panel in WordPress
 Define admin control
panel
 Describe the method
to Add text in block
editor
 Describe the Use of
block editor

Practical Activity:
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Edit block content in word

press

LU2. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Create Pages  Login to your CMS, go to
 Define Pages in CMS  Multimedia
the Page section.
 Define section and  White board
 Insert Content
folders Theory-  Printer
 Set the page hierarchy
 Define Omni CMS  Registered
 Update URL for your 0.5 Hrs
 Define login CMS Security
page.
 Describe MS pages Practical-3 Hrs Software’s
 Generate permalink
on Web sites CD’S
 Describe CMS entries Total- 3.5 Hrs  USB’s

Practical Activity:
 Creating content in
Omni CMS
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Configuring Page
Hierarchy

LU3. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Adjust Media Library  Upload Images, Videos
 Define media library  Multimedia
and Audios to the media
 Explain the methods  White board
library
to Upload , photos, Theory-  Printer
 Set media library views
videos and music to  Registered
 Delete the unwanted 01 Hrs
the Media Library on Security
media items from the
the web Software’s
library Practical- 3Hrs
 Define Grid View. CD’S
 Define List View Total- 4 Hrs  USB’s
 Enlist filter media
types by date or
search media
 Define the Terms (Edit
Image, Crop, Rotate,
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Flip, Resize, Undo

and Redo, Restore)
Practical Activity:
upload any file provided in
the lab by
teacher/instructor

LU4. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Manage Comments  Setup comment rules
 Define comment on post Theory-  Multimedia
on posts/pages  Enable comments for the site
 Explain Comments on  White board
 Manage incoming comments 01 Hrs
CMS purposed rules  Printer
 Define public period  Registered
Practical- 3Hrs
comments Security
 Explain enable / disable Total- 4 Hrs Software’s
comments and ratings on CD’S
different sites  USB’s
 Define comment manager
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Define different Ways to

Manage Comments on
social media Site
 Describe Social media
management tools
 Explain control comments
on sites
 Describe reply comments
on different social media
sites (F.B, Instagram,
Twitter etc.)
Practical Activity:
 Enlist 5 Types of
Facebook Comments and
How to Respond them
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-8. Perform Basic Administration

Objective: After the completion of this module, the Trainee will covers the skills and knowledge required perform basic administration of a CMS based
website.

Duration: 27 Hours Theory: 6 Hours Practice: 21Hours Credit Hours: 2.7

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Navigate in CMS  Use different features Theory- 03 Hrs
 Define navigation  Multimedia
Environment available in the CMS
 Define navigate CMS  White board
 Explore the Dashboard for Practical-
 Explain Methods to  Printer
updating themes and plugins.
access the website 09 Hrs  Registered
 Differentiate between Security
Total- 12 Hrs
Menus and navigation Software’s
 Explain template tags for CD’S
use in the templates that  USB’s
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

are connected to the

menu
 Differentiate between
themes and plugins
 Explain method of
update custom themes
 Describe plugins in word
press dashboard
 Define Custom plugins in
WordPress
Practical Activity:
 Using menu tags Displays
the sub menu of the
current page
 Create a WordPress
Custom Dashboard for
Clients
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU2. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Change the look &  Use widgets as per
 Define Look and feel  Multimedia
Feel of the Website requirement
of website  White board
 Create Navigational
 Describe the  Printer
structure/Menu
importance of look  Registered
 Insert Header
and feel of website Security
 Insert Footer
 Describe the Use of Theory-03 Hrs Software’s

“Look and Feel” to CD’S

Practical-  USB’s
Improve Web Design
 Define navigation 12 Hrs
structure
 Define Structure of Total- 15 Hrs

navigation bar
 Define navigation
menu
 Define horizontal
navigation bar
 Define Top Navigation
Bar
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:

create a new page, add the

elements you want to appear
on page, and assign the
page as a header and footer
in the Site
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-9. Customize/Deploy theme

Objective: After the completion of this module, the Trainee will covers the skills and required to customize/ Deploy theme.

Duration:- 27Hours Theory: 6 Hours Practice: 21 Hours Credit Hours: 2.7

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based  Computers  Class Room

Theory- 02 Hrs  
questions Internet Computer Lab
Search for Themes  Explore a variety of CMS
 Define CMS Themes  Multimedia
themes (ready to use) Practical-
 Define Hub Spot themes  White board
 Search for a specific theme
 Printer
type from available free theme  Describe purpose of using 06 Hrs
themes  Registered
directory
 Explain to Total- 08 Hrs Security
 Use selected theme
download responsive Software’s
CD’S
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

and Free website themes  USB’s

template
 Describe to Apply themes
on website or CMS pages
 Explain the Change to
selected apply themes
Practical Activity:

Apply a new theme on

presentation provided by
teacher/instructor
LU2. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Add Theme  Add new theme using the Theory- 02 Hrs
 Define administration  Multimedia
administration screen
screen
Practical-  White board
 Add new theme using
 Explain the procedure  Printer
CPanel 09 Hrs
to install a theme in a  Registered
 Add new theme using FTP
Control panel (Panel) Total- 11Hrs Security

 Define activate a Software’s

theme in Cpanal CD’S

National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Define change the  USB’s

themes in CPanel
 Define FTP
 Explain Install theme
via FTP
 Describe FTP
software’s for upload
and download

Practical Activity:
 Upload a Files to Your
provided Site Using
FTP
 Download a Files from
Your WordPress Site
Using FTP
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU3. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Activate/Update the  Log in to Administration
 Define Administrator  Multimedia
Theme Screen
and Administration  White board
 Go to theme section
Screen  Printer
 Select the desired theme
 Define Command  Registered
 Generate the live preview
prompt Theory- 02 Hrs Security
 Click Activate
 Describe Log in as an Software’s
Practical-
administrator CD’S

 Enlist steps to update  USB’s

06 Hrs
themes
 Describe Install and Total- 08 Hrs

activate themes
Practical Activity:

Update the old theme of your

site provided by the instructor
by replacing the new version
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-10. Add Plugins to Website

Objective: After the completion of this module, the Trainee will covers the skills and required to add plugins to a website

Duration: 15Hours Theory: 3 Hours Practice: 12Hours Credit Hours: 1.5

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Manage plugins  Enlist the popular plugins Theory- 01 Hrs
 Describe manage  Multimedia
 Search plugin directory for
Plugins interface  White board
Spam Control, SEO, E- Practical-
 Describe install and  Printer
Commerce and Security
uninstall a plugin 03 Hrs  Registered
Plugins
 Enlist type of plug in Security
Total- 04Hrs
use for SEO Software’s

 Describe the use of CD’S

best plugin for  USB’s

 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

E-commerce
 Define security plugin
 Explain the working of
security plugin
Practical Activity:

Disable all plugins When

unable to access the
administrative menu
LU2. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Install/Update  Navigate to the Plugins
 Describe search Theory- 01Hrs  Multimedia
Plugins section
plugins in WordPress  White board
 Perform search for the Practical-
 Describe activate a  Printer
desired plugin and add it.
plugin in WordPress 06 Hrs  Registered
 Click the plugin link and
 Explain the method to Security
view its version Total- 07 Hrs
Add plugin menu to Software’s
 Click update if an update
WordPress CD’S
is available
 USB’s
 Activate the plugin
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Explain the method

Add navigation menu
to WordPress
Practical Activity:

Creating a WordPress
Plugin and add the Admin
Page
LU3. Trainee will be able to: Knowledge based  Computers  Class Room
questions  Internet  Computer Lab
Upload Plugins  Unzip the plugin file
 Define Zip files  Multimedia
Manually  Connect to your CMS server Theory- 01Hrs
 Define extract a file  White board
with SFTP client
 Enlist the steps to  Printer
 Copy the plugin folder to your Practical-
Unzipped a file  Registered
CMS site plugins directory
 Define SFTP 03 Hrs Security
 Go to the plugin admin screen
 Describe the method of Software’s
and locate the newly added Total- 04 Hrs
connection with SFTP CD’S
plugin
 USB’s
 Click the plugin’s Activate link.  Enlist categories of
popular plugins directory
in the WordPress
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:

Install WordPress plugins

using the upload option in the
admin area.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-11. Manage CMS website

Objective: After the completion of this module, the Trainee will covers the skills and required to maintain & optimize the CMS website.

Duration: 27 Hours Theory: 6 Hours Practice: 21 Hours Credit Hours: 2.7

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based Theory- 03 Hrs  Computers  Class Room
questions  Internet  Computer Lab
Create Backups  Create backup for the Practical-
 Define Backup  Multimedia
website
 Enlist the steps of 06 Hrs  White board
 Initialize restoration
website backup  Printer
process Total- 09 Hrs
 Describe needs of  Registered
 Restore the site from
web site back up Security
backup using MySQL
 Define restore Software’s

process CD’S
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Define system state

restore
 Describe Restore the
System State to
an alternative
location
 Explain the method of
initializing and then
restoring a database
instance.
Practical Activity:
Restore after initializing a
database instance without
the option of changing the
database parameters and
volume configuration
LU2. Trainee will be able to: Knowledge based  Computers  Class Room
Theory- 02Hrs
questions  Internet  Computer Lab
Move website to a  Move website keeping
 Define domain name Practical-  Multimedia
new server Domain Names and URLs
 Define URL  White board
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Change Domain Names  Describe manual 09 Hrs  Printer

and URLs backup  Registered
Total- 11 Hrs
 Move directories from  Describe CPnel Security
existing server backup wizard Software’s
 Define Manual CD’S
transfer of files  USB’s
 Describe to move
website to a new
domain name
 Enlist the steps to
transfer file from one
domain to another
 Describe the method
redirect an expired
domain to new
domain
Practical Activity:
Enlist the steps involve
moving a website to a
different web host
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU3. Trainee will be able to: Knowledge based Theory- 01Hrs  Computers  Class Room
questions  Internet  Computer Lab
Perform SEO &  Add Keyword, Link, Titles Practical-
 Define SEO and its  Multimedia
Caching  Insert content in links and
working 06 Hrs  White board
images
 Define caching in SEO  Printer
 Perform caching for browser & Total- 07 Hrs
 Describe Keywords for  Registered
server
SEO Security

 Describe to ADD Images Software’s

Practical Activity: CD’S

 USB’s
Add text, headings, or titles
to your site assigned by the
teacher/instructor
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module: - 0613-S&AD&A-12. Perform troubleshooting

Objective: After the completion of this module, the Trainee will covers the skills and required to perform troubleshooting & check for security issues.

Duration: 27 Hours Theory: 06Hours Practice: 21 Hours Credit Hours: 2.7

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based Theory-  Computers  Class Room
questions  Internet  Computer Lab
Resolve Login  Refresh your browser 1.5 Hrs
 Describe method to  Multimedia
Problems  Check for the
Refresh page only Practical-  White board
authorization access
 Describe delete Cache  Printer
03 Hrs
and Refresh page  Registered

 Enlist the steps to Security

Total- 4.5 Hrs
refresh browser in Software’s

chrome CD’S
 USB’s
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Describe to Refresh
browser on phone
 Describe to Refresh
browser with key board
 Define authorization
check
 Define Authorization
access control.
 Differentiate between
access and
authorization
 Describe the Person
responsible to check
the authorization
Practical Activity:

Authorizing Your App with

Gmail
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU2. Trainee will be able to: Knowledge based Theory-  Computers  Class Room
questions  Internet  Computer Lab
Manage Content  Make sure to use the 1.5 Hrs
 Define manage control  Multimedia
Module recommended browser.
module Practical-  White board
 Check your file name
 Describe open source  Printer
doesn’t contain any 06 Hrs
content management  Registered
special characters
systems like Security
 Make sure to resize the Total- 7.5 Hrs
(WordPress, Drupal, Software’s
image to avoid image
Magento, CD’S
upload failure
Squarespace, Etc.)  USB’s
 Define content types
 Define content items
 Describe Use the
recommended
browser.
 Describe security
browser extension
 Describe methods to
Disable extensions
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Describe disable saved

passwords
 Describe use a strong
antivirus
 Define use a sandbox
 Describe Manage
browser cookies
Practical Activity:
Change your browser
setting
LU3. Trainee will be able to: Knowledge based Theory- 01 Hrs  Computers  Class Room
questions  Internet  Computer Lab
Manage Navigation  Clear web browser cache Practical- 06
 Describe “classic”  Multimedia
Module  Click “Publish” after creating a Hrs
Visualforce mechanisms  White board
post/page
for controlling navigation Total- 07 Hrs  Printer
 Check the “Stop Publishing
from one page to another  Registered
Date”, and set it too far in
 Explain clear cache for all Security
future
major browsers Software’s
CD’S
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Explain short cut keys to

clear Cache for Mozilla
Fire
 Describe publish a post on
a page
Practical Activity:

create posts for your Page

in Ads Manager
LU4. Trainee will be able to: Knowledge based Theory- 02 Hrs  Computers  Class Room
questions  Internet  Computer Lab
Resolve Security  Administer security over SSL Practical-
 Define security issues  Multimedia
Issues  Perform two-step
 Enlist types of Internet 06 Hrs  White board
authentication
security issues or web  Printer
 Demonstrate best password Total- 08 Hrs
security problems  Registered
practices
 Define prevent security Security
 Use an encrypted
problems Software’s
communication protocol like
 Define SSL CD’S
https
 Describe working of SSL  USB’s

 Define security protocols

National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Describe SSL provide

security Protocols used to
convey SSL
 Differentiate between SSL
connection and SSL
session
 Describe use of two step
authentication
 Describe characteristics of
strong passwords
 Explain the use of
password manager
 Define https
 Differentiate between SSL
and HTTPS
 Describe HTTPS related to
SSL

Practical Activity:
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Verify that your HTTPS pages

can be crawled and indexed
by Google
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Jr. Programmer (Java)

Module-: 0613-S&AD&A-13. Create Environment for java programming

Objective: After the completion of this module the trainee will be able to covers the skills and knowledge required to create java environment to run java
program successfully.

Duration: 15 Hours Theory: 03 Hours Practice: 12 Hours Credit Hours: 1.5

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge based questions Theory- 01 Hrs  Computers
Class Room
 Define JDK  Internet
Download Java  Find the URL to Download JDK Practical-06 Hrs
 Define URL  Multimedia Computer lab
Development Kit  Check the JDK Version
 Download JDK from Total-07Hrs  White board
(JDK)  See the Compatibility of JDK for
command line.  Printer
required Operating System
 Enlist the steps to download  Registered
 Download the JDK
the java development kit in Security

operating system Software’s

 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Describe JDK version CD’S

installed in computer system  USB’s

Practical Activity:

Download development kit

in your operating system

LU2. Trainee will be able to: Knowledge based questions Theory- 01 Hrs  Computers
Class Room
 Define JAVA IDEs  Internet
 Search the different JAVA IDEs Practical-03 Hrs
 Enlist some of the major  Multimedia Computer lab
 Explore the features of available
Install Java IDE JAVA IDEs Total-04 Hrs  White board
IDEs
 Explore the procedure to  Printer
 Choose suitable Java IDE e.g.
install JAVA IDEs.  Registered
Eclipse, NetBeans, Notepad++
Practical Activity: Security
etc.
Install JAVA IDE in your Software’s
 Install the required IDE
operating system CD’S
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU3 Trainee will be able to: Knowledge based questions Theory- 01 Hrs  Computers
Class Room
 Explore the environment Practical- 03 Hrs  Internet
Set Up a  Set the environment variables
variables according to OS  Multimedia Computer lab
Development according to OS
 Explore the Windows Total- 04Hrs  White board
Environment.  Write first program on installed
Environment Variables  Printer
IDE
 Define Source code  Registered
 Compile the Java Source Code
 Enlists the steps that follows Security
 Run the Byte Code
while writing the code in IDE Software’s

 Explore the JAVA source CD’S

code  USB’s

Practical Activity:

Write a JAVA program, compile

it and run it
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module : 0613-S&AD&A-14. Develop Java based solutions

Objective: After the completion of this module the trainee will be able to cover the skills and knowledge required to build logic in programming.

Duration: 61 Hours Theory: 16 Hours Practice: 45 Hours Credit Hours: 6.1

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge of:- Theory- 8-Hrs  Computers
Class Room
 Internet
Learn Java Libraries  List important Java libraries.  Describe JAVA libraries Practical- 22-Hrs
 Multimedia Computer lab
 List the library features offering  Enlist some of the major
Total-30 Hrs  White board
useful functionalities JAVA libraries.
 Printer
 Enlist the default java
 Registered
libraries.
Security
 Define core java libraries.
Software’s
 Explore the java library
CD’S
packages.
 USB’s
 Enlist the java library
functions.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Explore most used java

library.
Practical Activity:

Write a code to access different

libraries.

LU2. Trainee will be able to: Knowledge of:- Theory- 8 Hrs  Computers
Class Room
 Internet
Solve the Problem  Create new java project  Describe how to Create Practical- 23 Hrs
 Multimedia Computer lab
using Java  Implement sequential structure new project in JAVA IDE
Total- 31 Hrs  White board
 Implement conditional structure  Describe User Define
 Printer
 Implement iterative structure Functions
 Registered
 Define/write user define  Enlist key step of sequential
Security
functions structure
Software’s
 Create the classes / interfaces  Enlist key step conditional
CD’S
as per program requirement structure
 USB’s
 Define iterative functions.
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Write java code solving the  Enlist the key steps to

problem develop a java program.
 Discover how are
sequences used in java
programming.
 Discover how we create an
interface class in Java?
 Explore the method to
create and implement an
interface in Java
Practical Activity:

Create a new project and write

a JAVA code for solving a
simple problem
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module : 0613-S&AD&A-15. Fix errors/bugs in Program

Objective: After the completion of this module the trainee will be able to cover the skills and knowledge required to remove the different types of errors in
a program

Duration: 60 Hours Theory: 15 Hours Practice: 45 Hours Credit Hours: 6

Materials Learning
Learning Unit  Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Knowledge of: Theory-4Hrs  Computers

Class Room
 Internet
. Identify the  Identity the immediate line of  Define error / bug. Practical-06 Hrs
 Multimedia Computer lab
error/bug code where bug occurs  Describe a bug issue.
Total- 10 Hrs  White board
 Identify the line of code where  Identify the error in code.
 Printer
bug actually occurs  Enlist the types of errors
 Registered
 Identify the Specie/Type of bug.  Explore key steps to find
Security
a bug in a line of code
Software’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

. CD’S
 USB’s
Practical Activity:

Write a Java code and identify

the line of code where bug
actually occurs

LU2. Trainee will be able to: Knowledge of: Theory-4Hrs  Computers

Class Room
 Internet
Remove the Sytax  Identify the line of code where  Describe Syntax error. Practical-06 Hrs
 Multimedia Computer lab
Error bug actually occurs.  Describe Syntax error
Total- 10Hrs  White board
 Correct the error according to within specific line of the
 Printer
Java Syntax. code.
 Registered
 Explore the steps to fix
Security
Syntax error.
Software’s
Practical Activity:
CD’S
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Write a Java code with number

of syntax errors and then
identify the line of code where
bug actually occurs then correct
the error according to Java
Script Syntax

LU3 Trainee will be able to: Knowledge of: Theory-3Hrs  Computers

Class Room
 Internet
Remove the Logical  Understand what you actually  Define logical error. Practical-15 Hrs
 Multimedia Computer lab
Error trying to accomplish  Describe logical error
Total- 18 Hrs  White board
 Understand what your code within the code.
 Printer
actually did  Explore the key steps to
 Registered
 Make a hypothesis without create hypothesis without
Security
looking at code looking at code.
Software’s
 Identify key variables and  Explore the key steps to
CD’S
Conditions identify key variables and
 USB’s
 Concentrate on suspicious code conditions.
only  Define suspicious code.
 Re-Write the suspicious code  Explore the key steps to
Re-Write suspicious code.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:

Write a Java code and then

identify logical error then correct
the error according.

LU4 Trainee will be able to: Knowledge of: Theory-4Hrs  Computers

Class Room
 Internet
Remove the Runtime Change the input values  Define Runtime error. Practical- 18 Hrs
 Multimedia Computer lab
Error  Make sure you have enough  Describe logical error
Total- 22 Hrs  White board
memory/storage within the code
 Printer
 Recompile and run the code.  Discover how to Remove
 Registered
the Runtime Error.
Security
 Explore the key steps to
Software’s
find enough
CD’S
memory/storage.
 USB’s
 Explore the key steps to
execute the code.

.
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:

 Write a Java code and

then identify Runtime error
then correct the error
according.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

UI UX Developer

Module - 0613-S&AD&A-16. Create Static Webpages

Objective: After the completion of this module, the Trainee will be able to design static web pages for the application.

Duration: 30 Hours Theory: 06 Hours Practice: 24 Hours Credit Hours: 3.0

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Theory-  Computers  Class Room

Knowledge based
 Internet  Computer
Set-up  Explore different platforms questions 02 Hrs
 Multimedia Lab
environment  Explore their features and  Define web page.
Practical-  White board
compare them  Differentiate
 Printer
 Choose the most suitable between static and 06Hrs
 Registered
platform dynamic web
Security
 Install the selected Total- 08
pages
Software’s
Hrs
platform/software  Enlist the major
CD’S
platforms to
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

design the web

pages
Practical Activity:

Install web designing

software in operating
system

LU2. Trainee will be able to: Theory-  Computers  Class Room

Knowledge based
 Internet  Computer
 Gather requirements of design questions 02 Hrs
 Multimedia Lab
 Identify important elements  Enlist the steps to
Plan to design Practical-  White board
 Create basic Skelton gather requirements
web page  Printer
for web page 09 Hrs
 Registered
designing
Security
Total-
 Describe the major
Software’s
elements to design a
11 Hrs CD’S
web page
 USB’s

Practical Activity:
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Gather requirements and

identify the major
elements and create basic
Skelton of the web page

LU3. Trainee will be able to: Theory-  Computers  Class Room

Knowledge based
 Internet  Computer
Design  Explore HTML tags and their questions 02 Hrs
 Multimedia Lab
Webpage attributes  Define HTML
Practical-  White board
 Code HTML for the web page  Enlist any three HTML
 Printer
 Add text to the web page tags along with their 09Hrs
 Registered
 Add images to the web page functionalities
Security
 Manage data in tables and divs  Total-
Describe add text in a
Software’s
through HTML or any Web designing web page with 11 Hrs
CD’S
software example
 USB’s
 Apply formatting  Describe the method
 Add links(hyperlinks) if needed to add image on a
 Explore and use WYSIWYG to add web page with
contents in a web page example

Practical Activity
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Design a static web page

that includes text, image,
tables and hyperlink.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module -0613-S&AD&A-17. Apply Cascading stylesheet

Objective: After the completion of this module, the Trainee will be able to define and apply cascading style sheet (CSS) in web site.

Duration: 12 Hours Theory: 03 Hours Practice: 09 Hours Credit Hours: 1.2

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Explore CSS  Explore the ways to insert CSS questions
Theory- 0.5 Hrs  Multimedia Lab
 Identify required way to insert  Define CSS
 White board
CSS  Describe the procedure Practical-
 Printer
to include CSS in
 Registered
1.5 Hrs
Webpage
Security
Practical Activity:
Total- 2.0 Hrs Software’s
CD’S
Create a simple web page and
include CSS  USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU2. Trainee will be able to:  Computers  Class Room

Knowledge based questions
 Internet  Computer
Define CSS  Explore the syntax to define  Enlist the advantages of
 Multimedia Lab
CSS using CSS in webpage.
 White board
 Explore the properties in  Enlist the limitations of
 Printer
CSS using CSS.
Theory- 0.5 Hrs  Registered
 Explore the possible values
Security
of different properties Practical Activity: Practical-
Software’s
 Define/code styles for tags Create a web page and define
1.5 Hrs CD’S
in CSS syntax, properties and styling
 USB’s
 Define/code styles for to CSS. Total- 2.0 Hrs
classes in CSS
 Define/code styles for IDs in
CSS
 Explore and use media
query for different screen
sizes (Responsiveness)
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

LU3. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Apply CSS  Select suitable place where to questions
 Multimedia Lab
apply formatting/stylesheet  Describe methods of CSS
 White board
 Call CSS as a class/ID that can apply to HTML or
 Printer
 Use style tags XHTML (linked, embedded,
 Registered
and inline)
Theory- Security
 Describe the way to apply
Software’s
CSS as a class/ID in 01 Hrs
CD’S
specific area
Practical- 03 Hrs  USB’s
 Describe correct way to
apply styles Total- 04 Hrs
 Describe format of style
sheet
 Describe correct CSS
syntax
 Define class ID in CSS
 Describe either class or ID
use in CSS together
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Describe the way to target

class ID in CSS
 Define style tag
 Describe where we use
style tag in CSS
Practical Activity:
Call CSS as a class/ID and
then add styling using style
tags.
LU.4 Trainee will be able to: Knowledge based questions  Computers  Class Room
 Enlist the major frame  Internet  Computer
Explore CSS  Search available CSS
works of CSS  Multimedia Lab
frameworks (Like frameworks Theory- 01Hrs
 Describe to configure  White board
Bootstrap, SASS,  Install most suitable
CSS frame work with Practical- 03 Hrs  Printer
foundation etc.) framework
IDE  Registered
 Configure framework with
 Describe the use of Total- 04 Hrs Security
IDE and modules
classes/ feature in CSS Software’s
 Explore defined classes of
frame work CD’S
framework
Practical Activity  USB’s
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Use classes/features of Install the suitable framework

framework in computer, configure it with
IDE and use the classes in
framework.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module - 0613-S&AD&A-18. Convert mockups into web pages

Objective: After the completion of this module, the Trainee will be able to convert design mock-ups into web pages.

Duration: 12 Hours Theory: 03 Hours Practice: 09 Hours Credit Hours: 1

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to: Theory-  Computers  Class Room

Knowledge based
 Internet  Computer
Create mockups  Use suitable tool to design a questions 0.5 Hrs  Multimedia Lab
mockup  Define mockup.
 White board
 Design mockups Practical-
 Enlist the advantages of
 Printer
 Save it in appropriate format mockup designing. 03 Hrs  Registered
e.g. PSD  Enlist some of the major
Security
mockup designing tools. Total-
Software’s
Practical Activity:
3.5 Hrs CD’S
 USB’s
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Design a mockup for your

webpage using a tool then
save it in PSD format.

LU2. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Convert design in  Slice image/mockup using questions
 Multimedia Lab
HTML5 and CSS3 designing tool  Describe to slice the Theory-
 White board
 Write HTML against each mockup.
 Printer
sliced image  Enlist the steps to convert 1.5 Hrs
 Registered
 Write CSS against HTML the design HTML and CSS
Practical- Security
 Use any framework for  Describe turning A Sliced
Software’s
responsiveness of webpage Image Into An HTML 03 Hrs
CD’S
Webpage
 USB’s
Total-
 Define inline CSS
 Describe the method to
4.5 Hrs
load CSS file in HTML
 Define CSS code
 Distinguish between CSS
and HTML
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:
Slice the mockup using
designing tool and write HTML
code against each and then
add styling using CSS

LU3. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Make web page  Add JS if needed for interactive questions
Theory-  Multimedia Lab
interactive part for slider  Define CSS slider
 White board
 Apply JS for interactive web  Define interactive web 01 Hrs
 Printer
forms if needed page
Practical-  Registered
 Describe the role of JAVA
Security
script for making the web 03 Hrs
Software’s
page interactive
CD’S
Practical Activity: Total- 04 Hrs
 USB’s
Create a responsive image
slider in CSS
National Vocational Certificate Level 3 for Mobile App, Web and Game Development
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module - 0613-S&AD&A-19. Convert Designs into mobile application mockups

Objective: After the completion of this module, the Trainee will be able to convert a design into a mobile application screen/mock-ups.

Duration: 12 Hours Theory: 03Hours Practice: 09 Hours Credit Hours: 1.2

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to:  Computers  Class Room

Knowledge based questions
 Internet  Computer
Design screens  Use suitable tool to create  Define wireframe
 Multimedia Lab
wireframe  Enlist the major tools to Theory- 01 Hrs
 White board
 Use suitable tool to design create wireframe
 Printer
mobile screens  Describe methods to create Practical- 03 Hrs
 Registered
 Design mockups/screens a wire frame
Total- 04 Hrs Security
 Save it in appropriate format  Enlist mobile app design
Software’s
e.g. XD tools
CD’S
 Describe the tool that are
 USB’s
best to design UI
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Define MockUP screen

 Describe MockUPs in app
designing
 Describe method to make a
screen Mockup
 Differentiate between
wireframe and Mockup
 Describe Mockup in APP
designing
Practical Activity:

Create wireframe, design mobile

screen, mockup and then save it
in XD format.

LU2. Trainee will be able to:  Computers  Class Room

Knowledge based questions Theory-
 Internet  Computer
Create mockups  Patch different screens with  Describe the use of 02 Hrs
 Multimedia Lab
each other in a appropriate multiple monitors in
sequence Practical- 06 Hrs  White board
Windows
 Printer
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Add functionalities against  Describe the setup to Total- 08 Hrs  Registered

different elements like arrange multiple monitors Security
button, menu, forms etc. in appropriate sequence Software’s
 Create animations of  Describe the method to CD’S
different elements align two screen with  USB’s
different resolutions
 Define mockup.
 Describe the purpose of
Mockup
 Enlist the advantages of
mockup designing.
 Enlist some of the major
mockup designing tools.
 Enlist common elements
in a Mockup
 Describe methods to add
design in Mockups
 Describe to make product
Mockups Look real
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Practical Activity:

Design a mockup for your

webpage using a tool then save it
in PSD format.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module - 0613-S&AD&A-20. Create mockups for mobile game

Objective: After the completion of this module, the Trainee will be able to create designs and convert designs into a game screen mock-up.

Duration: 12 Hours Theory: 03 Hours Practice: 09 Hours Credit Hours: 1.2

Materials Learning
Learning Unit Learning Outcomes Duration
Required Place

LU1. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Plan to create  Select suitable tool/s to design questions
 Multimedia Lab
mockups different components  Describe to find
Theory- 01 Hrs  White board
 Identify player needs the selector for the
 Printer
 Identify Game objectives player and then Practical- 03 Hrs
 Registered
 Wireframe mobile app change the size of
Security
interface player needs and Total- 04 Hrs
the player. Software’s
game objectives
CD’S
 Describe Play
 USB’s
button selector
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Differentiate
between stander
and advance code
implementation

 Describe
objectives in a
game

Practical Activity:

Create a final app

wireframe that
represents a solid
foundation for the
product.

LU2. Trainee will be able to:  Computers  Class Room

Knowledge based Theory- 01 Hrs
 Internet  Computer
Design UI  Use suitable tool/s to questions
Practical- 03 Hrs  Multimedia Lab
design
 White board
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Design characters  Enlist rules for good Total- 04 Hrs  Printer

 Design UI elements like UI design  Registered
buttons, menus, maps etc. Security
 Create Environment  Enlist the steps Software’s
 Add assets in environment Design Character CD’S
 Design infographics like  USB’s
 Describe suitable tool/s
GIFs
to design characters
 Design UI elements like
buttons, menus, maps
etc.
 Describe method to
Create Environment
 Describe Add assets in
environment
 Design infographics like
GIFs
Practical Activity:
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Create a character
assigned by the
instructor

LU3 Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Design UX  Explore and select the questions
 Multimedia Lab
appropriate color schemes for  Describe UI
 White board
the screens components
 Printer
 Inculcate different UI  Describe color scheme Theory- 01 Hrs
 Registered
components in game used with monitor
Security
 Finalize the layout  Describe layout Practical- 03 Hrs
Software’s
 Manage screen flow as per  Describe purpose of a
Total- 04 Hrs CD’S
requirements (prototype prototype
 USB’s
Practical Activity:
Build a Simple Screen Flow
with Salesforce Flow
Builder
National Vocational Certificate Level 3 for Mobile App, Web and Game Development
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Module - 0613-S&AD&A-21. Apply validations to web forms

Objective: After the completion of this module, the Trainee will be able to apply different validations in web forms

Duration: 35 Hours Theory: 08 Hours Practice: 27 Hours Credit Hours: 3.5

Materials Learning
Learning Unit Learning Outcomes Learning Elements Duration
Required Place

LU1. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Explore JavaScript  Explore how to write validation questions
 Multimedia Lab
functions in JavaScript  Define validation functions
Theory- 05Hrs  White board
 Search different libraries of in JavaScripting
 Printer
JavaScript that provides  Describe Popular Practical- 09 Hrs
 Registered
validation features JavaScript Libraries
Security
 Search different JavaScript  Describe basic strategies Total- 14sHrs
Software’s
frameworks for discovering JavaScript
CD’S
 Select appropriate libraries
 USB’s
library/framework to write JS
code
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

 Differentiate between
frameworks and
JavaScript library

Practical Activity:

Create a counter and write

conditions that change the
color based on positive or
negative numbers
displayed.

LU2. Trainee will be able to:  Computers  Class Room

Knowledge based
 Internet  Computer
Apply validation into  Design a web form questions Theory- 03Hrs
 Multimedia Lab
a web form  Identify elements where to  Enlist best practices for
Practical- 18 Hrs  White board
apply validations designing web forms
 Printer
 Explore validation functions Total- 21 Hrs
 Registered
for different purposes like
Security
Software’s
National Vocational Certificate Level 3 for Mobile App, Web and Game Development

email address, NAN (not a  Describe a function that CD’S

number) etc. use to validate email  USB’s
 Apply suitable validation address
functions for required
element

Practical Activity:
Create a form in java script
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Members of Curriculum Development Meeting

S# Name Designation

Hamza Nadeem NAVTTC Coordinator Islamabad

1.

Mr Aijaz Ahmed Zia DACUM Expert, Lahore

2.

Sr. Instructor CIT, PGA, Lahore

Ms. Tayyaba Amin
3.
Representative P-TEVTA

Advance Web Instructor KICS-UET Lahore

Muhammad Tahir Shafi
4.

Android Application Developer

Mr. Fawad Ali
5.
Mobi Droid Technologies, Lahore

Sr. Instructor IT, GTTI Gulberg Lahore

Syeda Farah Rehman
6.
Representative P-TEVTA
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

Ms. Anam Yaseen CBT&A Assessor, GCU Faisalabad

7.

Ms. Javeria Qazi Web administrator, Representative PBTE

8.

Mr. Shadab Ali Assistant Professor, KP TEVTA

9.

Instructor Computer Science,

10. Mr. Talat Saeed
Representative S-TEVTA

Mr. Adeel Abbas Team Lead, Fast University (Research Lab)Islamabad

11.

Mr. Rehan Ahmad Assistant Professor, UOL Lahore

12.

Dr. Muhammad Hamid Asstt Professor, IT department UVAS Lahore

13.
 National Vocational Certificate Level 3 for Mobile App, Web and Game Development

14. Mr. Mubasher Ali Sr. Software Engineer, ARTICARE Islamabad