1295
.pdfОператоры языка JavaScript - все они подразделяются на условные операторы, операторы циклов и операторы управления объектами.
Функция - это отдельный блок кода, который состоит из одного или больше операторов
События - это сигнал от браузера о том, что пользователь совершил какое либо действие на сайте.
Условные операторы языка JavaScript - это операторы которые в зависимости от некоторого условия позволяют выполнить одно или несколько определённых инструкций. Формы условных операторов в JavaScript: условный оператор if (с одной ветвью); условный оператор if...else (с двумя ветвями); условный оператор else if... (с несколькими ветвями); тернарный оператор (?:); оператор выбора switch.
Использование циклов – это требования, чтобы интерпретатор JavaScript снова и снова выполнял одну и ту же операцию. Почти в каждом цикле с каждой итерацией цикла одна или несколько переменных изменяют свои значения.
Работа с объектами String - объект String позволяет манипулировать и форматировать строки текста и выполнять поиск подстрок в строках.
Работа с массивами – это объекты, которые представляют собой высокоуровневые спископодобные объекты.
Объекты Windows - является центром прикладных интерфейсов клиентского JavaScript. Он представляет окно веббраузера или фрейм, а сослаться на него можно с помощью идентификатора window
Формы введения данных – если в HTML-документе определена форма, то она доступна сценарию JavaScript как объект, входящий в объект document с именем, заданным атрибутом NAME тега FORM. Форма имеет два набора свойств, состав одного из которых фиксированный, а состав другого зависит от того, какие элементы определены в форме.
Обработчики событийСобытию можно назначить обработчик, то есть функцию, которая сработает, как только событие произошло. Именно благодаря обработчикам JavaScript-код может реагировать на действия посетителя.
Библиотека jQuery - это javascript библиотека, т.е. библиотека, написанная на языке JavaScript. Это некий набор готовых
функций, которые упрощают написание кода на JavaScript
1.4. Программирование на стороне сервера
Вопросы для рассмотрения: CGI, PHP, JSP. Протокол HTTP,
сессия. Обмен данными между клиентом и сервером. Средства хранения данных на стороне клиента (HTTP cookie, IE userData, DOM Storage) и сервера. Язык РНР. Особенности языка. Регулярные выражения в PHP. Внешние модули. Доступ к базам данных. Взаимодействие скриптов на языке PHP и базы данных MySQL.
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3, 4.
CGI, PHP, JSP . CGI — стандарт интерфейса, используемого для связи внешней программы с веб-сервером. PHP — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. JSP — технология, позволяющая веб-разработчикам создавать содержимое, которое имеет как статические, так и динамические компоненты.
Протокол HTTP, сессия. HTTP — это протокол высокого уровня (а именно, уровня приложений), обеспечивающий необходимую скорость передачи данных, требующуюся для распределенных информационных систем гипермедиа. Сессия это группы переменных, которые хранятся на сервере, но относятся к одному уникальному посетителю.
Обмен данными между клиентом и сервером - обмен данными происходит только по запросу клиента. Сервер посылает в ответ данные или отрицательное подтверждение. горячая связь -- hot link. клиент “подписывается” на периодическое получение данных от сервера, после чего сервер начинает передавать данные клиенту, как только в этом возникает необходимость.
Средства хранения данных на стороне клиента (HTTP cookies, IE userData, DOM Storage) и сервера. На стороне клиента cookies — небольшой фрагмент данных, отправленный веб-сервером и хранимый на компьютере пользователя. Со стороны сервера данные
хранятся в базах данных.
Язык РНР - скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений.
Особенности языка PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на веб-сервере.
Регулярные выражения в PHP позволяют найти в строке последовательности, соответствующие шаблону.
Внешние модули - это расширение функционала интерпретатора. Например, чтобы работать из PHP с сервером базы данных MySQL, понадобится бибилиотека модуля MySQL:
"php_mysql.dll".
Доступ к базам данных – доступ к базам данным осуществляется на основе библиотеки PHPLib
Взаимодействие скриптов на языке PHP и базы данных MySQL
– с помощью скриптов php можно обратиться к серверу с целью получения информации из базы данных.
2.ЛАБОРАТОРНЫЕ РАБОТЫ
2.1. Лабораторная работа №1 «Создание страниц с использованием форматирования символов,
абзацев. Списки на Web-странице.»
Рекомендуемая литература: 5,6. Перечень дополнительных ресурсов: 4.
Цель: изучить создание web-страниц, изучить форматирование символов и абзацев, изучить создание списков.
Задание:
1.в "Блокноте" создать страницу, используя возможности
HTML;
2.применить свойства для форматирования списков и абзацев;
3.применить в документе все варианты списков и заполнить
их.
2.2 Лабораторная работа №2
«Таблицы на Web-странице. Использование графики.»
Рекомендуемая литература: 5,6. Перечень дополнительных ресурсов: 4.
Цель: изучить создание таблиц и использование графики на web-странице.
Задание:
1.открыть файл предыдущей лабораторной работы.
2.создать таблицу содержащее в себе произвольное количество столбцов и строчек, заполнить
3.заполнить таблицу
4.добавить на страницу 3 произвольные картинки.
2.3 Лабораторная работа №3 «Формы. Гипертекстовые ссылки. Каскадные таблицы стилей
CSS.»
Рекомендуемая литература: 5,6.
Перечень дополнительных ресурсов: 4.
Цель: изучить создание форм, применение гипертекстовых ссылок и применение стилей CSS.
Задание:
1.открыть файл предыдущей лабораторной работы;
2.Создать форму содержащую в себе поля “имя” и “номер группы”;
3.Создать абзац и разместить в нем гипертекстовую ссылку;
4.Создать стиль для тега <p> со свойствами: цвет символов красный, размер шрифта 14.
2.4 Лабораторная работа №4 «Блочный дизайн сайта. Работа с блоками: абсолютное позиционирование, плавающие блоки, относительное
позиционирование.»
Рекомендуемая литература: 5,6. Перечень дополнительных ресурсов: 4.
Цель: изучить блочный дизайн сайта и работу по абсолютному, относительному позиционированию. Изучить свойство плавающих блоков.
Задание:
1.создать 6 блока и разместить в них картинки;
2.к 1 блоку применить абсолютное позиционирование 2-го
блока;
3.к 3 блоку применить свойство плавающих блоков 4 блока
4.к 5 блоку применить относительное позиционирование 6
блока
2.5 Лабораторная работа №5 «Создание статического Web-сайта..»
Рекомендуемая литература: 5,6. Перечень дополнительных ресурсов: 4.
Цель: изучить создание статического web сайта.
Задание:
1.в "Блокноте" создать страницу;
2.создать заголовки первого и второго уровня
3.добавить 2 картинки на страницу
4.создать 3 абзаца с произвольным текстом и применить следующие свойства: цвет шрифта желтый, размер шрифта 14
5.создать форму содержащую поля: имя и номер телефона
6.на выбор применить к блокам метод абсолютного и относительного позиционирования
2.6 Лабораторная работа №6
«Основы JavaScript. Структура документа. Переменные. Ввод и вывод информации.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить основы языка Javascript: переменные, ввод и вывод информации.
Задание:
1.Произвести ввод текста “Hello world” методами confirm и prompt;
2.Произвести вывод текста “Hello world” методом alert
2.7 Лабораторная работа №7 «Операторы языка JavaScript. Функции. События.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить операторы языка JavaScript. Изучить создание функций и событий.
Задания:
1.применить: операторы отношений; операторы условий;
2.создать функцию с выводом следующего текста “Hello
world”;
3.создать событие с текстом “Клик” при нажатии на текст “Нажми меня”.
2.8 Лабораторная работа №8
«Условные операторы языка JavaScript. Использование циклов.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить условные операторы языка JavaScript. Изучить использование циклов.
Задания:
1.вывести через alert числа от 1 до 5 с помощью цикла for;
2.сложить числа от 1 до 5 с помощью цикла while.
2.9 Лабораторная работа №9 «Работа с объектами String. Работа с массивами.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить работу с объектами string и работу с массивами.
Задания:
1.создать объект string
2.применить метод alert к объекту string
3.создать массив и пронумеровать ячейки
2.10 Лабораторная работа №10 «Объекты Windows. Формы введения данных.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить объекты Windows и формы введения данных.
Задания:
1.создать объект windows с содержанием метода alert который появится через 10 секунд после открытия окна;
2.применить метод alert к объекту string;
3.создать массив и пронумеровать ячейки;
4.создать форму с именем “нажми меня” с надписью “клик”.
2.11 Лабораторная работа №11 «Работа с библиотекой JQuery.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить принципы работы библиотеки JQuery
Задания:
1.Импортировать библиотеку в файл разработки;
2.Создать элемент с текстом с помощью функции
3.Применить функции css для оформления текста с свойством: текст красный, размер шрифта 14
2.12 Лабораторная работа №12 «РНР. Переменные. Простые массивы. Простые многомерные
массивы. Ассоциативные массивы.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить переменные, простые, многомерные и ассоциативные массивы.
Задания:
1.Создать переменные с содержанием имени студента и года рождения;
2.Создать массив с 3-мя произвольными переменными
3.Создать многомерный массив, который будет содержать информацию о 2-х студентах (имя, год рождения)
4.Создать ассоциативный массив с ключами name и year, в качестве значения использовать информацию о студенте ( Имя и год рождения).
2.13 Лабораторная работа №13 «РНР. Операторы. Функции. Классы.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить операторы, функции и классы языка PHP.
Задания:
1.Произвести математические вычисления с помощью операторов: сложения, вычитания, умножения и деления над цифрами
7 и 3.
2.Сделать функцию сложения чисел 10 и 5
3.Создать класс студент и указать информацию: имя, год рождения, номер группы
2.14 Лабораторная работа №14 «РНР. Суперглобальные переменные и запросы. Сессии.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить суперглобальные переменные и запросы языка PHP. Изучить сессии.
Задания:
1.Создать глобальные переменные $GLOBALS с содержанием данных: имя и год рождения;
2.Создать сессию с именем user
2.15 Лабораторная работа №15 «Работа с файлами.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить возможности работы с файлами с помощью языка PHP.
Задания:
1.Создать 2 файла;
2.В первом написать свое имя;
3.Во втором файле импортировать первый файл, и отобразить ваше имя.
2.16 Лабораторная работа №16-17 «Работа с базами данных в РНР.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить возможности работы с базами данным с помощью языка PHP.
Задания:
1.Подключить базу данных “Сотрудники”.
2.Выбрать работника с id=10.
3.Выбрать работников с зарплатой 500$.
4.Добавьте нового работника Джона, 20 лет, зарплата 700$.
5.Добавьте одним запросом трех новых работников: Катю, 20 лет, зарплата 500$, Юлю, 25 лет, зарплата 600$, Женю, 30 лет, зарплата 900$.
6.Удалите работника Джона.
2.17 Лабораторная работа №18 «Шаблоны в РНР. Шаблонный движок. Разделение шаблонов.»
Рекомендуемая литература: 5.
Перечень дополнительных ресурсов: 1, 2, 3.
Цель: изучить применение шаблонов в PHP, работу с шаблонным движком и разведением его на шаблоны
Задания:
1.Создать структуру стандартного файла HTML.
2.Создать шаблон с указанием titile и text
3.Вставить переменные в HTML файл
4.Скачать шаблон движка FastTemplate
5.Создать файлы, которые буду выводить меню, главную часть
иподвал сайта.