Керчь - КГМТУ ( КМТИ )
Loading Google Search
Google Scholar

Программирование на стороне клиента
(на языке Javascript)!

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

Cтуденты - будущие специалисты нетехнических ("зелёных") направлений (аква-, марикультура, экология), поэтому курс обучения можно было бы назвать "Программирование для непрограммистов".

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

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

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

Обязательные этапы, которые необходимо будет пройти в процессе освоения дисциплины:

  • изучается язык разметки гипертекста HTML с использованием стилей CSS – студенты учатся создавать пока ещё статические веб-страницы - электронные HTML-документы, в среде которых далее будут выполняться программы на языке Javascript;
  • изучаются основы программирования (на примере языка Javascript);
  • с учётом полученных навыков программирования осваиваются приёмы превращения статических HTML-документов в динамические - студенты учатся отображать результаты работы программ в рамках объектной модели документа (DOM);
  • осваиваются возможности программирования для решения типовых задач вычислительной математики, встречающихся в инженерной практике по избранной специальности.

Успехов!

Программа обучения

Темы лекций

  1. "Основные понятия о технологиях Сети";
  2. "Гипертекстовые документы (HTML+CSS)";
  3. "Основы программирования";
  4. "Создание динамических документов";
  5. "Работа с формами";
  6. "Программирование задач вычислительной математики";

Задания к лабораторным работам

  1. "Начальные навыки работы на ПК в Сети";
  2. "Работа с офисными приложениями";
  3. "Основные понятия о технологиях Сети";
  4. "Гипертекстовые документы и основы сайтостроения";
  5. "Основы программирования";
  6. "Создание динамических документов";
  7. "Работа с формами";
  8. "Моделирование последовательности равномерно распределённых псевдослучайных чисел";
  9. "Моделирование последовательности псевдослучайных чисел с заданным законом распределения";
  10. "Моделирование динамики численности популяций".

Задания к контрольным работам для студентов 2011-го года поступления

  1. Контрольная работа №2. Основы программирования на языке Javascript

Задания к контрольным работам для студентов 2012-го года поступления

  1. Контрольная работа №1. Основы программирования на языке Javascript
  2. Контрольные вопросы к контрольной работе №1.

Задания к контрольным работам для студентов 2013-го года поступления

  1. Контрольная работа №1. Основы программирования на языке Javascript
  2. Контрольные вопросы к контрольной работе №1.

Задания по дисциплине "Теория алгоритмов"

  1. Работа №1. Тема "Основные алгоритмические конструкции"
  2. Работа №2. Тема "Объектная модель документа, формы и алгоритмы."
  3. Работа №3. Тема "Алгоритмы на примере задач моделирования равномерно распределённых псевдослучайных последовательностей."
  4. Работа №4. Тема "Задачи по составлению алгоритмов и структуры данных с использованием одномерных массивов."
  5. Работа №5. Тема "Задачи по составлению алгоритмов и структур данных с использованием двумерных массивов."
  6. Работа №6. Тема "Задачи по составлению алгоритмов и структур данных с использованием двумерных массивов повышенной сложности."

Задания по дисциплине "Технология разработки программного обеспечения"

  1. Работа №1. Тема "Архитектура ПО. Понятие архитектуры. Императивная (объектно-ориентированная, ООП) и декларативная (функциональная, ФП) парадигмы программирования. Введение в ФП."
  2. Работа №2. Тема "Основы объектно-ориентированного программирования. Введение в ООП на примерах."

Примеры

HTML и CSS

Основы программирования. Первые программы.

Основы программирования. Данные, переменные и константы.

Основы программирования. Массивы.

Основы программирования. Операции, операторы и выражения.

Основы программирования. Операторы управления вычислительным процессом.

Основы программирования. События и функции.

Основы программирования. Объекты в Javascript.

Создание динамических документов с использованием DHTML.

Работа с формами.

Теория алгоритмов (группа 31)

Технология разработки ПО (группа 41)

Решение задач вычислительной математики:

Web2-картография:

