Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Свидетельство о публикации

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Другое / Рабочие программы / Рабочая программа (Syllabus) по предмету "Web-программирование и информационные технологии"
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 28 июня.

Подать заявку на курс
  • Другое

Рабочая программа (Syllabus) по предмету "Web-программирование и информационные технологии"

библиотека
материалов

Қазақстан Республикасының білім және ғылым министрлігі

Министерство образования и науки Республики Казахстан

Щучинск қаласы, Жоғары техникалық мектебі

Высшая техническая школа, город Щучинск



Отделение связи и программного обеспечения


Методическое объединение информационных дисциплин



РАБОЧАЯ ПРОГРАММА ДИСЦИПЛИНЫ

(Syllabus)


По дисциплине «Web-программирование и интернет-технологии»


Образование среднее техническое и

профессиональное образование


по специальности

1304000 Вычислительная техника и программное обеспечение (по видам)


Квалификация 130404 3 Техник программист



Всего

(согласно учебной программы) кредита

Курс

3 (согласно учебной программы)

Семестр

5 (согласно учебной программы)

Лекции

38 часов (согласно учебной программы)

Практические, семинарские, лабораторные занятия

34 часа (согласно учебной программы)

СРС

-- часов

СРСП

-- часов

Всего аудиторных часов

72 часа (согласно учебной программы)

Экзамен

5 семестр

Трудоемкость

-- часов


Программа дисциплины составлена:

Преподавателем спец.дисциплин Посметуховой Кристиной Николаевной

Составлена в соответствии с образовательной учебной программой технического и профессионального образования, утверждённой приказом Министерства образования и науки Республики Казахстан от 23.01.2012 года №15 и рабочей учебной программой, утверждённой заместителем директора по учебной работе ВТШ, города Щучинск 01.09.2015г.

Рассмотрено на заседании МО информационных дисциплин

«______»________________20___г. Протокол №_________

Председатель МО ______________________ А.Г. Аманбаева


Одобрено методическим советом

«______»________________20___г. Протокол №_________

Председатель __________________ ____________________



Сведения о преподавателе курса:

Посметухова К.Н., преподаватель спец.дисциплин


Офис: МО информационных дисциплин

Аудитория: № 13

Полный адрес: Высшая техническая школа, ул. Абылай хана, 50,

г.Щучинск, Бурабайский район, Акмолинская область

Тел.: 4-50-60

Е-mail: college34@mail.ru

kposmetuhova@gmail.com












































Данные о дисциплине

«Web-программирование и интернет-технологии»


Общий объем: согласно рабочей программы

Время: согласно расписания занятий ВТШ

Семестр: 5

Место проведения курса: аудитория 13


Пререквизиты учебной дисциплины:

Программа базируется на знаниях, умениях и навыках обучающихся по предметам: «Математика», «Физика», «Основы алгоритмизации и программирования», «Операционные системы и пакеты прикладных программ», «Информатика».


Постреквизиты учебной дисциплины:

Знания по данной дисциплине необходимы для прохождения сертификации (Независимой оценки качества), выполнения курсовых и дипломных работ и практической деятельности специалистов.


1. Характеристика дисциплины


Назначение учебной дисциплины:

Учебная дисциплина «Web-программирование и интернет-технологии» относится к специальным дисциплинам. Дает базовые знания будущим специалистам в любой отрасли профессиональной деятельности, раскрывает практику взаимоотношений на всех уровнях, рассматривает проблему рационального использования информационных ресурсов в производственной и повседневной жизни.


Цель курса:

Расширение теоретической базы в предметной области, и привить студентам практические навыки по работе со специальными возможностями информационного обеспечения.


Задачи курса:

  1. дать студентам комплексное представление о дисциплине;

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

  3. вооружить студентов методологией изучения информационных процессов для самостоятельного исследования.


Методология:

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



2. Планируемые результаты изучения дисциплины «Web-программирование и интернет-технологии»


