ST. THERESITA’S ACADEMY OF SILAY CITY, INC.

#165 Rizal St. Silay City

Tel. No. (034) 4951441

CURRICULUM MAP
(Computer 8 – Computer Programming – Web Development)
Prepared by: Mr. Joshua Tobongbanua
TOPIC CONTENT and POWER and ASSESSMENT ACTIVITIES RESOURCES INSTITUTIONAL
PERFORMANCE SUPPORTING CORE VALUES
STANDARDS COMPETENCIES
FIRST QUARTER
Designing Content Standard: At the end of the lesson, Explore I. What do you know?
Program Logic The learners the students will be able Introduction to Program (KWHL)
demonstrate an to: Design and Structure
1. The program understanding of the
design and concept and underlying LO 1. Select the program Firm Up A1. The Flowchart -Learning Packet
structure principles of designing logic design approach Identify the elements of a Part 1 -Answer Sheet
program logic flowchart (Formative Assessment)
2. Flowchart 1.1 Obtain design
symbols Performance Standard: documentation
Firm Up A1. The Flowchart -Learning Packet
The learners shall be able
Discuss how each element Part 2 -Answer Sheet
to independently design 1.2 Identify systems are used in a flowchart (Formative Assessment)
program logic based on specifications and
job requirements requirements
Deepen A2. Show the process -Learning Packet
1.3 Select the design Interpret the following Part 1 -Answer Sheet
approach to be followed process into a flowchart (Summative Assessment) -Bond Paper
in coding -Pencil, Ruler, Markers
-Lucid Chart
1.4 Identify the applicable Deepen A3. Show the process -Draw.io
diagram based on the job Formulate a flowchart Part 2 -PC, Laptop
requirements based on the given process (Summative Assessment)
3. Algorithm Explore II. What do you know?
Algorithm and Pseudo (KWHL)
4. Pseudo Code Codes

Firm Up A4. Algorithms and -Learning Packet

Discuss the difference Pseudo Codes -Answer Sheet
between Algorithm and (Formative Assessment)
Pseudo Code (Essay)

Deepen A5. Writing the process -Learning Packet

Interpret a Flow Chart into Part 1 -Answer Sheet
a Pseudo Code (Summative Assessment)

Deepen A5. Writing the process

Discuss the alignment of Part 2 -Learning Packet
the Pseudo Code to the (Summative Assessment) -Answer Sheet
Flow Chart (Essay) -Pencil, Ruler, Marker
-Lucid Chart
-Draw.io
-PC, Laptop

Transfer A6. Enrollment System -Learning Packet

Create a Flowchart and (Performance Task) -Answer Sheet
produce a pseudo code of -Bond Paper
an enrollment system -Pencil, Ruler, Marker
-Lucid Chart
-Draw.io
-PC, Laptop

SECOND QUARTER
5. Program Content Standard: LO 2. Document the Explore I. What do you know?
Control Structure The learners program logic or design Introduction to HTML (KWHL)
demonstrate an 2.1 Follow standards in
 understanding of the structuring a program
concept and underlying Firm Up A1. Hello World -Learning Packet
principles of designing Execute the HTML Basic (Formative Assessment) -Answer Sheet
program logic Structure -Notepad ++
-Visual Studio Code
Performance Standard: Firm Up A2. My First Webpage -Notepad
The learners shall be able Write your first content in (Formative Assessment) -PC, Laptop
HTML
to independently design
program logic based on
Deepen A3. Building Blocks of a
job requirements Explain the use of the Website
HTML basic structure in (Summative Assessment)
Web Development (Essay)

Deepen A3. Making Content

Write a webpage with a (Summative Assessment)
text content that follows the
basic structure of HTML

6. Coding the 2.2 Identify proper Firm Up A4. Formatting Tags -Learning Packet
Programs formatting tags applicable Identify the formatting tags Part 1 -Answer Sheet
to the job requirement applicable to the required (Formative Assessment) -Notepad ++
outcome (Coding) -Visual Studio Code
-Notepad
Firm Up A5. Formatting Tags -PC, Laptop
Translate an article into a Part 2
webpage following the (Formatting Assessment)
given format (Coding)