Студенты

  1. 10КМК179 - Березовская Дарья Сергеевна.
  2. 10КМК180 - Вернигор Ольга Николаевна.
  3. 10КМК181 - Гунько Виктория Васильевна.
  4. 10КМК182 - Дубовская Юлия Олеговна.
  5. 10КМК183 - Дудка Никита Владимирович.
  6. 10КМК184 - Жаворонкова Ольга Дмитриевна.
  7. 10КМК185 - Лазаренко Дмитрий Вячеславович.
  8. 10КМК186 - Медведева Илона Валерьевна.
  9. 10КМК187 - Охрименко Юля Олеговна.
  10. 10КМК188 - Попова Надежда Игоревна.
  11. 10КМК189 - Порошина Анастасия Анатольевна.
  12. 10КМК190 - Савчук Марина Михайловна.
  13. 10КМК191 - Супрун Антонина Петровна.
  14. 10КМК192 - Тимовская Татьяна Сергеевна.
  15. 10КМК193 - Чаркин Марк Маркович.
  16. 10КМК194 - Чачашвили Ираклий Шалвович.
  17. 10КМК195 - Щагин Евгений Владимирович.
  18. 10КМК000 - Петров Иван Петрович.

  19. 10ГЕ1179 - Альбиев Ремзи.
  20. 10ГЕ1180 - Андрюкова Лена.
  21. 10ГЕ1181 - Баласанян Алик.
  22. 10ГЕ1182 - Белоусова Наташа.
  23. 10ГЕ1183 - Васильева Алла.
  24. 10ГЕ1184 - Грищенко Алексей.
  25. 10ГЕ1185 - Данильченко Яна.
  26. 10ГЕ1186 - Калашникова Катя.
  27. 10ГЕ1187 - Комок Владимир.
  28. 10ГЕ1188 - Корчак Ксения.
  29. 10ГЕ1189 - Кузьмичёва Алина.
  30. 10ГЕ1190 - Кузёнкина Марина.
  31. 10ГЕ1191 - Макаров Сергей.
  32. 10ГЕ1192 - Новаковская Алёна.
  33. 10ГЕ1193 - Сейтоплаев Дилявер.
  34. 10ГЕ1194 - Синькова Катя.
  35. 10ГЕ1195 - Стариков Сергей.
  36. 10ГЕ1196 - Черкасова Ксения.
  37. 10ГЕ1197 - Юнусова Эльмира.
  38. 10ge1000 - Сидоров Иван Петрович.

  39. 11kmk201 - Алхасов Ренат Адильевич.
  40. 11kmk202 - Бухалова Кристина Сергеевна.
  41. 11kmk203 - Зотиков Семён Фёдорович.
  42. 11kmk204 - Коновалова Наталья Олеговна.
  43. 11kmk205 - Корецкий Владимир Сергеевич.
  44. 11kmk206 - Менарсланов Эскандер Бекмамбетович.
  45. 11kmk207 - Мерзликин Сергей Александрович.
  46. 11kmk208 - Пономаренко Юлия Александровна.
  47. 11kmk209 - Смирнов Кирилл Львович.
  48. 11kmk210 - Федюкин Дмитрий Игоревич.
  49. 11kmk211 - Яшин Вячеслав.

  50. 11kmk002 - Брода Мирослав Анатольевич.
  51. 12kmk003 - Галкин Виталий Витальевич.
  52. 12kmk004 - Годова Анастасия Дмитриевна.
  53. 12kmk005 - Дач Кристина Николаевна.
  54. 12kmk006 - Демьяненко Лариса Игоревна.
  55. 12kmk007 - Дорошенко Татьяна Васильевна.
  56. 12kmk008 - Желтенко Анастасия Андреевна.
  57. 12kmk009 - Зизяк Анастасия Сергеевна.
  58. 12kmk010 - Козлов Виктор Евгеньевич.
  59. 12kmk011 - Кононенко Татьяна Николаевна.
  60. 12kmk012 - Овчарик Виолетта Геннадиевна.
  61. 12kmk013 - Пындык Денис Эдуардович.
  62. 12kmk014 - Пивинская Елизавета Дмитриевна.
  63. 12kmk015 - Сазонова Ирина Александровна.
  64. 12kmk016 - Троян Виктория Олеговна.
  65. 12kmk017 - Цвях Ксенния Васильевна.
  66. 12kmk018 - Чакиров Сервер Рефатович.
  67. 12kmk019 - Щерба Анна Викторовна.
  68. 12kmk020 - Яшина Виктория Николаевна.
  69. 12kmk021 - Яшин Вячеслав Николаевич.

  70. 13kmk150 - Белоус Ксения Андреевна.
  71. 13kmk151 - Борисовская Александра Александровна.
  72. 13kmk152 - Бруенков Руслан Вадимович.
  73. 13kmk153 - Виничук Олег Евгеньевич.
  74. 13kmk154 - Вислоушкина Александра Сергеевна.
  75. 13kmk155 - Горбенко Валерия Александровна.
  76. 13kmk157 - Дурново Мария Александровна.
  77. 13kmk159 - Капелюшная Ольга Юрьевна.
  78. 13kmk160 - Левинцова Дарья Михайловна.
  79. 13kmk161 - Пархоменко Александр Алексеевич.
  80. 13kmk163 - Руденко Алина Игоревна.
  81. 13kmk164 - Соболевская Светлана Вячеславовна.
  82. 13kmk165 - Черток Алина Игоревна.
  83. 13kmk166 - Яцун Анастасия Григорьевна.
  84. 13kmk156 - Дерюгина Екатерина Олеговна.
  85. 13kmk158 - Какурин Антон Анатольевич.
  86. 13kmk162 - Радаева Валерия Владимировна.

