🗊Презентация Сценарии в HTML, язык JavaScript

Категория: Интернет
Нажмите для полного просмотра!
Сценарии в HTML, язык JavaScript, слайд №1Сценарии в HTML, язык JavaScript, слайд №2Сценарии в HTML, язык JavaScript, слайд №3Сценарии в HTML, язык JavaScript, слайд №4Сценарии в HTML, язык JavaScript, слайд №5Сценарии в HTML, язык JavaScript, слайд №6Сценарии в HTML, язык JavaScript, слайд №7Сценарии в HTML, язык JavaScript, слайд №8Сценарии в HTML, язык JavaScript, слайд №9Сценарии в HTML, язык JavaScript, слайд №10Сценарии в HTML, язык JavaScript, слайд №11Сценарии в HTML, язык JavaScript, слайд №12Сценарии в HTML, язык JavaScript, слайд №13Сценарии в HTML, язык JavaScript, слайд №14Сценарии в HTML, язык JavaScript, слайд №15Сценарии в HTML, язык JavaScript, слайд №16Сценарии в HTML, язык JavaScript, слайд №17Сценарии в HTML, язык JavaScript, слайд №18Сценарии в HTML, язык JavaScript, слайд №19Сценарии в HTML, язык JavaScript, слайд №20Сценарии в HTML, язык JavaScript, слайд №21Сценарии в HTML, язык JavaScript, слайд №22Сценарии в HTML, язык JavaScript, слайд №23Сценарии в HTML, язык JavaScript, слайд №24Сценарии в HTML, язык JavaScript, слайд №25Сценарии в HTML, язык JavaScript, слайд №26Сценарии в HTML, язык JavaScript, слайд №27Сценарии в HTML, язык JavaScript, слайд №28Сценарии в HTML, язык JavaScript, слайд №29Сценарии в HTML, язык JavaScript, слайд №30

Содержание

Вы можете ознакомиться и скачать презентацию на тему Сценарии в HTML, язык JavaScript. Доклад-сообщение содержит 30 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Сценарии в HTML
язык JavaScript
Описание слайда:
Сценарии в HTML язык JavaScript

Слайд 2





Сценарии в HTML, язык JavaScript
Внедрение сценариев в HTML документ
Введение в JavaScript
Синтаксис языка
Переменные и типы данных
Управляющие конструкции языка
Описание слайда:
Сценарии в HTML, язык JavaScript Внедрение сценариев в HTML документ Введение в JavaScript Синтаксис языка Переменные и типы данных Управляющие конструкции языка

Слайд 3





Внедрение сценариев в HTML документ
http://www.w3.org/TR/html4/interact/scripts.html#h-18.3.1
Описание слайда:
Внедрение сценариев в HTML документ http://www.w3.org/TR/html4/interact/scripts.html#h-18.3.1

Слайд 4





Введение в JavaScript
Интерпретируемый язык, основан на синтаксисе языка Java
Регистро-чувствительные конструкции и операторы
Концом оператора служит символ «;»
Комментарии
Строчный
	var i = 0; // Счетчик цикла
Блочный
	/* Здесь и далее
	обработка ввода */
Описание слайда:
Введение в JavaScript Интерпретируемый язык, основан на синтаксисе языка Java Регистро-чувствительные конструкции и операторы Концом оператора служит символ «;» Комментарии Строчный var i = 0; // Счетчик цикла Блочный /* Здесь и далее обработка ввода */

Слайд 5





Нотация – устоявшиеся правила записи
«Верблюжья нотация» записи
Все имена – маленькими буквами
На стыке слов – буква Большая
Переменные и свойства – существительные
Массивы и коллекции – существительные во множественном числе
Функции и методы – глаголы
Названия классов – с Большой буквы
Описание слайда:
Нотация – устоявшиеся правила записи «Верблюжья нотация» записи Все имена – маленькими буквами На стыке слов – буква Большая Переменные и свойства – существительные Массивы и коллекции – существительные во множественном числе Функции и методы – глаголы Названия классов – с Большой буквы