Результаты обучения, запланированные в Государственном общеобязательном стандарте образования Республики Казахстан по специальности 1304000

Результаты обучения, запланированные в образовательной учебной программе технического и профессионального образования или типовой учебной программе по специальности 1304000

Результаты обучения, запланированные в рабочей учебной программе

Обучающийся должен обладать следующими компетенциями:


Базовыми:

БК 1. Обновлять знания и навыки на уровне современных стандартов образования;

БК 2. Планировать собственные трудовые действия;

БК 3. Знать правовые нормы, регулировать отношения между людьми, к обществу, к окружающей среде;

БК 4. Анализировать социально-значимые проблемы и процессы в профессиональной и социальной деятельности;

БК 5. Оформлять документацию на государственном языке;

БК 6. Проводить экономический анализ профессиональной деятельности;

БК 7. Использовать современные технические средства;

БК 8. Владеть компьютерными методами сбора, хранения и обработки информации;

БК 9. Владеть информационными технологиями


Профессиональными:

ПК 1. Проводить трансляцию и отладку программы, управлять данными при решении задач;

ПК 2. Осуществлять решение задач из различных областей науки, техники, экономики и производства с применением математических методов и вычислительной техники на всех этапах от постановки до получения результата;

ПК 3. Составлять тесты и производить тестирование программ;

ПК 4. Построить автоматизированные системы обработки информации;

ПК 5. Применять методы и средства защиты программного продукта;

ПК 6. Применять Web-технологии


Специальными:

СК 1. Производить анализ, проектирование и программирование прикладных задач;

СК 2. Разрабатывать и внедрять Интернет-технологии;

СК 3. Моделировать производственные и экономические процессы, методы их решения и анализировать полученные результаты;

СК 4. Внедрять и сопровождать программы и программные средства;

СК 5. Тестировать программы и программные продукты;

СК 6. Выбирать правильные технологии на всех этапах разработки программ;

СК 7. Организовать защиту данных.

В результате изучения дисциплины обучающийся должен


-знать:

  • Основные теги языка

  • Теги форматирования текста

  • Создание маркированных, нумерованных списков

  • Организационную структуру документов

  • Тег добавления изображений

  • Тег гиперссылок

  • МЕТА-инструкции

  • Элементы форм

  • Таблицу каскадных стилей

  • Основные свойства

  • Блочную верстку

  • Область применения JavaScript.

  • Отладчики сценариев.

  • Основные понятия.

  • Принципы и структуру Java-скриптов

  • Функции и сценарии

  • Параметры функций

  • Объекты

  • Алгоритм работы операторов условия

  • Алгоритм работы циклов

  • Массивы

  • Регулярные выражения


-уметь:

  • Создавать структуру документа

  • Применять основные теги языка

  • Использовать теги для форматирования документа

  • Применять МЕТА-инструкции

  • Вставлять изображения

  • Создавать списки

  • Применять гиперссылки

  • Применять CSS

  • Использовать элемент DIV

  • Создавать структуру сайта фиксированного дизайна

  • Создавать структуру сайта резинового дизайна

  • Подключать JS файлы

  • Применять функции и сценарии

  • Работать с операторами условий

  • Применять операторы цикла

  • Работать с массивами

В результате освоения дисциплины обучающийся должен


-иметь представление:

  • о языке разметки гипертекста HTML

  • общие сведения о клиентском языке программирования JavaScript

  • Каскадные таблицы стилей


-знать:

  • Основные теги языка HTML

  • Синтаксис клиентского языка программирования JavaScript

  • Свойства CSS


-уметь:

  • Создавать HTML-страницы

  • Применять CSS-стили

  • Писать скрипты с помощью клиентского языка программирования JavaScript


-владеть навыками :

  • Создания web-страниц

  • Верстки

  • Применения css-стилей

  • Создания интерактивности web-страниц

  • Написания скриптов на клиентском языке программирования JavaScript





3. Календарно-тематический план рабочей учебной программы дисциплины


