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

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

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

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

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

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

Презентация на тему Основы языка JavaScript

Содержание

JavaScript появился благодаря усилиям двух компаний - Netscape (Mozilla) и Sun Microsystems (Oracle).JavaScript позволяет создавать приложения, выполняемые как на стороне клиента, т.е. эти приложения выполняются браузером на компьютере пользователя, так и на стороне сервера.
Основы языка JavaScript JavaScript появился благодаря усилиям двух компаний - Netscape (Mozilla) и Sun Microsystems Возможности JavaScript:создание динамических страниц, реагирующих на действия пользователя;обработка элементов форм в режиме Способы размещения JavaScript кодавключение кодов JavaScript между тэгами и ;подключение внешнего файла 1. Включение JavaScript между тэгами и Для включения фрагментов программы на JavaScript 2. Подключения внешнего файла с JavaScript Для подключения внешнего файла с JavaScript-кодами Закрывающий тэг необходим, хотя данные, которые находятся между этими тэгами игнорируются. Нельзя 3. Использование событийДля HTML-тега назначается событие, при выполнении которого выполняется JavaScript код. Пример Правила объявления переменныхПеременная – это именованная область в оперативной памяти компьютера, предназначенная 1. Объявление переменных выполняется с помощью ключевого слова var:var i;var sum;2. Один 3. Присвоить какое-либо значение переменной можно с помощью оператора присваивания, который обозначется 4. Объявление переменных можно совмещать с их инициализацией. Инициализация – это одновременное 5. Переменные в JavaScript не имеют типа, ей может быть присвоено значение Имена переменных. ИдентификаторыИдентификатор – последовательность букв, цифр, а также специальных символов. Идентификаторы 3. JavaScript чувствителен к регистру символов, следует учитывать регистр при обращении к 3. JavaScript чувствителен к регистру символов, следует учитывать регистр при обращении к Примеры допустимых идентификаторовxmy_var_myCar2$cash Зарезервированные словаJavaScript резервирует ряд идентификаторов, которые играют роль ключевых слов самого языка. Инструкции1. Любая программа состоит из последовательности инструкций. Инструкция является указанием на совершение 2. Использование точки с запятой для указания конца инструкции не является обязательным 4. Хорошей практикой в программировании является использование точки с запятой всегда, даже Чувствительность к региструЯзык JavaScript чувствителен к регистру символов. Например: ключевое слово switch КомментарииКомментарии – пояснения к исходному коду программы, оформленные по правилам, определённым языком ЛитералыЛитерал (константа) – запись в исходном коде программы, представляющая собой обычное фиксированное Типы данных JavaScriptТипы данных в JavaScript делятся на две категории:простые (примитивные) типы;составные К составным типам данных относятся:Function - функцииArray - массивыObject - объекты ЧислаДля представления чисел в JavaScript используется 64-битный формат, определяемый стандартом IEEE 754. Специальные числовые значенияВ JavaScript имеются предопределённые глобальные переменные Infinity и NaN. Переменная СтрокиВ JavaScript строка - это неизменяемая, упорядоченная последовательность 16-битных значений, каждое из Строки заключённые в двойные кавычки могут содержать символы одиночных кавычек и наоборот. ВыраженияЛюбая комбинация переменных и операций, которая может быть вычислена интерпретатором для получения Выражения и операторы - это не одно и то же. Операторы являются ОперацииОперация представляет собой символ, благодаря которому производятся некоторые виды вычислений, сравнений или ПрисваиваниеОперация присваивания выглядит как знак равенства =, она присваивает значение, стоящее с Арифметические операции Инкремент и декрементvar count = count + 1; илиcount += 1; Знак операции инкремента бывает:в префиксной форме, когда он расположен перед своим операндом,в Составные операции присваиванияvar x = 5;x = x + 30; x += Операции сравнения Логические операцииЛогические операции позволяют сравнивать результаты работы двух условных операндов с целью Оператор if (если)Оператор if позволяет интерпретатору JavaScript выполнять те или иные действия В операторе if сначала вычисляется выражение. Если полученный результат условия равен true Если тело содержит нескольких операторов в одном блоке (тело), то они заключаются Примерvar num = prompt( 5){ document.write("Число: ", num, " больше 5");}"> Оператор if elseИспользуется, если необходимо совершить одно действие в случае выполнения условия Примерvar num = prompt(= 10){ document.write("Число: ", num,"> Вложенный оператор ifОператор if является вложенным, если он находится внутри другого оператора Конструкция if-else-ifИспользуется при необходимости проверки несколько условий и выборе правильного. if(условие){ оператор;} Условные выражения в такой конструкции вычисляются сверху вниз. Как только обнаружится истинное Домашнее задание 1:1. Возьмите две переменные с числовыми значениями, например: a = Условный операторif (a < b) x = a;else x = b;Тернарный операторТернарный Пример var x; var a = 10; var b = 15; Оператор switchИспользуется, если в программе присутствует большое дерево ветвлений и все ветвления Примерvar x = 3;switch(x){case 1: Программа выводит одно из трех сообщений в зависимости от того, какое из Пример (без использования оператора break)var x = 1+1;switch(x){case 1: Ключевое слово defaultПредназначено для того, чтобы программа могла выполнить некоторую последовательность действий Примерvar x = 3+3;switch(x){case 1: ЦиклыДействие циклов заключается в последовательном повторении определенной части вашей программы некоторое количество Виды циклов:for, while;do while. Цикл forЦикл for организует выполнение фрагмента программы фиксированное число раз. Как правило ПримерНа экран выводятся квадраты целых чисел от 0 до 14: var i;for(i Инициализирующее выражение - представляет из себя оператор присваивания, задающий первоначальное значение переменной, Цикл whileСодержит условие выполнения цикла, но не содержит ни инициализирующих, ни инкрементирующих Примерvar n = 0;while(n != 5){ document.write(n + Цикл do whileУсловие выполнения цикла располагается не перед, а после тела цикла.Примерvar Домашнее задание 2:1. Что делает следующий цикл for? Каково финальное значение переменной Операторы break и continueОператор break производит выход из цикла.Следующим оператором, исполняемым после С помощью оператора continue можно организовать преждевременное завершение шага итерации цикла. Оператор
Слайды презентации

Слайд 2 JavaScript появился благодаря усилиям двух компаний - Netscape

JavaScript появился благодаря усилиям двух компаний - Netscape (Mozilla) и Sun

(Mozilla) и Sun Microsystems (Oracle).
JavaScript позволяет создавать приложения, выполняемые

как на стороне клиента, т.е. эти приложения выполняются браузером на компьютере пользователя, так и на стороне сервера.

Слайд 3 Возможности JavaScript:
создание динамических страниц, реагирующих на действия пользователя;
обработка

Возможности JavaScript:создание динамических страниц, реагирующих на действия пользователя;обработка элементов форм в

элементов форм в режиме реального времени (проверка правильности ввода

данных)
создание полноценных приложений, работающих в пределах сайта
отслеживание действий, совершаемых пользователями и др.

Слайд 4 Способы размещения JavaScript кода
включение кодов JavaScript между тэгами

Способы размещения JavaScript кодавключение кодов JavaScript между тэгами и ;подключение внешнего

и ;
подключение внешнего файла с кодами JavaScript с

помощью тэга
Если при разработке сценария используется язык JavaScript, то параметр language можно не указывать.

Слайд 6 2. Подключения внешнего файла с JavaScript
Для подключения

2. Подключения внешнего файла с JavaScript Для подключения внешнего файла с

внешнего файла с JavaScript-кодами используются те же самые тэги

, но в отличие от внутреннего встраивания тэг содержит параметр SRC, который задает URL-адрес внешнего файла с фрагментами JavaScript.
js - стандартное расширение для JavaScript-файлов.

Слайд 7 Закрывающий тэг необходим, хотя данные, которые находятся

Закрывающий тэг необходим, хотя данные, которые находятся между этими тэгами игнорируются.

между этими тэгами игнорируются.
Нельзя совместить в одном тэге-контейнере

сразу и внутреннее и внешнее подключение кодов JavaScript.
Теги


Слайд 55 Оператор switch
Используется, если в программе присутствует большое дерево

Оператор switchИспользуется, если в программе присутствует большое дерево ветвлений и все

ветвлений и все ветвления зависят от значения какой-либо одной

переменной.
Оператор switch сравнивает значение переменной с различными вариантами. При сравнении используется операция строгого равенства "===".

Слайд 56 Пример
var x = 3;
switch(x){
case 1:

Примерvar x = 3;switch(x){case 1:

//if(x === 1)
document.write("x равен 1");
break;
case 2: //if(x === 2)
document.write("x равен 2");
break;
case 3: //if(x === 3)
document.write("x равен 3");
break;
}

Слайд 57 Программа выводит одно из трех сообщений в зависимости

Программа выводит одно из трех сообщений в зависимости от того, какое

от того, какое из чисел находится в переменной x.
Оператор

break
Завершает выполнение ветвления switch. Управление в этом случае передается первому оператору, следующему за конструкцией switch.
Если значение переменной в операторе switch не совпадает ни с одним из значений констант, указанных внутри ветвления, то управление будет передано в конец switch без выполнения каких-либо других действий.

Слайд 58 Пример (без использования оператора break)
var x = 1+1;
switch(x){
case

Пример (без использования оператора break)var x = 1+1;switch(x){case 1:

1:


document.write("x равен 1");
case 2:
document.write("x равен 2");
case 3:
document.write("x равен 3");
}

Слайд 59 Ключевое слово default
Предназначено для того, чтобы программа могла

Ключевое слово defaultПредназначено для того, чтобы программа могла выполнить некоторую последовательность

выполнить некоторую последовательность действий в том случае, если ни

одно из значений констант не совпало со значением переменной в операторе switch.

Слайд 60 Пример
var x = 3+3;
switch(x){
case 1:

Примерvar x = 3+3;switch(x){case 1:


document.write("x равен 1");
break;
case 2:
document.write("x равен 2");
break;
case 3:
document.write("x равен 3");
break;
default:
document.write("С такими значениями не работаю");
}

Слайд 61 Циклы
Действие циклов заключается в последовательном повторении определенной части

ЦиклыДействие циклов заключается в последовательном повторении определенной части вашей программы некоторое

вашей программы некоторое количество раз.
Повторение продолжается до тех

пор, пока выполняется соответствующее условие.
Когда значение выражения, задающего условие, становится ложным, выполнение цикла прекращается, а управление передается оператору, следующему непосредственно за циклом.

Слайд 62 Виды циклов:
for,
while;
do while.

Виды циклов:for, while;do while.

Слайд 63 Цикл for
Цикл for организует выполнение фрагмента программы фиксированное

Цикл forЦикл for организует выполнение фрагмента программы фиксированное число раз. Как

число раз. Как правило (хотя и не всегда), этот

тип цикла используется, когда известно заранее, сколько раз должно повториться исполнение кода.

Слайд 64 Пример
На экран выводятся квадраты целых чисел от 0

ПримерНа экран выводятся квадраты целых чисел от 0 до 14: var

до 14: var i;
for(i = 0; i < 15;

i++){
document.write("квадрат числа " + i + " = " + (i * i) + "
");
}

Слайд 65

Слайд 66 Инициализирующее выражение - представляет из себя оператор присваивания,

Инициализирующее выражение - представляет из себя оператор присваивания, задающий первоначальное значение

задающий первоначальное значение переменной, которая выполняет роль счетчика и

управляет циклом. Условие выполнения - это логическое выражение, определяющее необходимость повторения цикла.
Итерация - выражение, определяющее величину, на которую должно изменяться значение переменной, управляющей циклом, при каждом повторе цикла.
Выполнение цикла for будет продолжаться до тех пор, пока проверка условия дает истинный результат. Как только эта проверка даст ложный результат, цикл завершится, а выполнение программы будет продолжено с оператора, расположенного за циклом.

Слайд 67 Цикл while
Содержит условие выполнения цикла, но не содержит

Цикл whileСодержит условие выполнения цикла, но не содержит ни инициализирующих, ни

ни инициализирующих, ни инкрементирующих выражений.
while(условие){
//оператор(ы)
}
В случае невыполнения условия

при первой проверке тело цикла вообще не исполнялось.

Слайд 68 Пример
var n = 0;
while(n != 5){
document.write(n +

Примерvar n = 0;while(n != 5){ document.write(n +

" ");
n++; //если из кода убрать эту строку,

то цикл будет бесконечным
}

Слайд 69 Цикл do while
Условие выполнения цикла располагается не перед,

Цикл do whileУсловие выполнения цикла располагается не перед, а после тела

а после тела цикла.
Пример
var n = 0;
do{
document.write(n +

" ");
n++;
}while(n != 5);
Используется ,когда необходимо выполнить тело цикла хотя бы один раз вне зависимости от истинности проверяемого условия.

Слайд 70 Домашнее задание 2:
1. Что делает следующий цикл for?

Домашнее задание 2:1. Что делает следующий цикл for? Каково финальное значение

Каково финальное значение переменной sum?
var sum = 0;
for(var i

= -100; i <= 100; i++){
sum += i;
}
2. Напишите программу, которая использует цикл for для суммирования чисел от 50 до 100. Затем перепишите программу с использованием цикла while.
3. Напишите программу, которая используя цикл while отображает на экране числа от 10 до 0. Затем перепишите программу с использованием цикла for.

Слайд 71 Операторы break и continue
Оператор break производит выход из

Операторы break и continueОператор break производит выход из цикла.Следующим оператором, исполняемым

цикла.
Следующим оператором, исполняемым после break, будет являться первый оператор,

находящийся вне данного цикла.
Пример
for(var i = -10; i <= 10; i++){
if(i > 0) break; //завершить цикл, как только значение
//переменной i станет положительным
document.write(i + " ");
}
document.write("Готово!");
  • Имя файла: osnovy-yazyka-javascript.pptx
  • Количество просмотров: 144
  • Количество скачиваний: 0
- Предыдущая Капитал предприятия – необходимое условие для деятельности
Следующая - Микробиологическая диагностика заболеваний нижних дыхательных

Похожие презентации

Презентация по теме Основные этапы развития информационного общества Презентация по теме Основные этапы развития информационного общества 228
Элементы теории алгоритмов Элементы теории алгоритмов 168
Презентация по информатике на тему Построение диаграмм и графиков Презентация по информатике на тему Построение диаграмм и графиков 161
Физкультурные минутки на уроках информатики Физкультурные минутки на уроках информатики 170
Презентация по информатике на тему Задания с циклом While на языке Паскаль Презентация по информатике на тему Задания с циклом While на языке Паскаль 189
Расчеты с использование электронных таблиц Расчеты с использование электронных таблиц 180
Информационные ресурсы в компьютерных сетях Информационные ресурсы в компьютерных сетях 185
Формы записи алгоритма. Линейный алгоритм Формы записи алгоритма. Линейный алгоритм 184
Текстовый редактор Microsoft Word Текстовый редактор Microsoft Word 149
MSC.Mvision - 13-1 MSC.Mvision - 13-1 168
Microsoft Office Word Microsoft Office Word 161
Институциональные репозитории: создание и управление Институциональные репозитории: создание и управление 199
Визитная карточка ПАО Сбербанк России Визитная карточка ПАО Сбербанк России 246
Системы счисления Системы счисления 153
Тема урока Word Pad практическая работа для 5 класса Тема урока Word Pad практическая работа для 5 класса 176
Интернет. Адресация в Интернете Интернет. Адресация в Интернете 160
Введение в информатику Введение в информатику 194
Презентация Создание почтового ящика на MAIL Презентация Создание почтового ящика на MAIL 179
Использование цифровых образовательных ресурсов в предметах Использование цифровых образовательных ресурсов в предметах 182
Alt Linux 5.0 установка Alt Linux 5.0 установка 69
Введение в курс “информатика”. Лекция 1 Введение в курс “информатика”. Лекция 1 185
История вычислительной техники История вычислительной техники 144
Информационные процессы в естественных и искусственных системах Информационные процессы в естественных и искусственных системах 152
Структура микропроцессорной системы. Основные характеристики микропроцессоров Структура микропроцессорной системы. Основные характеристики микропроцессоров 180
ИНФОРМАТИКА и ИКТ ИНФОРМАТИКА и ИКТ 174
Лига Firestorm для сезона 3 Лига Firestorm для сезона 3 136
Презентация Интернет Презентация Интернет 139
Аттестационная работа. Учебный сетевой проект. Космическое путешествие для учащихся средних классов Аттестационная работа. Учебный сетевой проект. Космическое путешествие для учащихся средних классов 136
Алгоритмы и структуры данных Алгоритмы и структуры данных 205
Криптография: алгоритм RSA Криптография: алгоритм RSA 200