Слайд 6





Переменные
Переменные объявляются ключевым словом var
Переменные принимают тот тип данных, который в них присваивается
Описание слайда:
Переменные Переменные объявляются ключевым словом var Переменные принимают тот тип данных, который в них присваивается

Слайд 7





Типы данных
Undefined Type
Null Type
Boolean Type
String Type
Number Type
Object Type
Описание слайда:
Типы данных Undefined Type Null Type Boolean Type String Type Number Type Object Type

Слайд 8





Undefined Type и Null Type
Undefined Type – неопределенный тип, любая необъявленная переменная имеет такой тип

Null Type – отсутствие значения, значение null
Описание слайда:
Undefined Type и Null Type Undefined Type – неопределенный тип, любая необъявленная переменная имеет такой тип Null Type – отсутствие значения, значение null

Слайд 9





Boolean Type – Логический тип данных
Значения true и false
Определены следующие операторы:
Логическое И:  	&&
Логическое ИЛИ:	||
Логическое НЕ:	!
Описание слайда:
Boolean Type – Логический тип данных Значения true и false Определены следующие операторы: Логическое И: && Логическое ИЛИ: || Логическое НЕ: !

Слайд 10





String Type – Строковый тип
Строка – набор символов, обрамляется «"» или «’»
Операции над строками:
Конкатенация – объединение строк: a + b
Вставка специальных символов
Описание слайда:
String Type – Строковый тип Строка – набор символов, обрамляется «"» или «’» Операции над строками: Конкатенация – объединение строк: a + b Вставка специальных символов

Слайд 11





Number Type – Числовой тип
Целые числа
Числа с плавающей запятой
Специальные значения: NaN,  +Infinity,  -Infinity
Допустимые операции
	+		сложение
	-		вычитание
	/		деление
	*		умножение
	%		остаток от деления
Описание слайда:
Number Type – Числовой тип Целые числа Числа с плавающей запятой Специальные значения: NaN, +Infinity, -Infinity Допустимые операции + сложение - вычитание / деление * умножение % остаток от деления

Слайд 12





Object Type – объектный тип
Объекты
Свойства
Методы
Создание объектов
var obj = new MyObject();
obj.name = "Имя пользователя";
obj.sayHello();
Описание слайда:
Object Type – объектный тип Объекты Свойства Методы Создание объектов var obj = new MyObject(); obj.name = "Имя пользователя"; obj.sayHello();

Слайд 13





Лабораторная работа
Написание сценария. Работа с переменными
20 мин.









Совет. Для вывода значений воспользуйтесь функцией alert()
Описание слайда:
Лабораторная работа Написание сценария. Работа с переменными 20 мин. Совет. Для вывода значений воспользуйтесь функцией alert()

Слайд 14





Операторы и управляющие конструкции
Условный оператор
Оператор переключения
Циклы
Функции
Оператор обработки исключений
Описание слайда:
Операторы и управляющие конструкции Условный оператор Оператор переключения Циклы Функции Оператор обработки исключений

Слайд 15





Условный оператор if
if (bool) operator;

if (bool)
{
	operator1;
	operator2;
}
Описание слайда:
Условный оператор if if (bool) operator; if (bool) { operator1; operator2; }

Слайд 16