Наименование разделов и тем

Всего часов

В том числе

Теор.

Практ.


Раздел 1. HTML. Язык разметки гипертекста

16

8

8

1

Основы HTML. Основные понятия, структура

2

2


2

Форматирование документа, символов, списки

2

2


3

ПР1. Создание HTML-страниц

2


2

4

Графика на web-странице, гиперссылки, таблицы

2

2


5

ПР2. Создание HTML-страниц

2


2

6

ПР3. Использование графики на web-странице, ссылки

2


2

7

Формы, основные элементы

2

2


8

ПР4. Создание форм

2


2


Раздел 2. Таблица каскадных стилей CSS

12

6

6

9

Основы CSS. Основные понятия

2

2


10

Форматирование шрифта, текста, отступы, рамки

2

2


11

ПР5. Применение CSS

2


2

12

Фон элемента, списки, псевдостили гиперссылок

2

2


13

ПР6. Div-ная верстка

2


2

14

ПР7. Div-ная верстка

2


2


Раздел 3. Клиентский язык программирования JavaScript

44

24

20

15

Основы JavaScript. Взаимодействие с пользователем

2

2


16

Переменные, типы данных, операторы. Преобразование типов данных

2

2


17

ПР8. Простые скрипты на JS

2


2

18

Функции

2

2


19

ПР9. Использование функций

2


2

20

ПР10. Обработчики событий

2


2

21

Условные операторы

2

2


22

ПР11. Условный оператор IF

2


2

23

ПР12. Условный оператор switch

2


2

24

Циклы for, while, do..while

2

2


25

ПР13. Операторы циклов

2


2

26

ПР14. Операторы циклов

2


2

27

Дата. Представление и обработка

2

2


28

ПР15. Работа с датой и временем

2


2

29

Работа со строками

2

2


30

ПР16. Работа со строками

2


2

31

Работа с числами, массивами

2

2


32

Работа с массивами

2

2


33

Использование математических функций

2

2


34

Написание сценариев JavaScript с использованием событий

2

2


35

ПР17. Решение задач

2


2

36

Зачет

2

2



Итого

72

38

34





4. Содержание программы дисциплины


Раздел 1. HTML. Язык разметки гипертекста

Основы HTML. Основные понятия, структура. Форматирование документа, символов, списки. Графика на web-странице, гиперссылки, таблицы. Формы, основные элементы


Лабораторные работы:

  1. Создание HTML-страниц

  2. Создание HTML-страниц

  3. Использование графики на web-странице, ссылки

  4. Создание форм


Раздел 2. Таблица каскадных стилей CSS

Основы CSS. Основные понятия. Форматирование шрифта, текста, отступы, рамки. Фон элемента, списки, псевдостили гиперссылок


Лабораторные работы:

  1. Применение CSS

  2. Div-ная верстка

  3. Div-ная верстка


Раздел 3. Клиентский язык программирования JavaScript

Основы JavaScript. Взаимодействие с пользователем. Переменные, типы данных, операторы. Преобразование типов данных. Функции. Условные операторы. Циклы for, while, do..while. Дата. Представление и обработка. Работа со строками. Работа с числами, массивами. Работа с массивами. Использование математических функций. Написание сценариев JavaScript с использованием событий


Лабораторные работы:

  1. Простые скрипты на JS

  2. Использование функций

  3. Обработчики событий

  4. Условный оператор IF

  5. Условный оператор switch

  6. Операторы циклов

  7. Операторы циклов

  8. Работа с датой и временем

  9. Работа со строками

  10. Решение задач

5. Перечень лабораторных и практических занятий



Номер работы

Название работы

Краткое содержание

Создание HTML-страниц

Перевод графического изображения в HTML-код

Создание HTML-страниц

Перевод графического изображения в HTML-код

Использование графики на web-странице, ссылки

Вставка изображений в HTML-страницу, вставка ссылок, создание циклических страниц

Создание форм

Перевод графического изображения формы в HTML-код

