Разделы презентаций


Введение в JavaScript

Содержание

Что такое JavaScriptJavaScript — объектно-ориентированный скриптовый язык программирования

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

Слайд 1Введение в JavaScript

Меню:
1) Что такое JavaScript
2) Как и где

он используется
3) Лексическая структура

Введение в JavaScript           Меню:1) Что такое JavaScript2)

Слайд 2Что такое JavaScript
JavaScript — объектно-ориентированный
скриптовый язык программирования

Что такое JavaScriptJavaScript — объектно-ориентированный скриптовый язык программирования

Слайд 3C#
C++
Java
Delphi
Eiffel
Simula
D
Io
Objective-C
Object Pascal
VB.NET
Visual DataFlex
Perl
PowerBuilder
Python
Scala
ActionScript (3.0)
JavaScript
JScript .NET
Ruby
Smalltalk
Ada
Xbase++
X++
Vala
PHP
Неполный список объектно-ориентированных языков программирования:
Что такое

JavaScript

C#C++JavaDelphiEiffelSimulaDIoObjective-CObject PascalVB.NETVisual DataFlexPerlPowerBuilderPythonScalaActionScript (3.0)	JavaScriptJScript .NETRubySmalltalkAdaXbase++X++ValaPHPНеполный список объектно-ориентированных языков программирования:Что такое JavaScript

Слайд 4Скри́птовый язы́к (англ. scripting language,
в русскоязычной литературе принято название

язык
сценариев) — язык программирования, разработанный
для записи «сценариев», последовательностей

операций,
которые пользователь может выполнять на компьютере.

Что такое JavaScript

Скри́птовый язы́к (англ. scripting language, в русскоязычной литературе принято название язык сценариев) — язык программирования, разработанный для

Слайд 5На синтаксис JavaScript оказали влияние языки Self, Си, Scheme, Perl,

Python, Java
Что такое JavaScript

На синтаксис JavaScript оказали влияние языки Self, Си, Scheme, Perl, Python, JavaЧто такое JavaScript

Слайд 6window.onload = function() {
var linkWithAlert = document.getElementById("alertLink");

linkWithAlert.onclick = function() {
return confirm('Вы уверены?');

};
};

Что такое JavaScript

