- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Семинар компании Корзилла. Определения javaScript презентация
Содержание
- 1. Семинар компании Корзилла. Определения javaScript
- 2. План Определения javaScript Для чего используется Переменные
- 3. О JavaScript JavaScript — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является
- 4. Примеры использования Добавление различных анимационных эффектов, которые
- 5. Подключение … // КОД Или
- 6. Тестирование
- 7. Переменная var ИмяПеременной; Переменная — поименованная, либо адресуемая
- 8. Типы данных Null (ничто) Undefined (неопределенный )
- 9. Условия if (условие) {
- 10. Циклы Цикл for Циклу for в круглых скобках
- 11. Дерево DOM
- 12. Обращение к элементам страницы Элементы верхнего
- 13. Элементы верхнего уровня К элементам верхнего уровня
- 14. Поиск элементов getElementsByName() getElementsByClassName() getElementsByTagName()
- 15. Родственные узлы parentNode, parentElement childNodes, firstChild, lastChild previousSibling, nextSibling
- 16. Действия с атрибутами тэгов hasAttribute(атрибут) Проверяет наличие
- 17. Самостоятельное изучение learn.javascript.ru codecademy.com на английском, выбрать курс по javascript
- 18. Спасибо. Вопросы?
План Определения javaScript Для чего используется Переменные Подключение к сайту Обращение к элементам страницы Самообучение
Слайд 2План
Определения javaScript
Для чего используется
Переменные
Подключение к сайту
Обращение к элементам страницы
Самообучение
Слайд 3О JavaScript
JavaScript — мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией языка ECMAScript.
JavaScript обычно используется как
встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
Слайд 4Примеры использования
Добавление различных анимационных эффектов, которые не представляется реализовать с помощью
HTML и CSS. ( Например анимация fitgrad.ru )
Возможность изменения содержимого элементов HTML и добавления новых тегов без перезагрузки страницы.
Реагирование на события (реагирование на действия пользователя) – обработка нажатий клавиш на клавиатуре и передвижения курсора мыши.
Выполнение проверки данных, которые были введены в поля формы перед отправкой на сервер. Это уменьшает нагрузку на сервер и ускоряет работу сайта.
Определение версии браузера и загрузка требуемой страницы в зависимости от этого.
И многое другое.
Возможность изменения содержимого элементов HTML и добавления новых тегов без перезагрузки страницы.
Реагирование на события (реагирование на действия пользователя) – обработка нажатий клавиш на клавиатуре и передвижения курсора мыши.
Выполнение проверки данных, которые были введены в поля формы перед отправкой на сервер. Это уменьшает нагрузку на сервер и ускоряет работу сайта.
Определение версии браузера и загрузка требуемой страницы в зависимости от этого.
И многое другое.
Слайд 7Переменная
var ИмяПеременной;
Переменная — поименованная, либо адресуемая иным способом область памяти, адрес которой
можно использовать для осуществления доступа к данным и изменять значение в ходе выполнения программы
Объявление (создание) переменной:
Слайд 8Типы данных
Null (ничто)
Undefined (неопределенный )
Number (Число)
String (строка, текст)
Boolean (истина или ложь)
Object (набор
данных)
Слайд 9Условия
if (условие) {
// код выполнится, если условие удовлетворяет
} else
{
// код выполнится, если условие удовлетворяет
}
// код выполнится, если условие удовлетворяет
}
Слайд 10Циклы
Цикл for
Циклу for в круглых скобках передаются 3 аргумента:
Переменная цикла с
начальным значением.
Условие входа в цикл.
Действие, выполняемое после каждого прохождения тела цикла.
Цикл while
Простая конструкция: передается всего один аргумент - условие входа в цикл.
Условие входа в цикл.
Действие, выполняемое после каждого прохождения тела цикла.
Цикл while
Простая конструкция: передается всего один аргумент - условие входа в цикл.
Слайд 12Обращение к элементам страницы
Элементы верхнего уровня
Поиск элементов
Обращение к
родственным узлам
Слайд 13Элементы верхнего уровня
К элементам верхнего уровня можно обратиться напрямую, используя свойства
объекта document:
document.documentElement - для обращения к элементу .
document.head - для обращения к элементу .
document.body - для обращения к элементу .
document.documentElement - для обращения к элементу .
document.head - для обращения к элементу .
document.body - для обращения к элементу .
Слайд 14Поиск элементов
getElementsByName()
getElementsByClassName()
getElementsByTagName()
querySelectorAll, querySelector()
Пример использования:
document.getElementsByName(имя)
Слайд 15Родственные узлы
parentNode, parentElement
childNodes, firstChild, lastChild
previousSibling, nextSibling
Слайд 16Действия с атрибутами тэгов
hasAttribute(атрибут)
Проверяет наличие атрибута.
getAttribute(атрибут)
Возвращает строку со значением атрибута.
setAttribute(атрибут, значение)
Создаёт
атрибут или присваивает ему новое значение.
removeAttribute(атрибут)
Удаляет атрибут.
removeAttribute(атрибут)
Удаляет атрибут.
Слайд 17Самостоятельное изучение
learn.javascript.ru
codecademy.com
на английском, выбрать курс по javascript