Применение CSS

Применение и редактирование стилей CSS

Div-ная верстка

Верстка сайта фиксированной ширины

Div-ная верстка

Верстка сайта резинового дизайна

Простые скрипты на JS

Создание простых скриптов

Использование функций

Создание функций

Обработчики событий

Использование обработчиков событий в функциях

Условный оператор IF

Использование условного оператора в скриптах

Условный оператор switch

Использование условного оператора в скриптах

Операторы циклов

Использование оператора циклов в скриптах

Операторы циклов

Использование оператора циклов в скриптах

Работа с датой и временем

Использование встроенных функций получения и установки дат и времени при написании скриптов

Работа со строками

Использование встроенных функций для работы со строками при написании скриптов

Решение задач

Решение задач



6. Темы и наименование вопросов, выносимых на самостоятельную работу студентов (СРС) по учебной дисциплине


Тема предмета

№ СРС

Содержание СРС

Источники информации

Форма

отчёта о выполнении СРС

Срок выполнения (№ недели учебного семестра)

Основы HTML. Основные понятия, структура.

1

Основные теги HTML

1 стр. 5-16

Пользование справочником


Форматирование документа, символов, списки.

2

Теги форматирования

1 стр. 16-27

Тесты


Графика на web-странице, гиперссылки, таблицы.

3

Теги вставки изображений, ссылок

1 стр. 27-40

Карточка


Формы, основные элементы

4

Теги вставки элементов форм

2 стр. 317-331

Карточка


Основы CSS. Основные понятия.

5

Свойства css

1 стр. 77-88

Пользование справочником


Форматирование шрифта, текста, отступы, рамки.

6

Свойства форматирования

1 стр. 88-99

Пользование справочником


Фон элемента, списки, псевдостили гиперссылок

7

Свойства фона, псевдостилей

1 стр. 99-106

Пользование справочником


Основы JavaScript. Взаимодействие с пользователем

8

Alert, prompt, confirm

1 стр. 121-127

Карточка


Переменные, типы данных, операторы

9

Переменные, тип, операторы

1 стр. 127-138

2 стр. 193-205

Тесты


Функции

10

Синтаксис функций

2 стр. 212-215

Карточка


Условные операторы

11

Синтаксис условных операторов

1 стр. 149-156

Карточка


Циклы for, while, do..while

12

Синтаксис операторов цикла

1 стр. 156-160

Карточка


Дата. Представление и обработка

13

Встроенные функции получения и установки даты

1 стр. 182-186

Карточка


Работа со строками

14

Встроенные функции работы со строками

1 стр. 171-173

Карточка


Работа с числами, массивами

15

Встроенные функции работы с числами, массивами

1 стр. 170

1 стр. 173-180

Карточка


Использование математических функций

16

Встроенные математические функции

1 стр. 180-182

Карточка




7. Формы контроля успеваемости студентов


Контроль усвоения студентами учебного материала дисциплины в течение семестра осуществляется с помощью текущего, рубежного и итогового контролей.


Текущий контроль

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


Рубежный контроль

Проводится по материалам пройденных тем, модулей и др. и является одним из видов текущего контроля. В зависимости от содержания и общего объема учебной нагрузки по дисциплине, ее разделов, определяемых рабочей программой дисциплины, проводится рубежный контроль для промежуточной оценки знаний студентов по изучаемой дисциплине. Рубежный контроль проводится в виде проведения тестирования.


Итоговый контроль

Сессионный зачет и (или) экзамен предназначен для систематизации знаний студентов, целостного представления о дисциплине и взаимосвязях всех ее тем и разделов. Итоговый контроль проводится в форме зачета и экзамена. Обязательным условием для допуска к экзамену является выполнение всех предусмотренных заданий в программе. Пересдача экзамена на более высокую оценку не разрешается.



8. Политика курса


Не опаздывать на занятия. 2 опоздания на занятия приравниваются к одному пропуску.

Не разговаривать во время лекций.

