Опубликован: 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 минут
      Разработка web-страниц с помощью HTML 4.01
      Будут рассмотрены приемы создания web-страниц с помощью HTML 4.01.
      Оглавление
        -
        Тест 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 минуты
                Синтаксические основы JavaScript
                В данной лекции слушатели познакомятся с операторами ввода-вывода, условными операторами и операторами цикла языка JavaScript.
                Оглавление
                  -
                  Тест 5
                  21 минута
                  -
                  Лекция 8
                  15 минут
                  Математические функции, работа с датой и временем, массивы, ООП в JavaScript
                  Лекция посвящена работе с математическими функциями, датой и временем, рассматриваются вопросы, связанные с массивами. Лекция знакомит слушателей с созданием объектов в JavaScript.
                  Оглавление
                    -
                    Лекция 9
                    25 минут
                    Работа с объектами и элементами формы в JavaScript
                    Будут рассмотрены такие вопросы как создание объектов в JavaScript, а также доступ к свойствам элементов формы.
                    Оглавление
                      -
                      Тест 6
                      18 минут
                      -
                      Самостоятельная работа 2
                      11 минут
                      Отладка и профилирование JavaSсript с помощью инструментов разработчика в IE8
                      На занятии слушатели познакомятся со встроенным в IE8 отладчиком сценариев, с помощью которого можно пошагово запускать скрипты, проверять синтаксис сценариев, оценивать производительность сценариев.
                      Оглавление
                        -
                        Лекция 10
                        18 минут
                        Микроформаты
                        Ценность информации значительно повышается, если к ней добавить метаданные. Метаданные определенным образом характеризуют информацию (географические координаты, цена, отзывы покупателей и т.д.), структурируют ее, облегчают поиск. В качестве таких метаданных мы рассмотрим микроформаты.
                        Оглавление
                          -
                          Тест 7
                          18 минут
                          -
                          Самостоятельная работа 3
                          6 минут
                          -
                          Лекция 11
                          21 минута
                          Работа с XML в клиентской веб-разработке
                          Рассматривается язык расширенной разметки XML. XML не зависит от платформы, позволяет описывать данные со сложной структурой, позволяет снизить нагрузку на web-сервер. Для отображения содержимого файлов XML применяются таблицы стилей, а для обработки - программы-парсеры.
                          Оглавление
                            -
                            Лекция 12
                            33 минуты
                            Отображение содержимого XML-документов
                            Будут рассмотрены способы отображения содержимого XML-файлов с помощью элементов управления Xml, GridView и TreeView. Будет продемонстрирована возможность применения сразу двух XSLT-таблиц к одному XML-файлу.
                            Оглавление
                              -
                              Тест 8
                              18 минут
                              -
                              Самостоятельная работа 4
                              8 минут
                              -
                              Самостоятельная работа 5
                              9 минут
                              Спецификация OpenSearch. Создание визуального поиска в IE8
                              Слушатели освоят средства визуального поиска
                              Оглавление
                                -
                                Лекция 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 часов
                                                -
                                                Чуадум Шапда
                                                Чуадум Шапда
                                                Россия, Санкт Петербург
                                                Юрий Сысков
                                                Юрий Сысков
                                                Россия, Снежинск, СГФТА, 2005