BES,Transforming..

Achieving the Christian

0
CURRICULUM MAP
Way
SUBJECT:

A.Y. 2023 - 2024 JUNIOR HIGH SCHOOL COMPUTER

GRADE 8

CONTENT CONTENT PERFORMANCE FORMATION TRANSFER GOAL LEARNING COMPETENCIES

STANDARD STANDARD STANDARD

UNIT 1: The learners will be The learners shall be The learners shall be The learners shall (a)create a The learner shall be able to…
able to define web able to identify the able to encourage personal portfolio website to
design and explain its different elements of people to take pride in showcase their work. This is
1.1 Digital Citizenship importance, define web design and explain their work, even if it is a great way to show potential
HTML and explain its their purpose, create a something as simple as employers or clients their ● define digital citizenship and
and Online Risk and
Threats purpose, and define basic HTML webpage creating a website. skills and abilities (b)create a explain why it is important.
CSS and explain its using the following blog about a topic that they (M)
 Introduction to purpose. elements, and use CSS are passionate about. This is
digital citizenship to style a web page a great way to share their ● identify common online risks
 Online safety using the following knowledge and expertise with and threats. (A)
 Creating a positive properties. "Whatever you do, others. These products can
digital footprint work heartily, as for help them to demonstrate
 Digital etiquette ● understand the fundamental
the Lord and not for their mastery of the concepts
 Privacy and men." concepts of web design,
and skills learned in
security including the role of UX and
Colossians 3:23 introduction to web design,
UI in user-centered design.
HTML fundamentals, and
(M)
1.2 Introduction to Web CSS fundamentals.
Design (STEWARDSHIP)
● create static web pages
● What is web design? using HTML, applying
semantic structure and
● The history of web proper document formatting.
design (T)
● The different
elements of web ● style web pages effectively
design
 ● Principles of good using CSS, applying various
properties and selectors to
web design
control layout, typography,
1.3 HTML Fundamentals and visual elements. (T)

● What is HTML?

● The different
elements of HTML
● How to create a
basic HTML
webpage

1.4 CSS Fundamentals

● What is CSS?

● The different
properties of CSS
● How to use CSS to
style a web page
 CONTENT CONTENT PERFORMANCE FORMATION TRANSFER GOAL LEARNING COMPETENCIES
STANDARD STANDARD STANDARD

UNIT 2: The learners will be The learners shall be The learners will use The learners shall be able to The learner shall be able to…
able to define able to create a web graphics and create a responsive website
responsive web responsive web page multimedia to create for a local business or
2.1 Responsive Web design and explain its that can be viewed on websites that are organization that will
importance, define engaging and demonstrate their mastery of ● identify the different elements
Design different devices, use
web graphics and web graphics and informative, reflecting the concepts and skills of responsive web design.
● What is responsive multimedia and multimedia to create an the creativity and learned in responsive web (A)
web design? explain their engaging and visually imagination of God. design, web graphics and
importance in web appealing web page, multimedia, and design ● use CSS media queries to
● Why is responsive design, define design apply design principles principles and user create a responsive web
web design principles and user and user experience experience (UX). It is also a page. (T)
important? experience (UX) and (UX) to create a web valuable way to contribute to
explain their page that is easy to use "Let your light shine the community and help local ● test a responsive web page
● How to create a importance in web and navigate. before others, that businesses and organizations
they may see your on different devices. (M)
responsive web page design. succeed.
good deeds and
glorify your Father in ● create web graphics using
heaven." different tools and software.
2.2 Web Graphics and
(T)
Multimedia Matthew 5:16
● use multimedia elements,
● What are web
graphics? (SPIRITUAL such as images, videos, and
audio, to create an engaging
 ● What are web DISCIPLINE) web page. (A)
multimedia?
● optimize web graphics and
● How to use web multimedia for web pages.
graphics and (A)
multimedia in web
design ● identify the different design
principles. (A)

2.3 Design Principles ● apply design principles to

and User Experience
create a web page that is
(UX)
easy to use and navigate.
(M)
● What are design
principles?
● conduct user testing to
● What is user improve the usability of a
experience (UX)? web page. (M)

● How to apply design

principles to improve
UX

CONTENT CONTENT PERFORMANCE FORMATION TRANSFER GOAL LEARNING COMPETENCIES

STANDARD STANDARD STANDARD

UNIT 3: The learners will be The learners shall be The learner shall be The students shall be able to
● identify the different types of
able to define able to create able to use deployment create a game that uses
JavaScript and interactive elements on and collaboration tools JavaScript to create JavaScript events. (A)
3.1 Introduction to explain its uses in a web page using to share their work with interactive elements, such as
web design, and JavaScript, and deploy others and collaborate menus, buttons, and sliders. ● write JavaScript code to
JavaScript for
Interactivity define deployment a web page to a live on projects, reflecting respond to different events.
 ● What is JavaScript? and collaboration and server and collaborate the teamwork and (A)
explain their with others on a web cooperation that God
importance in web development project. calls us to strive for. ● create interactive elements,
● How to use
development. such as menus, buttons, and
JavaScript to add
interactivity to a web sliders, using JavaScript. (T)
page
● choose a suitable web
"As each has
received a gift, use it hosting provider. (T)
3.2 Deployment and to serve one another,
Collaboration as good stewards of ● configure a web server. (A)
God’s varied grace."
● How to deploy a web
1 Peter 4:10 ● collaborate with others on a
page
web development project
● How to collaborate using version control
(STEWARDSHIP) software. (M)
on a web design
project

CONTENT CONTENT PERFORMANCE FORMATION TRANSFER GOAL LEARNING COMPETENCIES

 STANDARD STANDARD STANDARD

UNIT 4: The learners will be The learners shall be The learner should be The learner should be able to
● define the following
able to define able to apply advanced able to use advanced create a web page that
advanced web web design topics to web design topics to showcases the use of web advanced web design topics:
design topics and create a web page that is create websites that animation to create a visually (a)Search engine
4.1 Advanced Web
explain their visually appealing, are visually appealing, appealing and engaging web optimization (SEO),
Design Topics
importance. interactive, and user- informative, and user- page. (b)Accessibility, (c)Web
friendly. friendly, reflecting the animation, (d)Web
● Search engine
creativity and frameworks, (e)Web security
optimization (SEO) (M)
imagination of God, as
well as the truth and
● Accessibility ● explain the importance of
integrity that God calls
us to live out. each of the advanced web
● Web animation design topics. (M)

● Web frameworks ● apply each of the advanced

web design topics to create a
"Whatever you do, do
web page. (T)
it heartily, as for the
Lord and not for
men."
Colossians 3:23

(INTEGRITY)

References:

Online Resources:
Web Developers Guide - https://www.tutorialspoint.com/web_developers_guide/web_basic_concepts.htm
W3Schools - https://www.w3schools.com/
Udemy - https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/