Условный оператор if-else
if (bool)
{
	// Если ИСТИНА
	operator1;
	operator2;
}
else
{
	 // Если ЛОЖНО
	operator3;
	operator4;

}
Описание слайда:
Условный оператор if-else if (bool) { // Если ИСТИНА operator1; operator2; } else { // Если ЛОЖНО operator3; operator4; }

Слайд 17





Операции сравнения
	==	Равно	
	===	Равно	с учетом типа
	!=	Равно	
	>	Больше	
	<	Меньше	
	>=	Больше-Равно	
	<=	Меньше-Равно
Описание слайда:
Операции сравнения == Равно === Равно с учетом типа != Равно > Больше < Меньше >= Больше-Равно <= Меньше-Равно

Слайд 18





Условное присвоение
var a = 10;
var b = (a > 1) ? 100 : 200;
alert(b);
Описание слайда:
Условное присвоение var a = 10; var b = (a > 1) ? 100 : 200; alert(b);

Слайд 19





Оператор переключения
var a = 2;
switch (a)
{
	case 0:
	case 1:
		alert("Один");
		break;
	case 2:
		alert("Два");
		break;
	default: 
		alert("Много");
}
Описание слайда:
Оператор переключения var a = 2; switch (a) { case 0: case 1: alert("Один"); break; case 2: alert("Два"); break; default: alert("Много"); }

Слайд 20





Демонстрация
Условные операторы
Описание слайда:
Демонстрация Условные операторы

Слайд 21





Циклы
Цикл перечисления for
Цикл «для каждого» for in
Цикл с предусловием while
Цикл с постусловием do . . . while
Описание слайда:
Циклы Цикл перечисления for Цикл «для каждого» for in Цикл с предусловием while Цикл с постусловием do . . . while

Слайд 22





Цикл перечисления for
for (var i = 0; i < 10; i++)
{
	if (i == 4) continue;
	// ...
	document.write(i + "<br>");
 // ...
	if (i == 8) break;
}
Описание слайда:
Цикл перечисления for for (var i = 0; i < 10; i++) { if (i == 4) continue; // ... document.write(i + "<br>"); // ... if (i == 8) break; }

Слайд 23





Цикл «для каждого» for in
Предназначен для прохода по массивам, коллекциям и объектам

for (var prop in navigator) 
{ 
	document.write(prop + "<br>"); 
}
Описание слайда:
Цикл «для каждого» for in Предназначен для прохода по массивам, коллекциям и объектам for (var prop in navigator) { document.write(prop + "<br>"); }

Слайд 24





Цикл с предусловием while
Выполняется пока условие истинно
Условие проверяется ПЕРЕД очередным проходом
Если условие ложно – не выполняется ни разу
Описание слайда:
Цикл с предусловием while Выполняется пока условие истинно Условие проверяется ПЕРЕД очередным проходом Если условие ложно – не выполняется ни разу

Слайд 25





Цикл с постусловием do . . . while
Выполняется пока условие истинно
Условие проверяется ПОСЛЕ очередным проходом
Если условие ложно – выполнится хотя бы один раз
Описание слайда:
Цикл с постусловием do . . . while Выполняется пока условие истинно Условие проверяется ПОСЛЕ очередным проходом Если условие ложно – выполнится хотя бы один раз

Слайд 26





Демонстрация
Операторы цикла
Описание слайда:
Демонстрация Операторы цикла

Слайд 27





Оператор обработки исключений
try
{ 
	// Блок кода 
	badOperator; 
} 
catch (e) 
{ 
	alert("Ошибка: " + e.message); 
}
Описание слайда:
Оператор обработки исключений try { // Блок кода badOperator; } catch (e) { alert("Ошибка: " + e.message); }

Слайд 28





Оператор обработки исключений – финализация
try
{ 
	// Блок кода 
	badOperator; 
} 
catch (e) 
{ 
	alert("Ошибка: " + e.message); 
}
finally
{
	 alert("Завершающие действия"); 
}
Описание слайда:
Оператор обработки исключений – финализация try { // Блок кода badOperator; } catch (e) { alert("Ошибка: " + e.message); } finally { alert("Завершающие действия"); }

Слайд 29





Лабораторная работа
Использование операторов языка
30 мин 









Совет. В качестве примера используйте файл for-2.html
Описание слайда:
Лабораторная работа Использование операторов языка 30 мин Совет. В качестве примера используйте файл for-2.html

Слайд 30





Итоги
Внедрение сценариев в HTML документ
Переменные
Типы данных
Условные операторы
Операторы циклов
Оператор обработки исключений
Описание слайда:
Итоги Внедрение сценариев в HTML документ Переменные Типы данных Условные операторы Операторы циклов Оператор обработки исключений



Похожие презентации
Mypresentation.ru
Загрузить презентацию