window.onload = function() {  var linkWithAlert = document.getElementById(

Слайд 7В 1992 году компания Nombas (впоследствии приобретённая Openwave) начала разработку

встраиваемого скриптового языка Cmm (Си-минус-минус), который, по замыслу разработчиков, должен

был стать достаточно мощным, чтобы заменить макросы, сохраняя при этом схожесть с Си, чтобы разработчикам не составляло труда изучить его. Главным отличием от Си была работа с памятью. В новом языке всё управление памятью осуществлялось автоматически: не было необходимости создавать буферы, объявлять переменные, осуществлять преобразование типов. В остальном языки сильно походили друг на друга: в частности, Cmm поддерживал стандартные функции и операторы Си. Cmm был переименован в ScriptEase, поскольку исходное название звучало слишком негативно, а упоминание в нём Си «отпугивало» людей.

На основе этого языка был создан проприетарный продукт CEnvi. В конце ноября 1995 года Nombas разработала версию CEnvi, внедряемую в веб-страницы. Страницы, которые можно было изменять с помощью скриптового языка, получили название Espresso Pages — они демонстрировали использование скриптового языка для создания игры, проверки пользовательского ввода в формы и создания анимации. Espresso Pages позиционировались как демоверсия, призванная помочь представить, что случится, если в браузер будет внедрён язык Cmm. Работали они только в 16-битовом Netscape Navigator под управлением Windows.

Что такое JavaScript

В 1992 году компания Nombas (впоследствии приобретённая Openwave) начала разработку встраиваемого скриптового языка Cmm (Си-минус-минус), который, по

Слайд 8Перед Бренданом Айхом, нанятым в компанию Netscape 4 апреля 1995

года, была поставлена задача внедрить язык программирования Scheme или что-то

похожее в браузер Netscape. Поскольку требования были размыты, Айха перевели в группу, ответственную за серверные продукты, где он проработал месяц, занимаясь улучшением протокола HTTP. В мае разработчик был переброшен обратно, в команду, занимающуюся клиентской частью (браузером), где он немедленно начал разрабатывать концепцию нового языка программирования. Менеджмент разработки браузера, включая Тома Пакина, Михаэля Тоя, Рика Шелла, был убеждён, что Netscape должен поддерживать язык программирования, встраиваемый в HTML-код страницы.

Что такое JavaScript

Перед Бренданом Айхом, нанятым в компанию Netscape 4 апреля 1995 года, была поставлена задача внедрить язык программирования

Слайд 9А как JavaScript связан с Java?
Ответ:
Все куплено
Что такое JavaScript

А как JavaScript связан с Java?Ответ:Все купленоЧто такое JavaScript

Слайд 10Что такое JavaScript
Возможности:
JavaScript обладает рядом свойств объектно-ориентированного языка, но реализованное

в языке прототипирование обуславливает отличия в работе с объектами по

сравнению с традиционными объектно-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания — что придаёт языку дополнительную гибкость.
Что такое JavaScriptВозможности:JavaScript обладает рядом свойств объектно-ориентированного языка, но реализованное в языке прототипирование обуславливает отличия в работе

Слайд 11Что такое JavaScript
объекты, с возможностью интроспекции;
функции как объекты

первого класса;
автоматическое приведение типов;
автоматическая сборка мусора;
анонимные функции.
Интроспекция

– возможность определить тип и структуру объекта во время выполнения программы

Объектами первого класса называются сущности, которые могут быть переданы как параметр, возвращены из функции, присвоены переменной

Что такое JavaScript объекты, с возможностью интроспекции; функции как объекты первого класса; автоматическое приведение типов; автоматическая сборка

Слайд 12Что такое JavaScript
Синтаксис и семантика
все идентификаторы регистрозависимы,

в названиях переменных можно использовать буквы, подчёркивание, символ доллара, арабские

цифры,
названия переменных не могут начинаться с цифры,
для оформления однострочных комментариев используются //, многострочные и внутристрочные комментарии начинаются с /* и заканчиваются */.
Что такое JavaScriptСинтаксис и семантика  все идентификаторы регистрозависимы,  в названиях переменных можно использовать буквы, подчёркивание,

Слайд 13Что такое JavaScript
Зарезервированные ключевые слова
Break

do

if switch typeof
Case else in this var
Catch false instanceof throw void
Continue finally new true while
Default for null try with
Delete function return
Что такое JavaScriptЗарезервированные ключевые словаBreak        do

Слайд 14Как и где он используется
Как начать работать с JavaScript?
теги




alert('Hello, World!');

Как и где он используется Как начать работать с JavaScript?теги alert('Hello, World!');

Слайд 15Как и где он используется
Как начать работать с JavaScript?
2)

Расположение внутри тега

Удалить

Как и где он используется Как начать работать с JavaScript?2) Расположение внутри тегаУдалить

Слайд 16Как и где он используется
Как начать работать с JavaScript?
3)Вынесение

в отдельный файл


Как и где он используется Как начать работать с JavaScript?3)Вынесение в отдельный файл

Слайд 17Как и где он используется
JavaScript используется в браузерах

Как и где он используется JavaScript используется в браузерах

Слайд 18Как и где он используется
Область применения:
Веб-приложения

JavaScript используется в клиентской

части веб-приложений: клиент-серверных программ, в котором клиентом выступает браузер, а

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

Слайд 19Как и где он используется
Область применения:
2) AJAX

JavaScript используется в AJAX, популярном подходе к построению интерактивных пользовательских