Лекция №2 "Гипертекстовые документы (HTML+CSS)"

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

Подтемы лекции:

Лабораторная работа №1 "Начальные навыки работы на ПК в Сети"

Цель работы: вспомнить основные навыки работы с компьютером, необходимые для обучения по дисциплине «ВТ и программирование» и организовать свою работу так, чтобы дальнейшее обучение было максимально эффективным.

Задачи:

  1. ознакомление с расположением учебных материалов;
  2. основные сведения об операционной системе на основе Linux (Ubuntu, Linux Mint);
  3. освоение работы с файловым менеджером Nautilus (Caja), организация дерева каталогов;
  4. освоение работы с редактором простого текста Gedit (Pluma), создание текстового файла;
  5. освоение работы с браузером и редактором для создания и редактирования HTML-документов, ;
  6. освоение разметки текста простейшими тэгами языка HTML;
  7. ответы на контрольные вопросы в виде простейшего HTML-документа.

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №1:

Лабораторная работа №2 "Работа с офисными приложениями"

Цель работы: закрепить навыки использования офисных приложений для выполнения расчётов и отображения результатов в табличной и графической формах.

Задачи:

  1. освоить навыки вычислений с помощью электронных таблиц;
  2. научиться создавать отчёты о проделанной работе с использованием текстового и графического редакторов.
  3. ответы на контрольные вопросы.

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №2:

Лабораторная работа №3 "Основные понятия о технологиях Сети"

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

Задачи:

  1. создать простейший сайт из пяти страниц;
  2. на примере простейшего сайта закрепить навыки построения абсолютных и относительных ссылок;
  3. освоить принципы отображения статической информации с помощью HTML
  4. закрепить знания по теме, ответив на вопросы для самоконтроля, с отображением ответов в Сети на одной из страниц своего простейшего сайта.

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №3:

Лабораторная работа №4 "Гипертекстовые документы и основы сайтостроения"

Цель работы: усвоить принципы и освоить навыки создания среды средствами HTML и CSS, в которой выполняются программы и отображаются результаты их выполнения.

Задачи:

В результате выполнения лабораторной работы студенту необходимо развить свой персональный сайт, созданный в предыдущей лабораторной работе, который теперь должен состоять, как минимум из четырёх страниц: главной, «О себе», «Список выполненных лабораторных работ», «Лабораторная работа No1»÷«Лабораторная работа No3». Страницы должны содержать основные блоки одноколоночного макета.

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №4:

Лабораторная работа №5 "Основы программирования"

Цель работы: освоить ...

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №5:

Лабораторная работа №6 "Создание динамических документов"

Цель работы: освоить ...

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №6:

Лабораторная работа №7 "Работа с формами"

Цель работы: освоить ...

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №7:

Лабораторная работа №8 "Моделирование последовательности равномерно распределённых псевдослучайных чисел"

Цель работы: Освоить принципы моделирования равномерно распределённых псевдослучайных целых чисел.

Задачи - написать программу в виде html-документа со скриптами на языке Javascript:

1) генерирующую последовательность равномерно распределённых псевдослучайных целых чисел на заданном интервале [a, b];

2) выводящую сгенерированную последовательность в числовом и графическом видах;

3) формирующую и выводящую для визуального анализа последовательности: тест-квадрат и автокоррелограмму.

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №8:

Примеры оформления html-документа с выполненной лабораторной работой можно посмотреть на сайтах студентов прошлых лет, например, на сайте Яшина Вячеслава.

Лабораторная работа №9 "Моделирование последовательности псевдослучайных чисел с заданным законом распределения"

Цель работы: освоить ...

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №9:

Лабораторная работа №10 "Моделирование динамики численности популяций"

Цель работы: освоить ...

Ниже расположена ссылка на pdf-файл с методическими указаниями к лабораторной работе №10: