JavaScript - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему JavaScript. Доклад-сообщение содержит 20 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1

Описание слайда:

JavaScript Занятие №5

Слайд 2

Описание слайда:

Повторение Переменные Типы переменных Именование переменных Условные операторы Перечислить, описать принципиальные отличия Циклы Виды циклов break, continue

Слайд 3

Описание слайда:

Массивы Объединение данных под одним именем Каждый элемент массива имеет свой порядковый номер - индекс Индексация начинается с нуля

Слайд 4

Описание слайда:

Массивы. Синтаксис var first = new Array(1,2,3,4,5); // old one var second = [1,2,3,4,5]; // current way var myString = 'Hello, world'; console.log(first[0]); console.log(second[4]); console.log(myString[2]);

Слайд 5

Описание слайда:

Методы для работы с массивами push - добавление в конец массива pop - удаление из конца массива shift - удаление из начала массива unshift - добавление в начало массива slice - возвращает часть массива splice - возвращает часть массива удаляя её из исходного reverse sort join

Слайд 6

Описание слайда:

Пример с push var arr = [], digit; for (var i = 0; i < 5; i++) { digit = parseInt(prompt('Enter digit #' + (i + 1))); arr.push(digit); } document.write(arr);

Слайд 7

Описание слайда:

Пример с pop var myArr = [1,2,3,4]; document.write("" + myArr + ""); myArr.pop(); document.write("" + myArr + "");

Слайд 8

Описание слайда:

Пример с shift var myArr = [1,2,3,4]; document.write("" + myArr + ""); myArr.shift(); document.write("" + myArr + "");

Слайд 9

Описание слайда:

Пример с unshift var arr = [], digit; for (var i = 0; i < 5; i++) { digit = parseInt(prompt('Enter digit #' + (i + 1))); arr.unshift(digit); } document.write(arr);

Слайд 10

Описание слайда:

Пример с slice var arr = [1,2,3,4,5,6,7]; document.write("" + arr + ""); document.write("" + arr.slice(1,3) + ""); document.write("" + arr + "");

Слайд 11

Описание слайда:

Пример с splice var arr = [1,2,3,4,5,6,7]; document.write("" + arr + ""); arr.splice(1,3); document.write("" + arr + "");

Слайд 12

Описание слайда:

Пример с reverse var arr = [1,2,3,4,5,6,7]; document.write("" + arr + ""); arr.reverse(); document.write("" + arr + "");

Слайд 13

Описание слайда:

Пример с join var arr = [1,2,3,4,5,6,7]; document.write("" + arr + ""); document.write("" + arr.join(';') + "");

Слайд 14

Описание слайда:

Пример с sort var arr = [5, 7, 1, 8, 9, 4, 6, 2]; document.write("" + arr + ""); document.write("" + arr.sort() + "");

Слайд 15

Описание слайда:

Пример с несколькими методами var arr = [5, 7, 1, 8, 9, 4, 6, 2]; document.write("" + arr + ""); document.write("" + arr.sort().join(';') + "");

Слайд 16

Описание слайда:

Вывод цикла. v1 var arr = ['JS', 'PHP', 'Java', 'C#', 'Other']; for (var i = 0; i < arr.length; i++) { document.write('' + arr[i] + ''); }

Слайд 17

Описание слайда:

Вывод цикла. v2 var arr = ['JS', 'PHP', 'Java', 'C#', 'Other']; var str = ''; for (var i = 0; i < arr.length; i++) { str += '' + arr[i] + ''; } document.write(str);

Слайд 18

Описание слайда:

Объекты var product = { name: 'water', price: 10 }; console.log(product); console.log(product.name); console.log(product[‘price’]);

Слайд 19

Описание слайда:

Практика + Домашнее задание Создать массив, длину и элементы которого задаёт пользователь. Затем отсортировать массив по возрастанию. Затем, удалить элементы из массива с 2 по 4. По мере изменений, выводить содержимое массива на страницу. Имеется массив с числами (заданы в скрипте). От пользователя получено некоторое число. Вывести на страницу уведомление о том, совпадает ли пользовательское число хотя бы с одним элементом массива. И если да - вывести индекс этого элемента.

Слайд 20

Описание слайда:

Домашнее задание * Имеется массив объектов с товарами и их ценами. Вывести в консоль список с данными по всем товарам (каждый товар на отдельной строке). От пользователя получить номер товара (реализовать проверку на правильность ввода номера) и количество (так же, реализовать валидацию), вывести на страницу итоговую стоимость покупки. Если стоимость превышает 10.000грн рассчитать скидку в 20% и сообщить об этом пользователю. Усложнить практическое задание введением категорий товаров. Соответственно, пользователь может выбрать категорию товара, номер товара и количество. Затем результат его выбора отобразится на странице Начать изучать Twitter Bootstrap (HTML часть).

Теги JavaScript

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