Отключить сотовый телефон, не жевать резинку.

Не входить в аудиторию в верхней одежде.

Работы следует сдавать в указанные сроки.

Крайний срок сдачи всех заданий – за 3 дня до начала рубежного контроля.

Повторение темы и отработка пройденных материалов по каждому учебному занятию обязательны.

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

Пропущенные занятия отрабатывать в определенное преподавателем время.

В случае невыполнения задания в установленные сроки итоговая оценка снижается на один балл.


9. Перечень рекомендуемой литературы и ТСО


Основная литература:


  1. Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) – 2010

  2. Дронов. В. HTML.5. CSS.3 и Web 2.0. Разработка современных Web-сайтов. БХВ-Петербург, 2011


Дополнительная литература:


  1. Мержевич В.В. - Справочник по HTML. Версия 7.0 – 2011

  2. Поисковые системы Internet


Технические средства обучения:


  1. Персональный компьютер

  2. Интерактивная доска




 







Краткий курс лекций


Раздел 1. HTML. Язык разметки гипертекста

Тема 1.1. Основы HTML. Основные понятия, структура.

Основные понятия. Первый HTML-документ. Структура документа. Раздел HEAD. Техническая информация о документе. Раздел BODY. Основная часть документа


Тема 1.2. Форматирование документа, символов, списки.

Форматирование отдельных символов. Выделение фрагментов текста. Создание нижних и верхних индексов. Вывод текста заданным шрифтом. Форматирование документа. Тег комментария. Перевод строки. Горизонтальная линия. Заголовки. Разделение на абзацы. Списки. Маркированные списки. Нумерованные списки. Списки определений


Тема 1.3. Графика на web-странице, гиперссылки, таблицы.

Графика. Изображение на Web-странице. Изображение в качестве фона. Гиперссылки. Внешние гиперссылки. Внутренние гиперссылки. Гиперссылки на адрес электронной почты. Таблицы. Вставка таблицы в документ. Заголовок таблицы. Строки таблицы. Ячейки таблицы


Тема 1.4. Формы, основные элементы

Web-формы и элементы управления HTML. Назначение Web-форм и элементов управления. Серверные приложения. Создание Web-форм и элементов управления. Создание Web-форм. Создание элементов управления. Поле ввода. Поле ввода пароля. Поле ввода значения для поиска. Область редактирования. Кнопка. Флажок. Переключатель. Список, обычный или раскрывающийся. Надпись. Группа. Прочие элементы управления


Вопросы для самоконтроля:

  1. Структура документа

  2. META-инструкции

  3. Форматирование документа

  4. Форматирование текста

  5. Списки

  6. Комменатрии

  7. Вставка изображений

  8. Использование гиперссылок

  9. Вставка таблиц

  10. Элементы управления форм


Практическая работа №1. Создание HTML-страниц

Цель занятия: Создать HTML-страницы, используя предложенный скриншот.

Объем: 2 часа


Практическая работа №2. Создание HTML-страниц

Цель занятия: Создать HTML-страницы, используя предложенный скриншот

Объем: 2 часа


Практическая работа №3. Использование графики на web-странице, ссылки

Цель занятия: Создать HTML-страницы, используя предложенный скриншот

Объем: 2 часа


Практическая работа №4. Создание форм

Цель занятия: Создать HTML-страницы с формами, используя предложенный скриншот

Объем: 2 часа


Литература:

  1. Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) - 2010

  2. Дронов. В. HTML.5. CSS.3 и Web 2.0. Разработка современных Web-сайтов. БХВ-Петербург, 2011


По итогам изучения раздела


Студенты должны знать:

  • Основные теги языка

  • Теги форматирования текста

  • Создание маркированных, нумерованных списков

  • Организационную структуру документов

  • Тег добавления изображений

  • Тег гиперссылок

  • МЕТА-инструкции

  • Элементы форм

Студенты должны уметь:

  • Создавать структуру документа

  • Применять основные теги языка

  • Использовать теги для форматирования документа

  • Применять МЕТА-инструкции

  • Вставлять изображения

  • Создавать списки

  • Применять гипперссылки



Раздел 2. Таблица каскадных стилей CSS

Тема 2.1. Основы CSS. Основные понятия.

Основные понятия. Способы встраивания определения стиля. Встраивание определения стиля в тег. Встраивание определения стилей в заголовок HTML-документа. Вынесение таблицы стилей в отдельный файл. Приоритет применения стилей. Единицы измерения в CSS


Тема 2.2. Форматирование шрифта, текста, отступы, рамки.

Форматирование шрифта. Имя шрифта. Стиль шрифта. Размер шрифта. Цвет шрифта. Жирность шрифта. Форматирование текста. Расстояние между символами в словах. Расстояние между словами. Отступ первой строки. Вертикальное расстояние между строками. Горизонтальное выравнивание текста. Вертикальное выравнивание текста. Подчеркивание, надчеркивание и зачеркивание текста. Изменение регистра символов. Обработка пробелов между словами. Отступы. Внешние отступы. Внутренние отступы. Рамки. Стиль линии рамки. Толщина линии рамки. Цвет линии рамки. Одновременное задание атрибутов рамки.


Тема 2.3. Фон элемента, списки, псевдостили гиперссылок

Фон элемента. Цвет фона. Фоновый рисунок. Режим повтора фонового рисунка. Прокрутка фонового рисунка. Положение фонового рисунка. Одновременное задание атрибутов фона. Списки. Вид маркера списка. Изображение в качестве маркера списка. Компактное отображение списка. Вид курсора. Псевдостили гиперссылок. Отображение ссылок разными цветами


Вопросы для самоконтроля:

  1. Основные понятия CSS

  2. Способы встраивания стилей

  3. Свойства стилей


Практическая работа №5. Применение CSS

Цель занятия: Используя изученные свойства, применить стили CSS к HTML-странице

Объем: 2 часа


Практическая работа №6. Div-ная верстка

Цель занятия: Верстка сайта фиксированной ширины

Объем: 2 часа


Практическая работа №7. Div-ная верстка

Цель занятия: Верстка сайта резиновой ширины

Объем: 2 часа


Литература:

  1. Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) - 2010


По итогам изучения раздела


Студенты должны знать:

  • Таблицу каскадных стилей

  • Основные свойства

  • Блочную верстку

Студенты должны уметь:

  • Применять CSS

  • Использовать элемент DIV

  • Создавать структуру сайта фиксированного дизайна

  • Создавать структуру сайта резинового дизайна


Раздел 3. Клиентский язык программирования JavaScript

Тема 3.1. Основы JavaScript. Взаимодействие с пользователем.

Основные понятия. Первая программа на JavaScript. Комментарии в JavaScript. Вывод результатов работы программы и ввод данных. Окно с сообщением и кнопкой OK. Окно с сообщением и кнопками OK и Cancel. Окно с полем ввода и кнопками OK и Cancel


Тема 3.2. Переменные, типы данных, операторы. Преобразование типов данных.

Переменные. Типы данных и инициализация переменных. Объявление переменных. Определение типа данных переменной. Операторы JavaScript. Математические операторы. Операторы сравнения. Операторы присваивания. Двоичные операторы. Оператор обработки строк. Приоритет выполнения операторов. Преобразование типов данных. Оператор получения типа typeof. Совместимость и преобразование типов данных


Тема 3.3. Функции.

Функции. Объявление функций. Функции и переменные. Локальные переменные. Вызов функций. Присваивание функций. Функциональный тип данных


Тема 3.4. Условные операторы.

Условные операторы. Выполнение блоков кода только при соответствии условию. Операторы сравнения. Оператор ветвления if…else. Проверка ввода пользователя. Оператор ? Проверка числа на четность. Оператор выбора switch


Тема 3.5. Циклы for, while, do..while.

