User:Niraj Prasad Bhatt/Real-Teaching Lesson Plan 1: Difference between revisions

From ICTED-WIKI
Jump to navigation Jump to search
(Created page with "= User:Niraj Bhatt/Micro-Teaching Lesson Plan 1 = <div style="column-count: 2; column-gap: 20px;"> '''Subject :''' Web Technology. '''Period:''' first '''Topic:''' Asynchronous Programming in JavaScript '''Teaching Item:''' Asynchronous Programming '''Class:''' BICT 3rd Semester '''Unit:''' One '''Time:''' 15 min '''No. of Students:''' 10 </div> == Objectives == At the end of this lesson, students will be able to # Understand...")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
= User:Niraj Bhatt/Micro-Teaching Lesson Plan 1 =
__notoc__


<div style="column-count: 2; column-gap: 20px;">
<div style="column-count: 2; column-gap: 20px;">
'''Subject :''' Web Technology.                                 
'''Subject:''' Web Technology


'''Period:''' first
'''Period:''' Third


'''Topic:''' Asynchronous Programming in JavaScript  
'''Topic:''' How JavaScript fits into a web page?
 
'''Teaching Item:''' Asynchronous Programming


'''Class:''' BICT 3rd Semester
'''Class:''' BICT 3rd Semester


'''Unit:''' One
'''Unit:''' Three


'''Time:''' 15 min
'''Time:''' 50 min


'''No. of Students:''' 10
'''No. of Students:''' 20
</div>
</div>


== Objectives ==
== 1. Specific Objective: ==
At the end of this lesson, students will be able to
At the end of this lesson, students will be able:
 
* Understand the role of JavaScript in web development.
# Understand the concept of asynchronous programming in JavaScript
* Explain where and how JavaScript code can be included in a web page.
# Need of asynchronous programming
* Identify the benefits of using JavaScript in web development.
 
== Teaching Materials ==
 
* Daily materials


== Teaching Learning Activities ==
== 2. Instructional Materials: ==
* Laptop, projector, screen
* Sample HTML files
* Code editor (e.g., VS Code)
* Internet access


# Introduce todays topic with students.
== 3. Teaching Learning Activities: ==
#Revise necessary topics required to learn asynchronous programming.
* Begin the class by discussing the importance of JavaScript in web development. Encourage students to share their understanding and experiences with JavaScript.
#Engage students with real life example of asynchronous programming.
* Introduce the concept of client-side scripting and explain how JavaScript enhances the functionality and interactivity of web pages.
#Make differences between synchronous vs asynchronous programming.
* Show examples of JavaScript code snippets embedded within HTML documents and explain how JavaScript code interacts with HTML and CSS.
#Show example of synchronous and asynchronous code and let students to differentiate.
* Demonstrate how to include JavaScript code in different parts of an HTML document: inline, internal, and external scripts.
#Sum up the topic and ask students if they have any doubt
* Guide students through a step-by-step tutorial on adding JavaScript code to a simple HTML file. Emphasize the placement of script tags and best practices for organizing JavaScript code.
* Discuss the advantages of using external JavaScript files and how they contribute to code modularity and maintainability.
* Encourage students to experiment with JavaScript code in their own HTML files and explore its impact on the behavior of web pages.
* Answer any questions and clarify doubts regarding the integration of JavaScript into web pages.


== Classroom Assessment ==
== 4. Assessment: ==
* Ask students to identify the placement of JavaScript code in a given HTML file.
* Present scenarios and ask students to explain how JavaScript enhances the functionality of web pages.
* Conduct a brief quiz to assess students' understanding of the concepts covered in the lesson.


# Explain the purpose and use cases of asynchronous programming.
== 5. Homework: ==
* Create a simple web page with interactive elements using JavaScript. They should include both inline and external JavaScript code in their implementation.

Latest revision as of 06:06, 16 May 2024


Subject: Web Technology

Period: Third

Topic: How JavaScript fits into a web page?

Class: BICT 3rd Semester

Unit: Three

Time: 50 min

No. of Students: 20

1. Specific Objective:[edit | edit source]

At the end of this lesson, students will be able:

  • Understand the role of JavaScript in web development.
  • Explain where and how JavaScript code can be included in a web page.
  • Identify the benefits of using JavaScript in web development.

2. Instructional Materials:[edit | edit source]

  • Laptop, projector, screen
  • Sample HTML files
  • Code editor (e.g., VS Code)
  • Internet access

3. Teaching Learning Activities:[edit | edit source]

  • Begin the class by discussing the importance of JavaScript in web development. Encourage students to share their understanding and experiences with JavaScript.
  • Introduce the concept of client-side scripting and explain how JavaScript enhances the functionality and interactivity of web pages.
  • Show examples of JavaScript code snippets embedded within HTML documents and explain how JavaScript code interacts with HTML and CSS.
  • Demonstrate how to include JavaScript code in different parts of an HTML document: inline, internal, and external scripts.
  • Guide students through a step-by-step tutorial on adding JavaScript code to a simple HTML file. Emphasize the placement of script tags and best practices for organizing JavaScript code.
  • Discuss the advantages of using external JavaScript files and how they contribute to code modularity and maintainability.
  • Encourage students to experiment with JavaScript code in their own HTML files and explore its impact on the behavior of web pages.
  • Answer any questions and clarify doubts regarding the integration of JavaScript into web pages.

4. Assessment:[edit | edit source]

  • Ask students to identify the placement of JavaScript code in a given HTML file.
  • Present scenarios and ask students to explain how JavaScript enhances the functionality of web pages.
  • Conduct a brief quiz to assess students' understanding of the concepts covered in the lesson.

5. Homework:[edit | edit source]

  • Create a simple web page with interactive elements using JavaScript. They should include both inline and external JavaScript code in their implementation.