Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Краткое введение в Javascript

Содержание

Краткое введение в JavascriptJavascript это:Интерпретируемый язык. Его интерпретатор обычно встроен в браузер.Основное назначение – определять «динамическое» поведение страниц при загрузке (формирование страницы перед ее открытием) и при работе пользователя со страницей (UI элементы).Текст на Javascript может
JavascriptДанильченко Анна АлександровнаПреподаватель кафедры программного обеспечения систем ЖГТУ Краткое введение в JavascriptJavascript это:Интерпретируемый язык. Его интерпретатор обычно встроен в браузер.Основное Некоторые сведения о синтаксисеОперации такие же, как в Java и C#, но Объекты, встроенные в браузерыПри программировании можно использовать ряд встроенных объектов. Основные из Включение Javascript в HTML-страницуФрагменты кода можно включать в заголовок или тело HTML-документа.Кроме Тип StringСтроки заключаются либо в апострофы, либо в двойные кавычкиvar slogan = Стандартные методы объектов типа StringcharAt, indexOf, lastIndexOf, replace, split,  substr, substring, Тип NumberЧисла – это 64-х-разрядные двоичные числа с плавающей точкой.Number.MIN_VALUENumber.MAX_VALUENumber.NaN Number.POSITIVE_INFINITY Number.NEGATIVE_INFINITYОперации Тип BooleanСтандартные логические значения – true и false. Однако в качестве ПеременныеОбъявить три переменные x=5; y=7; abc=7.5Вывести на экран в формате:x=5; y=7; abc=7.5 Типы переменныхОбъявить 5 переменных разных типов данных. i=-5, d=7.3,str=“Hello”,b_1=false,b_2=true.Вывести результат на экран Операции с переменнымиОбъявить две переменные x=5; y=7.5. Вывести на экран результаты математических Операции с переменными (строками)Создать две строковые переменные str_1=23, 	str_2=12Сложить строкиПеревести в числа и сложить Операции с переменными (логические)Объявить переменную b=x Условные операторы1. Задание. Объявить переменную отвечающую за количество шин на складе. Вывести: Switch(переменная){ 									case значение1:{ 											//блок операторов 											break;} 									case значение2: 											//блок операторов 											break; 									default: Циклы!Цикл forЧаще всего применяется цикл for. Выглядит он так: Простой примерМетод document.write используется для непосредственного включения HTML-текста в содержимое страницы, например, Посчитать в цикле сумму чисел от 1 до 100. Вывести результат на экран. Разница между while и do…while Continue и breakВывести числа от 0 до 10 которые не делятся на Взаимодействие с пользователем: alert, prompt, confirm Сообщения, выдаваемые в popup-окнахТри стандартные функции используются для генерации сообщений в popup-окнах: Задание1.Написать калькулятор простых операций с числами.2. Ввод и вывод данных и операторов с помощью модальных окон Массив в JavaScriptЭто структура данных представленная в виде ячеек любого типа данных Тип ArrayСуществует несколько способов создания массива:var holidays = [ Максимальное количество ячеек Многомерные массивы В JavaScript нет понятия многомерного массива, однако в самих массивах ЗаданиеСоздать массив элементов (-7.5, 5, “str”, false). Вывести на экран элемент массива Тип Array (продолжение)Методы, определенные для работы с массивом: concat, join, pop, push, Тип Array (продолжение)var names = [ ЗаданиеСоздать массив Array(15 7 8 10 -5 0 1)Вывести длину массива;Вывести массив
Слайды презентации

Слайд 2


Слайд 3 Краткое введение в Javascript
Javascript это:
Интерпретируемый язык. Его интерпретатор

Краткое введение в JavascriptJavascript это:Интерпретируемый язык. Его интерпретатор обычно встроен в

обычно встроен в браузер.
Основное назначение – определять «динамическое» поведение страниц

при загрузке (формирование страницы перед ее открытием) и при работе пользователя со страницей (UI элементы).
Текст на Javascript может быть вложен в HTML-страницу непосредственно или находиться в отдельном файле (как CSS).
Похож на языки Java и C# синтаксически, но сильно отличается от них по внутреннему содержанию.

Слайд 5 Некоторые сведения о синтаксисе
Операции такие же, как в

Некоторые сведения о синтаксисеОперации такие же, как в Java и C#,

Java и C#, но более широко используется преобразование типов
Описание

переменных:

var count = 25, msg = 'Сообщение об ошибке';
var nullVar; // получает начальное значение null

+ - * / % ++ -- = += -= *=
/= %= == != > < >= <= && || !

2 + '3' == '23', но 2 + 3 == 5

Многие операторы очень похожи на соответствующие операторы Java и C#, но могут иметь некоторые отличия в семантике.

for (var i = 0; i < 100; ++i) { ... }

if (x * y < 100) { ... } else { ... }

try { ... } catch (e) { ... } finally { ... }


Слайд 6 Объекты, встроенные в браузеры
При программировании можно использовать ряд

Объекты, встроенные в браузерыПри программировании можно использовать ряд встроенных объектов. Основные

встроенных объектов. Основные из них это:
- window : представляет «глобальный

контекст» и позволяет работать с атрибутами и методами окна.

- document : загруженная страница со своей структурой элементов.

- navigator : объект, представляющий браузер и его свойства.

- location : характеристики текущего URL (порт, хост и т.п.).

- объекты, представляющие элементы различных типов в HTML-странице, такие как , , и т.п.

- события (events), возникающие от действий пользователя, например, нажатие кнопки мыши (click), загрузка новой страницы (load) и т.д.