Операторы циклов. Многократное выполнение блока кода. Цикл for. Цикл while. Цикл do…while. Оператор continue. Переход на следующую итерацию цикла. Оператор break. Прерывание цикла


Тема 3.6. Дата. Представление и обработка.

Встроенные классы JavaScript. Основные понятия. Класс Date. Получение текущей даты и времени. Вывод даты и времени в окне Web-браузера


Тема 3.7. Работа со строками.

Встроенные классы JavaScript . Основные понятия. Класс String. Обработка строк


Тема 3.8. Работа с числами, массивами.

Встроенные классы JavaScript . Основные понятия. Класс Number. Работа с числами


Тема 3.9. Работа с массивами.

Встроенные классы JavaScript. Основные понятия. Класс Array. Работа с массивами и их сортировка


Тема 3.10. Использование математических функций.

Встроенные классы JavaScript. Основные понятия. Класс Math. Использование математических функций


Тема 3.11. Написание сценариев JavaScript с использованием событий

События. Основные понятия. События мыши. События клавиатуры. События документа. События формы. Последовательность событий. Всплывание событий. Действия по умолчанию и их отмена. Написание обработчиков событий


Вопросы для самоконтроля:

  1. Основные понятия JavaScript

  2. Окна взаимодействия с пользователем

  3. Инициализация переменных

  4. Типы данных

  5. Преобразование типов

  6. Операторы

  7. Объявление и вызов функций

  8. Выполнение блоков кода только при соответствии условию

  9. Многократное выполнение блока кода

  10. Встроенные классы JavaScript

  11. События. Основные понятия


Практическая работа №8. Простые скрипты на JS

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №8. Простые скрипты на JS

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №9. Использование функций

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №10. Обработчики событий

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №11. Условный оператор IF

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №12. Условный оператор switch

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №13-14. Операторы циклов

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №15. Работа с датой и временем

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №16. Работа со строками

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Практическая работа №17. Решение задач

Цель занятия: решить задачи, используя синтаксис клиентского языка программирования JavaScript.

Объем: 2 часа


Литература:

  1. Прохоренок Н.А. - HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (Профессиональное программирование) - 2010

  2. Дронов. В. HTML.5. CSS.3 и Web 2.0. Разработка современных Web-сайтов. БХВ-Петербург, 2011


По итогам изучения раздела


Студенты должны знать:

  • Область применения JAVAScript.

  • Отладчики сценариев.

  • Основные понятия.

  • Принципы и структуру JAVA-скриптов

  • Функции и сценарии

  • Параметры функций

  • Объекты

  • Алгоритм работы операторов условия

  • Алгоритм работы циклов

  • Массивы

  • Регулярные выражения

Студенты должны уметь:

  • Подключать JS файлы

  • Применять функции и сценарии

  • Работать с операторами условий

  • Применять операторы цикла

  • Работать с массивами














Контроль и оценка учебных достижений


Вопросы к билетам на экзамен


  1. HTML . Основные понятия HTML, теги, атрибуты, структура

  2. HTML . Форматирование документа. Маркированные, нумерованные списки

  3. HTML . Использование графики. Создание гиперссылок, атрибуты

  4. HTML . Формы. Основные типы элементов <input>, их атрибуты

  5. HTML . Формы. Меню , поле для ввода текста , атрибуты

  6. HTML . Основные теги HTML. Блочная верстка

  7. CSS . Способы подключения css-стилей. Отступы, рамки

  8. CSS . Способы подключения css-стилей . CSS-свойства шрифта, CSS-свойства текста

  9. CSS . Способы подключения css-стилей. Фон элемента, списки

  10. CSS . Группировка селекторов, использование контекстных селекторов

  11. CSS . Регулярные классы, родовые классы

  12. CSS. Псевдоклассы, их использование для ссылок

  13. CSS. ID-классы, универсальный селектор, комментарии

  14. JavaScript. Основные понятия JavaScript. Взаимодействие с пользователем

  15. JavaScript. Способы размещения JavaScript-кода, обработчики событий

  16. JavaScript. Переменные, типы данных, операторы. Преобразование типов данных

  17. JavaScript. Функции, параметры. Объект math и его методы

  18. JavaScript. Объект math и его методы. Способы размещения JavaScript-кода

  19. JavaScript. Оператор условия IF, оператор выбора SWITCH. Переменные

  20. JavaScript. Циклы FOR, WHILE. Типы данных

  21. JavaScript. Объект Date, его методы. Преобразование типов данных

  22. JavaScript. Массивы. Оператор условия IF

  23. JavaScript. Работа со строками. Оператор выбора SWITCH

  24. JavaScript. Взаимодействие с пользователем. Переменные, типы данных

  25. JavaScript. Основные понятия JavaScript. Массивы