интерфейсов веб-приложений, заключающемся в «фоновом» асинхронном обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью и интерфейс веб-приложения становится быстрее, чем это происходит при традиционном подходе (без применения AJAX).
Как и где он используется Область применения:2) AJAX   JavaScript используется в AJAX, популярном подходе к

Слайд 20Как и где он используется
Область применения:
3) Браузерные операционные системы


JavaScript широко используется в браузерных операционных системах.

Так, например, исходный код IndraDesktop WebOS на 75 % состоит из JavaScript, код браузерной операционной системы IntOS — на 70 %. Доля JavaScript в исходном коде eyeOS — 5 %, однако и в рамках этой операционной системы JavaScript играет важную роль, участвуя в визуализации на клиенте и являясь необходимым механизмом для коммуницирования клиента и сервера.
Как и где он используется Область применения:3) Браузерные операционные системы    JavaScript широко используется в

Слайд 21Как и где он используется
Область применения:
Серверные приложения

Пользовательские скрипты в

браузере

Виджеты

Мобильные приложения

Офисные приложения

Как и где он используется Область применения:Серверные приложенияПользовательские скрипты в браузереВиджетыМобильные приложенияОфисные приложения

Слайд 22Как и где он используется

Как и где он используется

Слайд 23Как и где он используется

Библиотеки JavaScript

Для обеспечения высокого уровня абстракции и достижения приемлемой степени кросс-браузерности при разработке веб-приложений используются библиотеки JavaScript. Они представляют собой набор многократно используемых объектов и функций.

Среди известных JavaScript библиотек можно отметить Adobe life, Dojo Toolkit, Extjs, jQuery, Mootools, Prototype, Qooxdoo
Как и где он используется

Слайд 24Лексическая структура
Типы данных в JavaScript
Числа

Строки

Логические значения

Функции

Объекты

Массивы


Лексическая структураТипы данных в JavaScriptЧислаСтрокиЛогические значенияФункцииОбъектыМассивы

Слайд 25Лексическая структура
Числа
Целочисленные значения (2135, 0)

Вещественные числа (3.1415)

Лексическая структураЧислаЦелочисленные значения (2135, 0)Вещественные числа (3.1415)

Слайд 26Лексическая структура
Строки
Строковые литералы (“Строчка”, ‘А’)

Управляющие последовательности (/n, /t)
Строка представляет собой

последовательность букв, цифр, знаков пунктуации и прочих Unicode-символов для представления

текста
Лексическая структураСтрокиСтроковые литералы (“Строчка”, ‘А’)Управляющие последовательности (/n, /t)Строка представляет собой последовательность букв, цифр, знаков пунктуации и прочих

Слайд 27Лексическая структура
Логические значения
Логические значения (true, false)
Логические значения говорят об истинности

или не истинности чего либо

Лексическая структураЛогические значенияЛогические значения (true, false)Логические значения говорят об истинности или не истинности чего либо

Слайд 28Лексическая структура
Функции
Функции

function() {

}
Функция – это фрагмент исполняемого кода, который определен

в программе и заранее переопределен в реализации JavaScript

Лексическая структураФункцииФункцииfunction() {…}Функция – это фрагмент исполняемого кода, который определен в программе и заранее переопределен в реализации

Слайд 29Лексическая структура
Объекты
Var point = newObject();
Point.x = 2.3;
Point.y = -1.2;
Объект –

это коллекция именованных значений, которые обычно называют свойствами объекта (иногда

их называют полями, но данное обозначение может сбить с толку)
Лексическая структураОбъектыVar point = newObject();Point.x = 2.3;Point.y = -1.2;Объект – это коллекция именованных значений, которые обычно называют

Слайд 30Лексическая структура
Массивы
Var a = newArray();
A[0] = 2.3;
A[1] = “Строчка”;
Массив –

это коллекция значений

Лексическая структураМассивыVar a = newArray();A[0] = 2.3;A[1] = “Строчка”;Массив – это коллекция значений

Слайд 31Спасибо за внимание

Спасибо за внимание

Теги

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

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


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

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