Слайд 7 Включение Javascript в HTML-страницу
Фрагменты кода можно включать в

Включение Javascript в HTML-страницуФрагменты кода можно включать в заголовок или тело

заголовок или тело HTML-документа.
Кроме того, можно разместить код в

отдельном файле, а в HTML-странице разместить ссылку на этот файл.







Слайд 37 Посчитать в цикле сумму чисел от 1 до

Посчитать в цикле сумму чисел от 1 до 100. Вывести результат на экран.

100.
Вывести результат на экран.


Слайд 39 Разница между while и do…while

Разница между while и do…while

Слайд 40 Continue и break
Вывести числа от 0 до 10

Continue и breakВывести числа от 0 до 10 которые не делятся

которые не делятся на 3.
Если делим число 8 на

3 то выходим из цикла.

Слайд 41 Взаимодействие с пользователем: alert, prompt, confirm

Взаимодействие с пользователем: alert, prompt, confirm

Слайд 44 Сообщения, выдаваемые в popup-окнах
Три стандартные функции используются для

Сообщения, выдаваемые в popup-окнахТри стандартные функции используются для генерации сообщений в

генерации сообщений в popup-окнах: alert, confirm, prompt.
alert('Вы просрочили платеж!');
confirm('Вы этого

хотите?');

var name = prompt('Как Вас зовут?',
'Никак', 'Вопросик...');

Выдает true или false

Выдает введенную строку или null


Слайд 45 Задание
1.Написать калькулятор простых операций с числами.
2. Ввод и

Задание1.Написать калькулятор простых операций с числами.2. Ввод и вывод данных и операторов с помощью модальных окон

вывод данных и операторов с помощью модальных окон


Слайд 46 Массив в JavaScript
Это структура данных представленная в виде

Массив в JavaScriptЭто структура данных представленная в виде ячеек любого типа

ячеек любого типа данных , объединенных под одним именем


Слайд 47 Тип Array
Существует несколько способов создания массива:
var holidays =

Тип ArrayСуществует несколько способов создания массива:var holidays = [

["1 января", "7 января", "23 февраля"];
Атрибут массива: length –

длина массива.

var myArray = new Array(); myArray[2] = new Date(2008,2,23);
myArray[5] = new Date(2008,5,9);
myArray.length ==

var holidays = new Array("1 января", "7 января", "23 февраля");

var holidays = new Array(3);
holidays[0] = "1 января"; holidays[1] = "7 января"; holidays[2] = "23 февраля";

6

?


Слайд 48 Максимальное количество ячеек

Максимальное количество ячеек

Слайд 49 Многомерные массивы В JavaScript нет понятия многомерного массива, однако

Многомерные массивы В JavaScript нет понятия многомерного массива, однако в самих

в самих массивах может содержаться что угодно, в том

числе ссылки на другие массивы. var a0 = [10, 11, 12]; var a1 = [20, 21, 22]; var a2 = [30, 31, 32]; var a = [a0, a1, a2]; alert(a[0]); // 10,11,12 alert(a[1]); // 20,21,22 alert(a[2]); // 30,31,32

Слайд 50 Задание
Создать массив элементов (-7.5, 5, “str”, false). Вывести

ЗаданиеСоздать массив элементов (-7.5, 5, “str”, false). Вывести на экран элемент

на экран элемент массива со значением 5.
Вывести на страницу

в цикле все элементы массива.
Создать многомерный массив из трех массивов (в первом числа от 0 до 5, во втором от 0 до 10 в третьем от 0 до 15).
Вывести все элементы многомерного массива на экран


Слайд 51 Тип Array (продолжение)
Методы, определенные для работы с массивом: concat,

Тип Array (продолжение)Методы, определенные для работы с массивом: concat, join, pop,

join, pop, push, shift , unshift, slice
var names =

["Петя", "Вася"];

names = names.concat(["Сережа", "Наташа"], ["Оля", "Люба"]);

names == ["Петя", "Вася", "Сережа", "Наташа", "Оля", "Люба"]

var s = names.join(';');

s == "Петя;Вася;Сережа;Наташа;Оля;Люба"

var e = names.pop();

e == "Люба"

names == ["Петя", "Вася", "Сережа", "Наташа", "Оля"]

var l = names.push("Саша");

l == 6

names == ["Петя", "Вася", "Сережа", "Наташа", "Оля", "Саша"]

shift и unshift – точно так же, как pop и push, но с началом массива.

names = names.slice(1, 4);

names == ["Вася", "Сережа", "Наташа", "Оля"]


Слайд 52 Тип Array (продолжение)
var names = ["Вася", "Сережа", "Наташа",

Тип Array (продолжение)var names = [

"Оля"];
names.reverse();
names == ["Оля", "Наташа", "Сережа", "Вася"]
names.sort();
var a = [5,

3, 40, 1, 10, 100].sort();

a == [1, 10, 100, 3, 40, 5]

names.splice(1, 2, "Саша", "Таня", "Нина");

names == ["Вася", "Саша", "Таня", "Нина", "Сережа"]

toString – точно так же, как join(',').

Еще методы, определенные для работы с массивом: reverse, sort, splice, toString

names == ["Вася", "Наташа", "Оля", "Сережа"]

var a = [5, 3, 40, 1, 10, 100].sort(function(a,b){return a-b;});

a == [1, 3, 5, 10, 40, 100]

names.toString() == "Вася,Саша,Таня,Нина,Сережа"


  • Имя файла: kratkoe-vvedenie-v-javascript.pptx
  • Количество просмотров: 108
  • Количество скачиваний: 0