Задачи к билетам на экзамен


  1. Дан массив целых чисел с индексами от 0 до N, необходимо реализовать поиск числа A среди элементов массива. Выводим на экран номер найденного числа, иначе выводим строку ‘Not found’.

  2. Реализовать алгоритм. Дано два массива чисел с индексами от 0 до N, необходимо вывести на экран все числа, которые одновременно присутствуют в обоих массивах.

  3. Написать сценарий, который будет рассчитывать площадь прямоугольника по введенным пользователем длине и ширине

  4. Разместить на странице три квадрата, при щелчке по каждому должно появляться окно сообщений с указанием цвета квадрата, по которому щелкнули

  5. Разместить на странице четыре квадрата, при наведении по каждому должно появляться окно сообщений с указанием цвета квадрата, на который навели

  6. Разместить на странице список ягод, а при наведении мышкой на название ягоды, ее описание должно появляться в текстовом поле

  7. Написать сценарий, который считает площадь треугольника по формуле Герона

  8. Написать сценарий, который будет находить максимальное из трех введенных пользователем чисел, используя оператор условия IF, и выводить его на экран

  9. Написать сценарий, который будет находить максимальное из пяти введенных пользователем чисел, и выводить его на экран

  10. Написать сценарий, который будет находить минимальное из трех введенных пользователем чисел, используя оператор условия IF, и выводить его на экран

  11. Написать сценарий, который будет находить минимальное из пяти введенных пользователем чисел, и выводить его на экран

  12. Написать сценарий, который будет увеличивать размер картинки при наведении на нее

  13. Написать сценарий, который будет увеличивать размер картинки при щелчке на нее

  14. Написать сценарий, который будет менять картинку 1 на картинку 2 при наведении на нее, и при выходе за пределы картинки 2 менять ее обратно на картинку 1

  15. Написать сценарий, который будет предлагать пользователю 3 варианта размеров картинки. При щелчке на кнопку с размером, изменить в соответствии с ним исходный размер картинки

  16. Написать сценарий, который будет выводить прогноз погоды в зависимости от введенного дня недели

  17. Написать сценарий, который будет выводить название дня недели в зависимости от введенного номера от 1 до 7

  18. Написать сценарий, который будет выводить название месяца в зависимости от введенного номера от 1 до 12

  19. Написать сценарий, который будет определять текущее время и выводить его в формате "чч:мм:сс".

  20. Написать сценарий, который будет определять текущую дату и выводить ее в формате "число месяц год"

  21. Написать сценарий, который при загрузке страницы отобразит текущий день недели

  22. Написать сценарий, который при загрузке страницы отобразит текущий месяц

  23. Дан массив из 6 имен, написать сценарий, который будет узнавать, содержится ли в нем определенное имя

  24. Написать сценарий, который будет определять, сколько раз заданное слово встречается в определенном тексте.

  25. Написать сценарий, который будет складывать все числа от a до b, (где a и b будут вводиться пользователем) и отображать полученный результат



Термины и определения


Русский

Английский

Казахский















Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Автор
Дата добавления 12.02.2016
Раздел Другое
Подраздел Рабочие программы
Просмотров260
Номер материала ДВ-445805
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх