Опубликован: 05.08.2010 | Уровень: для всех | Доступ: платный
Разработка клиентских приложений Web-сайтов Курс направлен на формирование у студентов навыков разработки клиентских приложений Web-сайтов. В процессе изучения курса слушатели познакомятся с HTML, CSS, JavaScript, микроформатами, XML, SilverLight, приобретут навыки разработки RIA-приложений и обеспечения безопасности web-сайтов.
В рамках курса, в первую очередь студенты получат теоретические знания о языке гипертекстовой разметки версии 4.01 и практические навыки разработки web-страниц. Далее, студенты познакомятся с каскадными таблицами стилей версии 2.1 и приобретут навыки применения внутренних и внешних CSS. Следующей темой будут объектные модели документа и браузера на примере MS IE8, а также объекты документа и их свойства и методы. Значительную часть курса планируется уделить языку Java Script: синтаксические основы, взаимодействие с объектной моделью, встроенные функции, скрипты во внешних файлах, технология AJAX. В рамках курса также рассмотрены расширения языка гипертекстовой разметки – микроформаты, позволяющие придавать смысл определенным объектам web-страницы.
Цель: Теоретическое и практическое комплексное рассмотрение современных клиентских технологий веб-разработки, применяемых для создания Интернет-сайтов.

Microsoft DreamSpark

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

Специальное предложение для студентов НОУ «ИНТУИТ».

 ...еще >>

План занятий

ЗанятиеЗаголовок <<Дата изучения
-
Лекция 1
25 минут
Разработка web-сайтов. Вводная лекция
Во вводной лекции приводятся сведения об основных этапах развития web-технологий. Слушатели знакомятся с основными понятиями, необходимыми для создания web-сайта. Обсуждаются подходы разных производителей программного обеспечения.
-
Тест 1
18 минут
-
Лекция 2
19 минут
HTML 4.01
В лекции прослеживается эволюция стандартов HTML до версии 4.01. Обсуждаются проблемы HTML, связанные с его недостаточной строгостью и пути их решения. Рассматривается структура web-страницы, в частности, раздел описания типа документа. Обсуждается будущее HTML.
-
Тест 2
18 минут
-
Лекция 3
17 минут
-
Тест 3
18 минут
-
Лекция 4
17 минут
О спецификации CSS 2.1
Современные web-страницы содержат сложное оформление, при этом желательно сохранять преемственность выбранного дизайнерского решения. CSS избавляют программиста от необходимости задавать внешний вид каждого элемента, позволяют разделить содержимое документа и его внешний вид.
-
Тест 4
18 минут
-
Лекция 5
16 минут
Работа с каскадными таблицами стилей
В этой лекции слушатели освоят приемы работы с каскадными таблицами стилей. Ознакомятся со способами связывания web-страниц с CSS, научатся применять единые правила форматирования сразу к нескольким тэгам, а также разных правил к одному и тому же тэгу. Будут рассмотрены такие аспекты использования CSS, как атрибуты id и классы.
-
Самостоятельная работа 1
11 минут
Отладка CSS с помощью инструментов разработчика в IE8
На практическом занятии будут рассмотрены методы отладки CSS, продемонстрирована возможность выборочной проверки атрибутов CSS, будет показан подход проверки CSS требованиям W3C-консорциума.
-
Лекция 6
14 минут
Введение в язык программирования JavaScript
В лекции слушатели познакомятся с одним из самых распространенных скриптовых языков - JavaScript, рассмотрят области применения языка, его достоинства и недостатки. Будут показаны варианты размещения кода, рассказано об интеграции JavaScript с другими технологиями.
-
Лекция 7
23 минуты
-
Тест 5
21 минута
-
Лекция 8
15 минут
Математические функции, работа с датой и временем, массивы, ООП в JavaScript
Лекция посвящена работе с математическими функциями, датой и временем, рассматриваются вопросы, связанные с массивами. Лекция знакомит слушателей с созданием объектов в JavaScript.
-
Лекция 9
25 минут
-
Тест 6
18 минут
-
Самостоятельная работа 2
11 минут
Отладка и профилирование JavaSсript с помощью инструментов разработчика в IE8
На занятии слушатели познакомятся со встроенным в IE8 отладчиком сценариев, с помощью которого можно пошагово запускать скрипты, проверять синтаксис сценариев, оценивать производительность сценариев.
-
Лекция 10
18 минут
Микроформаты
Ценность информации значительно повышается, если к ней добавить метаданные. Метаданные определенным образом характеризуют информацию (географические координаты, цена, отзывы покупателей и т.д.), структурируют ее, облегчают поиск. В качестве таких метаданных мы рассмотрим микроформаты.
-
Тест 7
18 минут
-
Самостоятельная работа 3
6 минут
-
Лекция 11
21 минута
Работа с XML в клиентской веб-разработке
Рассматривается язык расширенной разметки XML. XML не зависит от платформы, позволяет описывать данные со сложной структурой, позволяет снизить нагрузку на web-сервер. Для отображения содержимого файлов XML применяются таблицы стилей, а для обработки - программы-парсеры.
-
Лекция 12
33 минуты
-
Тест 8
18 минут
-
Самостоятельная работа 4
8 минут
-
Самостоятельная работа 5
9 минут
-
Лекция 13
25 минут
Безопасность в WEB-разработке
Лекция посвящена современным угрозам для web-приложений. Слушатели узнают о наиболее характерных уязвимостей web-приложений, а также о недавних хакерских атаках. Вместе с тем действия хакеров стимулируют адекватный ответ производителей ПО, в том числе Microsoft.
-
Самостоятельная работа 6
18 минут
Технологии безопасности в IE8 - XSS Filter, SmartScreen Filter, Data Execution Prevention
На этом практическом занятии слушатели познакомятся с основными угрозами для web-приложений (XSS, интернет-фишинг), а также с новыми решениями Microsoft, направленными на противодействие этим угрозам (XSS Filter, SmartScreen Filter, Data Execution Prevention).
-
Лекция 14
27 минут
RIA-приложения
Будут рассмотрены вопросы, связанные с разработкой насыщенных интернет-приложений. Будут изучены такие подходы как AJAX, Dojo Toolkit, Google Web Toolkit, Yahoo! Browser Plus, Google Gears, Silverlight.
-
Тест 9
18 минут
-
Самостоятельная работа 7
6 минут
Разработка видеоплеера на веб-странице на Silverlight
В процессе выполнения практического занятия слушатели научатся размещать видеоролик на web-странице с помощью Microsoft Expression Encoder 3.
-
Лекция 15
12 минут
Знакомство с AJAX-технологией
Мы создадим web-узел ASP.NET для демонстрации возможностей ASP.NET AJAX. Далее мы построим приложение, отображающее пять самых дорогих товаров из базы данных Northwind. Приложение использует элемент управления UpdatePanel для обновления меняющейся части страницы при обратной передаче.
-
Лекция 16
15 минут
Программное создание web-фрагментов, ускорителей и средств визуального поиска
Мы познакомимся с инструментом Microsoft Web Application Toolkit, позволяющим изучать технологии создания Web-фрагментов, ускорителей и визуальных средств поиска.
-
Тест 10
18 минут
-
Самостоятельная работа 8
9 минут
Создание графической коллекции на веб-странице на Deep Zoom и Silverlight
Практическое занятие посвящено созданию графической коллекции с помощью программы Deep Zoom Composer. Коллекция состоит из вложенных изображений, которые можно масштабировать в широких пределах. Программа позволяет организовывать слайд-шоу и осуществлять навигацию внутри коллекции.
-
Самостоятельная работа 9
24 минуты
Знакомство с JavaSсript
Рассматриваются такие синтаксические конструкции JavaScript, как переменные, массивы, циклы, условные операторы, математические функции. Иллюстрируются такие распространенные алгоритмы, как конкатенация строк, сортировка массивов, нахождение минимального и максимального значений.
-
5 часов
-
Светлана Шинакова
Светлана Шинакова
Россия, Ростов-на-Дону, Адыгейский государственный университет, 1995