1_Computer science grade 10Using Scripts_lesson_plan1_2 variant

  • docx
  • 09.05.2020
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 1_Computer science grade 10Using Scripts_lesson_plan1_2 variant.docx

                                                       Short Term Plan

Long-term plan unit:

10.4А Web-development

School:

Date:

Teacher name:

Grade:

Number present:

absent:

The topic of the lesson:

 

Using Scripts

Learning objectives(s) that this lesson is contributing to

10.4.2.3 use ready-made scripts in web-development

Assessment criteria

- Demonstrates the skill of creating, saving and opening your own webpage.

- Uses a script for the design of your web page

- Uses basic tags to create your own webpage.

Success criteria

All learners will be able to know:

- Uses basic tags to create your own webpage.

Most learners will be able to know:

- Uses tag for headlines to create your own web page.

- Understands the differences between the types of headers

Some learners will be able to know:

- Uses a script for the design of your web page

Language objectives

 

 

Useful phrases for dialogue / writing

HTML

CSS

Class / ID

Embedded and external style sheets

POST / GET

Execution of scripts by the client

Script execution by server

CMS (Content Management System)

WYSIWYG

Javascript

(what you see is what you get)

The first step is to choose your preferred design by looking at other web sites.

Secondly, think about the style you want ...

After doing this, think about the text ...

The next step is to name the files and folders ....

After that, you have to decide which images ...

After that, you need to think about links.

Finally, using scripts ...

Value links

Group work , co-operation, time management

Cross curricular links

English

Previous learning

 

Plan

Planned lesson stages

Planned activities

Resources

Beginning

 

 

 

0-1

 

 

 

2-3

 

 

4-14

Question for students:

-          Can you remember what we discussed in our previous lesson?

 

Teacher:

-          I want (would like) to introduce today’s topic about …/ What do you think today’s topic is?

 

The presentation of the theme and lesson objectives.

Call. Watch a video to familiarize yourself with the new topic. Guiding questions from the teacher: Why do I need to use the Java-script language?

(1) HTML. This is the language that is the basis of any site, so you just need to know it.

2) CSS. A language without which site design is almost unthinkable.

3) javascript. It is a language that allows you to write various scripts, for example, checking entered data into a form, make drop-down menus, make a beautiful and dynamic website.)

Students discussing how to use javascript.

Scaffolding: teacher support for students to become aware of an intellectual “conflict”, to gain knowledge of the frontier of their knowledge and to advance the learning task by expanding these frontiers.

Presentation

 

 

 

 

 

 

 

 

Ppt file

https://www.youtube.com/watch?v=sZ2nmBN2a6E

 

Middle

14-30

 

 

 

 

 

 

30-39

(continue on 2 lesson)

 

 

 

 

 

 

 

 

Practical work.

Students choose scripts to use in their project (My Family site) on the site or the teacher issues codes to choose from to perform practical work.

The teacher specifies by code how to determine that this is a JavaScript script (using script tags language = "javascript")

 

 

1. Break into microgroups of 3 people each, according to the profession (by color cards)

Red Programmer.

Yellow Web Designer.

Blue Architect.

2. Each group will perform certain tasks and transfer the completed to the next. Distribute tasks in your microgroup

3. After completing all the assignments, the groups report on the work done, discuss the results of the work.

Appendix 1

 

https://myrusakov.ru/javascript-skripty.html

 

 

 

The end of the lesson

39 - 40

At the end of the lesson, learners reflect on their learning:

    What has been learned

    What remained unclear

    What needs more attention

 

 

Differentiation – how do you plan to give more support? How do you plan to challenge the more able learners?

Assessment – how are you planning to check learners’ learning?

Health and safety check
ICT links

Differentiation can be expressed in the selection of tasks, in the expected result from a particular student, in providing individual support to the student, in selecting the educational material and resources, taking into account the individual abilities of the students (Theory of Multiple Intelligence by Gardner). Differentiation can be used at any stage of the lesson, taking into account the rational use of time.

Use this section to record the methods that you will use to assess what the students have learned during the lesson.

 

Health and safety check links.

Used active exercises.

Items applied from the Safety Rules in this lesson.

Reflection

 

Were the lesson objectives/learning objectives realistic? Did all learners achieve the LO?

If not, why?

Did my planned differentiation work well?

Did I stick to timings?

What changes did I make from my plan and why?

 

Use the space below to reflect on your lesson. Answer the most relevant questions from the box on the left about your lesson. 

 

 

 

 

 

 

 

 

 

Summary evaluation

 

 

What two things went really well (consider both teaching and learning)?

 

1:

 

2:

 

What two things would have improved the lesson (consider both teaching and learning)?

 

1:

 

2:

 

What have I learned from this lesson about the class or individuals that will inform my next lesson?

 

 

 

 

 

 

 

 

Appendix 1

Javascript calendar

Javascript code (insert between the <head> and </ head> tags):

<script language = "javascript">

function montharr (m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {

  this [0] = m0;

  this [1] = m1;

  this [2] = m2;

  this [3] = m3;

  this [4] = m4;

  this [5] = m5;

  this [6] = m6;

  this [7] = m7;

  this [8] = m8;

  this [9] = m9;

  this [10] = m10;

  this [11] = m11;

}

function calendar () {

  var monthNames = "JanFevMarAprMayIJunIjulAugSenOctNewDec";

  var today = new Date ();

  var thisDay;

  var monthDays = new montharr (31, 28, 31, 30, 31, 30, 31, 31, 30.31, 30, 31);

  year = today.getYear ();

  if (year <2000)

    year = year + 1900;

  thisDay = today.getDate ();

  if (((year% 4 == 0) && (year% 100! = 0)) || (year% 400 == 0))

    monthDays [1] = 29;

  nDays = monthDays [today.getMonth ()];

  firstDay = today;

  firstDay.setDate (1);

  testMe = firstDay.getDate ();

  if (testMe == 2)

    firstDay.setDate (0);

  startDay = firstDay.getDay ();

  document.writeln ("<div align = 'center'>");

  document.write ("<table border = '1'>");

  document.write ("<tr> <th colspan = '7'>");

  document.write (monthNames.substring (today.getMonth () * 3 + 3, (today.getMonth () + 1) * 3 + 3));

  document.write (".");

  document.write (year);

  document.write ("<tr> <th> Sun <th> Mon <th> W <th> Wed <th> Th <th> Fri <th> Sat");

  document.write ("<tr>");

  column = 0;

  for (i = 0; i <startDay; i ++) {

    document.write ("<td width = '30 '>");

    column ++;

  }

  for (i = 1; i <= nDays; i ++) {

    document.write ("<td width = 30>");

    if (i == thisDay)

      document.write ("<span style = 'color: red;'>")

    document.write (i);

    if (i == thisDay)

      document.write ("</ span>")

    column ++;

    if (column == 7) {

      document.write ("<tr>");

      column = 0;

    }

  }

  document.write ("</ table>");

  document.writeln ("</ div>");

}

</ script>

HTML code (insert between the <body> and </ body> tags):

<script language = 'javascript'>

  calendar ();

</ script>

 (source: https://myrusakov.ru/kalendar-javascript.html)

 

2.1 How much time did you spend on the page?

Javascript code (insert between the <head> and </ head> tags):

<script language = "javascript">

startdate = new Date ();

clockStart = startdate.getTime ();

function initStopwatch () {

  var thisTime = new Date ();

  return (thisTime.getTime () - clockStart) / 1000;

}

function getSecs () {

  var tSecs = Math.round (initStopwatch ());

  var iSecs = tSecs% 60;

  var iMins = Math.round ((tSecs-30) / 60);

  var sSecs = "" + ((iSecs> 9)? iSecs: "0" + iSecs);

  var sMins = "" + ((iMins> 9)? iMins: "0" + iMins);

  document.getElementById ("timer-counter"). innerHTML = sMins + ":" + sSecs;

  setTimeout ('getSecs ()', 1000);

}

</ script>

HTML code (insert between <body onLoad = "getSecs ()"> and </ body> tags:

You are already here:

<span id = 'timer-counter' style = 'color: red; font-size: 150%; font-weight: bold;'> </ span>

minutes / seconds.

 

(source: https://myrusakov.ru/kalendar-javascript.html)


 

Скачано с www.znanio.ru