Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

1295

.pdf
Скачиваний:
2
Добавлен:
07.01.2021
Размер:
1.04 Mб
Скачать

Операторы языка 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.Создать файлы, которые буду выводить меню, главную часть

иподвал сайта.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]