Deepen A6. Recreate it

Identify the formatting tags (Summative Assessment)
needed to comply with the (Coding)
job requirement

Deepen A7. Playing with fonts

Create a webpage applying and colors
formatting tag attributes (Summative Assessment)
(Coding)
 Transfer A8. Web Project 1 -Learning Packet
Create a webpage based on (Performance Task) -Answer Sheet
the given job requirement (Coding) -Notepad ++
-Visual Studio Code
-Notepad
-PC, Laptop
THIRD QUARTER
7. Coding, LO 3. Validate the design Topic: Links A1. Links -Learning Packet
Compiling and (Formative Assessment) -Answer Sheet
debugging 3.1 Check program flow Firm Up (Coding) -Notepad ++
for interfaces and Identify the types of link -Visual Studio Code
compliance to design A2. How it works? -Notepad
8. Review the documentation (Formative Assessment) -PC, Laptop
designed requirements Firm Up (Essay)
program logic Explain how links work
3.2 Check states or
A3. Images as links
conditions for interfaces (Formative Assessment)
and compliance to design Firm Up (Coding)
documentation Explain how to use image
requirements as a Link
A4. Interactive
Webpage
Deepen Part 1
Create webpages based on (Summative Assessment)
the interface requirements (Coding)

A4. Interactive
Deepen Webpage
Create webpages based on Part 1
the interface requirements (Summative Assessment)
(Coding)

Topic: Tables -Learning Packet

-Answer Sheet
Firm Up A5. Tables -Notepad ++
Explain how to use a table (Formative Assessment) -Visual Studio Code
in a webpage (Coding) -Notepad
 -PC, Laptop
Firm Up A6. Merge
Explain how to manipulate (Formative Assessment)
the table in a webpage (Coding)

Firm Up A7. Table Design

Explain how to use images (Formative Assessment)
in a table (Coding)

Deepen A8. Table Pattern

Create a table based on the (Summative Assessment)
interface requirements (Coding)

Deepen A9. Using tables in a

Create a table based on the webpage
interface requirements (Summative Assessment)
(Coding)
Transfer A10. Simple Website -Learning Packet
Create a website with (Performance Task) -Answer Sheet
clickable links and (Coding) -Notepad ++
organized content -Visual Studio Code
-Notepad
-PC, Laptop
FOURTH QUARTER
Topic: Online Forms -Learning Packet
-Answer Sheet
Firm Up A1. Online Forms -Notepad ++
Discuss the uses of Online (Formative Assessment) -Visual Studio Code
Forms -Notepad
-PC, Laptop
Firm Up A2. Using Online Forms
Explain how to apply in a Webpage
Online forms in a webpage (Formative Assessment)
(Coding)

Deepen A3. Registration Form

Create a webpage applying (Summative Assessment)
Online form based on the (Coding)
interface requirements
Deepen A4. Enrollment Form
Create a webpage applying (Summative Assessment)
Online form based on the (Coding)
interface requirements

Topic: Cascading Style -Learning Packet

Sheet -Answer Sheet
-Notepad ++
-Visual Studio Code
Explore I. What do you know? -Notepad
Introduction to CSS (KWHL) -PC, Laptop

Firm Up A1. Style Sheet

Explain the use of CSS in (Formative Assessment)
web development (Essay)

Firm Up A2. CSS Syntax

Explain the program (Formative Assessment)
structure of CSS (Coding/Essay)

Deepen A3. Applying Design

Design a webpage using Part 1
CSS based on interface (Summative Assessment)
requirements (Coding)

Deepen A4. Applying Design

Design a webpage using Part 2
CSS based on interface (Summative Assessment)
requirements (Coding)

Transfer A5. Designing a Website -Learning Packet

Design a website based on (Performance Task) -Answer Sheet
specific job requirements (Coding) -Notepad ++
-Visual Studio Code
-Notepad
-PC, Laptop