Моделирование на Java Script

 

 

Внимание!

С 13.02.2017  *.js-файлы в списке запрещенных для пересылки в Gmail (даже в архивах .gz, .bz2, .zip, .tgz.)

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

Программы-вымогатели TeslaCrypt и Locky используют возможность запуска JavaScript непосредственно в Windows, а RAA полностью написана на JavaScript.

Другие блокируемые Gmail к пересылке файлы: ade, .adp, .bat, .chm, .cmd, .com, .cpl, .exe, .ins, .jar, .jse, .lib, .lnk, .mde, .msc, .msp, .mst, .pif, .scr, .sct, shb .sys, .vb, .vbe, .vbs, .vxd, .wsc, .wsf и .wsh...

Google предлагает облачную платформу (Google Drive, Google Could Storage или ...)

Вы можетете воспользоваться mail.brsu.by (логин: student, пароль: 24690274)

 kmp

 

 

  1. Познакомиться с материалом, материалом и материалом

  2. Для проверки выполнимости в браузере кода JavaScript скопировать в адресную строку
    javascript:alert('Орлова Ева приветствует ... ФИО')
    заменить ФИО своими собственными Фамилией Именем Отчеством и просмотреть результат (нажав
    Enter :)

    JavaScript выполняется на стороне клиента, адресная строка браузера может быть использована как консоль.

  3. Открыть страницу со скриптом, сохранить ее в своем каталоге под именем Фамилия-JS, познакомиться с ее кодом. Отредактировать код таким образом, чтобы в заголовке была Ваша фамилия (контейнер <title></title>), а модельное окно приветствовало Вас по Фамилии Имени Отчеству

 

Внимание! Некому искать ошибки, допущенные Вами при редактировании кода!

  • Редактируйте код малыми шагами, тестируя получаемый результат:

    • Выполнив небольшую редакцию кода, сохраните результат и проверьте работоспособность программы в браузере.

    • Если Вами допущена ошибка - редакцию можно отменить, ошибку легко найти и устранить.

    • Если все работает - переходите к следующей редакции кода.

  • Редактирование можно проводить в Блокноте, MS FrontPage или любом другом html-редакторе.

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

  • за курсором был текст с Вашими Фамилией Именем Отчеством

  • была изменен параметр "разряженности" текста за курсором
    строка8
     var gap = 15;

  • за курсором был цветной текст
    строка 26  txt+='<font color="black"><b>' + text[i-1] + '</b></font>';
    см. например здесь

  1. Скопировать отредактированный скрипт в код страницы Фамилия-JS (прямо под ее скриптом) и проверить работоспособность модельного окна и змейки за курсором.

  2. Открыть страницу с падающими снежинками, сохранить ее под именем Фамилия-snowflakes, просмотреть ее код. Отредактировать контейнер <title></title>, заменив в нем слово Snowflakes  на свою Фамилию. Открыть файл задающего снежинки скрипта (на странице с кодом, просмотреть его (в коде выделяется две части: 1) задание параметров (с kmp-комментариями) 2) неизменяемая в данной работе).
    Скрипт в данном случае оформлен как отдельный подключаемый файл, но мы будем его втавлять непосредственнов  код страницы)
    Удалить из кода страницы
    Фамилия-snowflakes  ссылку на внешний скрипт. Вставить в код страницы Фамилия-snowflakes код скрипта (задающего падение снежинок).

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

<script type="text/javascript" language="JavaScript">
сюда вставляется код скрипта
</script>

Сам контейнер можно поместить в любом месте тела страницы,
лучше непосредственно перед закрывающим тело страницы тегом
</body>

Отредактировать в коде скрипта параметры падения снежинок (установить снежинки 3 разных цветов, изменить скорость их падения, число снежинок на экране, установить для снежинок три разных шрифта, сами снежинки должны быть не в виде символа *, а в виде сочетания трех первых букв Ваших ФИО. Нужно получить что-то подобное (не тождественное!) образцу (для случая Орловой Евы Адамовны).

Для снежинок можно выбрать любые символы по их кодам: см., например, здесь (можно попробовать заменить  в строке var snowletter="*" символ * на &#9760; и проверить в браузере результат.

  1. Открыть страницу со скриптом, сохранить ее в своем каталоге и познакомиться с ее кодом.
    Обратить внимание на использование библиотеки
    jQuery и почитать о ней на странице
    см. ссылку на библиотеку: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    Заменить (в коде страницы Фамилия-JS) проявляющийся текст своим (это должны быть личные впечатления от JavaScript, содержащие Ваши Фамилию Имя Отчество)
    Проверить работоспособность скрипта (текст должен проявляться...)

    Скопировать отредактированный скрипт в код страницы Фамилия-JS (внимание! часть кода копируется в контейнер <head></head>, а часть (с появляющимся текстом) в контейнер <body></body>) и проверить работоспособность всех скриптов.

  2. Заменить внешнюю библиотеку jQuery локальной. Для этого:

  • скачать архив, распаковать его
    открыть файл библиотеки (jquery-3.1.1.min) в Блокноте и полюбоваться содержимым.

  • в коде соответствующего скрипта страницы Фамилия-JS заменить строку:
     
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

  • на строку:
    <script src="kmp/jquery-3.1.1.min.js"></script>
    папка kmp с библиотекой должна быть в том же каталоге, что и
    Фамилия-JS

  • переименовать папку с библиотекой из kmp в Фамилия (должна быть Ваша Фамилия)
    проверить работоспособность скрипта (текст не будет появляться)

  • отредактировать строку <script src="kmp/jquery-3.1.1.min.js"></script>, заменив в ней kmp на новое название папки
    проверить работоспособность скрипта (должен работать, если все сделали правильно).

  1. Посетить сервис, который построен на использовании фреймворка AngularJS и почитать о нем на странице
    Выполнить 2 (два!) задания (есть звуковое сопровождение, можно выбирать стихотворения (одно должно быть обязательно А.С. Пушкина, если Вы из БрГУ имени А.С. Пушкина). Сделать скриншоты с результатами, подписанные Вашей Фамилией (образец и образец)
    Фамилия1 и Фамилия2

  2. Познакомиться с материалом, Познакомиться с репозиторием сервиса и репозиторием стихов. Подумать о том, какое стихотворение какого поэта добавили бы Вы в репозиторий стихов (напишите об этом прямо в письме).

  3. Посетить ресурс (может замедленно грузиться...) и познакомиться с ним (обратите внимание на эффекты и реализацию интерактивности).
    Данный сервис построен на использовани
    и библиотеки JavaScript analytics.js, которая  позволяет отслеживать взаимодействия пользователей с сайтом. См. строку кода страницы: <script async src='https://www.google-analytics.com/analytics.js'></script>
    Подробнее о данной библиотеке здесь

  4. В разделе "Последний год поэта" найти интерактивный перечень его дуэлей. Узнать сколько было вызовов (от Пушкина и Пушкина), сколько дуэлей состоялось, что произошло в 1817 году... и в 1837...).

  5. Создать графический PNG-файл под именем Фамилия-2017 вида (должна быть ваша фамилия и вопросы с ответами)

  6. Отослать письмо с указанием, стоит ли нам продолжать работу с JavaScript (JS+ или JS-), отзывом о работе строго по форме об отзыве,  архивом (содержащим:

  • страница Фамилия-JS работающими скриптами)

  • страница Фамилия-snowflakes падающими разноцветными, разноразмерными, разногарнитурными ФИО)

  • каталог Фамилия с jquery-3.1.1.min.js

  • PNG-файлы Фамилия1 и Фамилия2

  • PNG-файл Фамилия-2017

 kmp