You are on page 1of 8

Background of History of JavaScript Identify the advantages in using Sample websites Seatwork: Test Your Develop skills in

JavaSript Versions of JavaScript JavaScript. exploration Knowledge activity observation and


Recall significant events in the found Experiencing ICT comparison.
1 history of JavaScript. Discussion Web Development 2
Discuss the versions of JavaScript. book, p. 7.

Guidelines for JavaScript Structure Define the following JavaScript Sample websites Seatwork: Test Your Develop skills in
Writing JavaScript and Syntax terms: script tag, JavaScript exploration Knowledge activity observation and
Guidelines for Writing statements, blocks. found Experiencing ICT comparison.
JavaScript Write a JavaScript script following Discussion Web Development 2
2 the correct structure and syntax. book, p. 15.
Link a script to an HTML document.

Commonly Used Variables Define variables. Sample websites Seatwork: Test Your Encourage the students
JavaScript Functions Boolean Define Boolean. exploration Knowledge activity to apply the skills they
and Operators Commonly used Enumerate and explain commonly found Experiencing ICT learned from this lesson
3 JavaScript Functions used JavaScript functions. Web Development 2 to have fun and review
Operators Discuss the different operators. book, p. 22. their Math lessons.

Objects, Properties, Objects Define objects. Discussion Seatwork: Test Your Integrate their lessons in
and Methods Methods Write methods. Knowledge activity communication skill.
Properties Discuss properties.t Hands-On Activity found Experiencing ICT
4 Web Development 2
book, p. 28.
Working with Objects, Document Discuss the different methods and Discussion Seatwork: Test Your Introduce to the students
Properties, and Window properties of document object. Knowledge activity the scientific method.
Methods String Objects Discuss the different methods and Hands-On Activity found Experiencing ICT
properties of window object. Web Development 2
5 Discuss the different methods and book, p. 36.
properties of string object.

Functions Functions Discuss Functions. Hands-On Activity Seatwork: Test Your Introduce to students
Arguments and Define parameters and Arguments. Knowledge activity proper behavior and
Parameters Create passing arguments. Discussion found on Experiencing communication during
6 Passing Arguments ICT Web Development 2 social function.
book, p. 42.

Events and Event Events Discuss different events. Discussion Seatwork: Test Your Encourage students to
Handlers Event Handlers Discuss different event handlers. Knowledge activity be aware of the current
Creating Events Create an event. Hands-On Activity found on Experiencing events in our country.
7 ICT Web Development 2
book, p. 49.

Unit Project: Collaborate with classmates to Role Play Presentation and peer Valuing collaborative
Creating Your create a dynamic company website. Discussion reviewing of project work and developing
8 Personal Website Group Work outputs. good project
with Portfolio management practices.
How to Create Alert Alert Messages Discuss alert messages. Hands-On Activity Seatwork: Test Your Develop students’
Statements Create Alert Statements Write scripts that display alert Knowledge activity awareness on different
statements. Discussion found on Experiencing signs and symbols they
9 ICT Web Development 2 encounter in their daily
book, p. 58. lives.

Alert Statements and Alert Boxes Create alert boxes. Sample websites Seatwork: Test Your Develops the students’
Pop-up Boxes Confirm Boxes Create confirm boxes. exploration Knowledge activity awareness of
Prompt Boxes Create prompt boxes. found on Experiencing environmental issues.
Discussion ICT Web Development 2 Encourage students to
book, p. 66. show
10
Hands-On Activity support for organizations
with environmental
causes.

Add Styles to Tables Steps in Adding Styles to Discuss the steps in adding styles Sample websites Seatwork: Test Your Review the students on
Tables to tables. exploration Knowledge activity multiplication table.
Apply the steps in adding styles. found on Experiencing
11 Discussion ICT Web Development 2
book, p. 71.
Hands-On Activity

Creating Drop-down Create Drop-down Lists Define drop-down list. Discussion Seatwork: Test Your Ask the students to list
Lists Write scripts that create dropdown Knowledge activity the things on their daily
lists. Hands-On Activity found on Experiencing routine.
12 ICT Web Development 2
boo, p. 77.
Working with Forms Forms Discuss Form. Exploration of Seatwork: Test Your Develop the students’
Creating a Form Write a script that creates a form. examples from the Knowledge activity observing and inferring
Validating a Form Write a form validation. web found on Experiencing skills, as well as
ICT Web Development 2 expressing their opinion
13 Discussion book, p. 84. (likes/dislikes) and
respect the opinion of
Hands-On Activity others.

Creating a Basic Creating Moving Objects Discuss moving objects. Discussion Seatwork: Test Your Ask the students to draw
Slideshow Using Steps in Creating a Basic Create basic slideshow using Knowledge activity stickman images to
JavaScript Slideshow JavaScript. Hands-On Activity found on Experiencing several sheets of paper
14 Animated GIF creators Create animated GIF. ICT Web Development 2 and flip them over to
book, p. 93. create an animation.

Dynamic Content Dynamic Content Define a dynamic content in a Role Play Seatwork: Test Your Review the students on
Create Dynamic Content website. Knowledge activity the concepts of push and
Write scripts that create dynamic Discussion found on Experiencing pull.
15 contents in website. ICT Web Development 2
Hands-On Activity book, pp. 97-98.

Unit Project: Collaborate with classmates to Role Play Presentation and peer Valuing collaborative
Making a Slideshow create a dynamic company website. reviewing of project work and developing
16 Gallery and a Contact Discussion outputs. good project
Form management practices.
Group Work
Introduction to Creating dynamic web Define Document Object Model. Exploration of sample Seatwork: Test Your Introduce the students to
Document Object page Recall significant events in the website Knowledge activity Hypermedia and develop
Model Short History of the history of Document Object Model. found on Experiencing their skills about dynamic
17 Document Object Model Discussion Hands-On ICT Web Development 2 web page.
book, p. 108.

Understanding the JavaScript and the Identify the scripts used to create a Hands-On Activity Seatwork: Test Your Ask the students to draw
Document Object Document Object Model window object. Discussion Knowledge activity their family tree and
Model Types of Nodes Differentiate the types of Nodes. Comparison found on Experiencing specify their
18 Document Object Model Discuss the Document Object Model ICT Web Development 2 relationships.
Hierarchy Hierarchy. book, p. 115.

DOM - Methods Document Object Model Be familiarized with the Document Exploration of sample Seatwork: Test Your Realize the importance
format Object Model Methods. website Knowledge activity of giving proper
Creating dynamic websites Write scripts that create dynamic found on Experiencing instructions and setting
19 using Document Object website using Document Object Discussion ICT Web Development 2 rules in order to
Model Methods Model methods. book, p. 122. accomplish a task and
Hands-On put order into things.

DOM – Properties Properties List the common Document Object Discussion Seatwork: Test Your Encourage the students
Creating Properties Model Properties. Knowledge activity to be careful when
Alert message for a Write a script that creates an HTML Hands-On Activity found on Experiencing changing something
Properties document with properties. ICT Web Development 2 because there are things
Display alert message for a book, p. 129. that once changed, it will
20
property. never go back to how it
used to be.
DOM –Elements Creating a Elements Write a script using Document Discussion Seatwork: Test Your Develop the
Adding and Object Model method that can Knowledge activity programming skills of the
Removing Elements access all Elements. Hands-On Activity found on Experiencing students.
Discuss the procedure in adding and ICT Web Development 2
21
removing elements. book, p. 135.

DOM –Events Events Be familiarize with the Document Discussion Seatwork: Test Your Valuing responsible
Creating Events Object Model Events. Knowledge activity actions in order to avoid
Write a script with Document Object Hands-On Activity found on Experiencing bad consequences.
22 Model Events. ICT Web Development 2
book, p. 142.

DOM – Navigation How to create Document Describe Document Object Model Exploration of sample Seatwork: Test Your Encourage the students
Object Model Navigation Navigation. website Knowledge activity to discover things that
Differentiate Document Object found on Experiencing might help them grow.
23 Model properties used for Discussion ICT Web Development 2
Navigation. book, pp. 148-149.
Hands-On

Unit Project: Collaborate with classmates to Role Play Presentation and peer Presentation and peer
Extending the create a dynamic company website. reviewing of project reviewing of project
Website Calculator Discussion outputs. outputs.
24

Group Work
Introduction to AJAX An Overview of AJAX Define AJAX. Exploration of sample Seatwork: Test Your Encourage the students
Identify the advantages in using website Knowledge activity to study and understand
AJAX. found on Experiencing AJAX because it is very
25 Discussion ICT Web Development 2 essential in their career.
book, p. 159.

XML HTTP Request - How to use XHR Request List the procedures in using XML Hands-On Activity Seatwork: Test Your Practice their word
XHR Request HTTP Request. Knowledge activity recognition skills aside
Discuss the rules for writing XML Discussion found on Experiencing from reviewing the
26 HTTP Request documents. ICT Web Development 2 lesson, if they have read
book, p. 168. ahead to prepare for the
class.

AJAX - XML HTTP AJAX - XML HTTP Define or describe the XML HTTP Show and Tell Seatwork: Test Your Ask the students on how
Response - XHR Response - XHR Response Response - XHR Response. Knowledge activity they will response in a
Response Declaration Discuss the Properties of the XML Discussion found on Experiencing difficult situation.
27 Properties of the XML HTTP HTTP Request. ICT Web Development 2
Response Hands-On Activity book, p. 173.

AJAX - XML HTTP States of XML HTTP Enumerate the states of XML HTTP Class Activity Seatwork: Test Your Ask the students on how
Request - XHR Request determined by Request determined by Ready Knowledge activity they get ready for school.
Ready State Ready State State. Discussion found on Experiencing
Sample code for XML HTTP Identify where the State property is ICT Web Development 2
28 Request- XHR Ready State inserted (in the code). book, p. 178.
Determine if the request is
successful or failed.
AJAX Forms Common uses of AJAX in Discuss the advantages of AJAX Hands-On Activity Seatwork: Test Your Encourage the students
forms when dealing with forms. Knowledge activity to become more creative
Declaring AJAX in a Describe the AJAX form syntax. Discussion found on Experiencing in doing their tasks.
29 standard HTML form ICT Web Development 2
book, p. 186.

AJAX Browser List of browsers that cannot Explain why other browsers are not Web Activity Seatwork: Test Your Allow the students to
Support support AJAX able to use AJAX. Knowledge activity think about the scope
Discuss the validation to be inserted Discussion found on Experiencing and limitation when
30 (in the code) before requesting. ICT Web Development 2 dealing with a problem.
book, p. 191.

Introduction to AJAX Database Management Enumerate different Database Web Activity Seatwork: Test Your Integrates their lessons
Database Systems (DBMS) Management Systems. Knowledge activity in Object Oriented
Creating simple Database List the steps in creating database in Discussion found on Experiencing Programming skill.
Retrieving values from the XAMPP. ICT Web Development 2
database using AJAX Discuss how to retrieve and insert book, p. 202.
31 Inserting values into the values in the database using AJAX.
database using AJAX

Unit Project: Collaborate with classmates to Hands-On Group The activities allow the
Extending the create a dynamic company website. Activity students to value
Website Calculator collaborative work and
32 Further with AJAX Application develop good Project
Management practices.

You might also like