Современные веб-технологии

Содержание

Слайд 2

Понятие «JavaScript»

JavaScript –скриптовый язык программирования
Первоначально назывался LiveScript
4 декабря 1995 года

Понятие «JavaScript» JavaScript –скриптовый язык программирования Первоначально назывался LiveScript 4 декабря 1995
LiveScript переименовали в JavaScript
JavaScript обладает рядом свойств:
объектно-ориентированного языка
функционального языка

Слайд 3

Особенности языка

Объекты, с возможностью интроспекции
Функции как объекты первого класса
Автоматическое приведение типов
Автоматическая сборка

Особенности языка Объекты, с возможностью интроспекции Функции как объекты первого класса Автоматическое
мусора
Анонимные функции
Все идентификаторы зависят от регистра
В названиях переменных можно использовать буквы, подчеркивание, символ доллара, арабские цифры
Названия переменных не могут начинаться с цифры

Слайд 4

Структура JavaScript

Ядро (ECMAScript)
Объектная модель браузера (BOM)
Объектная модель документа (DOM)

Структура JavaScript Ядро (ECMAScript) Объектная модель браузера (BOM) Объектная модель документа (DOM)

Слайд 5

Основной синтаксис

Числа
Строки
Другие типы (например, Boolean)
Переменные
Операторы
Объекты:
Функции
Массивы
Дата
Пользовательские объекты
Управляющие структуры
Внутренние функции
Null, Undefined, Error

Основной синтаксис Числа Строки Другие типы (например, Boolean) Переменные Операторы Объекты: Функции

Слайд 6

Числа

Все числа в JavaScript – 64-битные двойной точности
Поддержаны стандартные арифметические операторы, такие

Числа Все числа в JavaScript – 64-битные двойной точности Поддержаны стандартные арифметические
как сложение, деление, остаток от деления и т.д.
Встроенная функция parseInt() – преобразование строки в число
Результатом математической операции с NaN всегда будет NaN
В JavaScript есть значения Infinity и -Infinity

Слайд 7

Строки

Строки в JavaScript это последовательность символов.
Для получения длины строки и объектов есть

Строки Строки в JavaScript это последовательность символов. Для получения длины строки и
свойство length
Строка имеет набор полезных методов:
charAt – получение символа по его номеру вхождения
replace – замена подстроки
toUpperCase – перевод всех символов в верхний регистр

Слайд 8

Логический тип

Возможные значения – true и false
Любое значение может быть преобразовано

Логический тип Возможные значения – true и false Любое значение может быть
к логическому по правилам:
false, 0, пустая строка (""), NaN, null, и undefined трактуются как false
все остальное как true
Преобразование можно провести в явном виде с использованием функции Boolean()
Поддерживаются стандартные логические операторы && (логическое и), || (логическое или) и ! (логическое не).

Слайд 9

Переменные и Операторы

Переменная объявляется с использованием ключевого слова var
Стандартные математические операторы +,

Переменные и Операторы Переменная объявляется с использованием ключевого слова var Стандартные математические
-, *, /, %
Значения присваиваются оператором =, также есть операторы составного присваивания += и -=
++ и -- для увеличения или уменьшения значения переменной на единицу
Оператор «+» применяется для конкатенации строк
Операторы сравнения: <, >, <= и >=
Оператор двойного равенства производит преобразование типов
Оператор тройного равенства учитывает типы:

Слайд 10

Управляющие структуры

Условные операторы: if и else
Циклы while и do-while
Цикл for
Операторы && и

Управляющие структуры Условные операторы: if и else Циклы while и do-while Цикл
|| «закорачиваются»
Тернарный оператор
Конструкция switch для разветвления на основании числового или строчного значения

Слайд 11

Объекты

Объекты – это коллекции пар «ключ-значение»
В JavaScript почти все является объектами (за

Объекты Объекты – это коллекции пар «ключ-значение» В JavaScript почти все является
исключением базовых типов)
«Ключ» должен быть в JavaScript строкой, а «значение» может быть любым JavaScript типом
Два способа создать объект:
var obj = new Object(); – стандартный
var obj = {}; – объектный литерал
Объектно-литеральный синтаксис может быть использован для определения свойств объекта в момент его создания

Слайд 12

Массивы

Массивы – это специальный тип объектов
Имеют свойство «length», значение которого всегда больше

Массивы Массивы – это специальный тип объектов Имеют свойство «length», значение которого
на единицу наибольшего индекса в массиве
Два способа задания массивав:
var a = new Array();
a[0] = "собака";
a[1] = "кошка";
var a = ["собака", "кошка"]; 
Массивы имеют набор встроенных методов:
concat возвращает новый массив с элементами, добавленными к нему
pop удаляет из массива и возвращает последний элемент
push добавляет один или несколько элементов в конец массива и др.

Слайд 13

Функции

Объявление самой простой функции:
function add(x, y) {
var total = x +

Функции Объявление самой простой функции: function add(x, y) { var total =
y;
return total;
}
В JavaScript:
функции могут принимать от 0 и больше именованных параметров
тело функции может содержать любые выражения JavaScript и объявления внутренних переменных
выражение return может быть использовано в любое время для прекращения выполнения функции и возврата значения
если return отсутствует или не возвращает значения, функция возвращает undefined

Слайд 14

Добавление на страницу

Для добавления JavaScript-кода на страницу, можно использовать теги
JavaScript можно

Добавление на страницу Для добавления JavaScript-кода на страницу, можно использовать теги JavaScript
внедрять в страницу следующими способами:
расположение внутри тега
отделение от разметки
вынесение в отдельный файл

Слайд 15

Область применения JavaScript

Веб-приложения
AJAX
Comet
Браузерные операционные системы
Пользовательские скрипты в браузере
Серверные приложения
Мобильные приложения
Виджеты
Прикладное программное обеспечение
Манипуляция

Область применения JavaScript Веб-приложения AJAX Comet Браузерные операционные системы Пользовательские скрипты в
объектами приложений
Офисные приложения
Имя файла: Современные-веб-технологии.pptx
Количество просмотров: 29
Количество скачиваний: 0