Опубликована: 19.03.2014 | Уровень: для всех | Стоимость: 490.00 руб. | Длительность: 14 дней
Данный курс ориентирован на начинающих разработчиков мобильных приложений.
Курс иллюстрирует основные возможности средств разработки в среде Visual Studio с применением технологии Apache Cordova и неотъемлемых от неё HTML5, CSS3 и JavaScript. Представлено использование возможностей ASP.NET для разработки серверных сценариев, обменивающихся данными с клиентскими приложениями. Курс посвящен вопросам разработки гибридных мобильных приложений для Windows Phone с применением технологии Apache Cordova. Первый раздел курса содержит обзор технологий и инструментов, используемых в разработке клиентской и серверной частей приложений: HTML5, ASP.NET, Visual Studio, WebMatrix, SQL Server, Windows Azure. Так как клиентская часть гибридного приложения для Windows Phone пишется на HTML5, в следующем разделе курса предлагается освежить знания учащихся в области HTML-разметки, таблиц стилей CSS3 и языка программирования JavaScript, применяя их для создания мобильных виджетов. Далее речь пойдет о средствах Apache Cordova для доступа к ресурсам мобильного устройства, таких как камера, акселерометр, компас и др., а также о средствах сохранения данных в хранилище мобильного устройства. Поскольку в гибридных приложениях происходит обмен данными между клиентской и серверной частями, далее рассматриваются средства управления процессом обмена данными между мобильным виджетом и веб-сервером. В заключительном разделе даны возможности технологии ASP.NET для создания серверных сценариев гибридных мобильных приложений.

План занятий

ЗанятиеЗаголовок <<Дата изучения
-
Лекция 1
40 минут
Особенности разработки гибридных мобильных приложений
Концепция гибридного приложения для мобильных устройств (Hybrid Mobile Apps), применение в одном решении клиентской и серверной разработки. История, архитектуры, технологии разработки, ориентированные на мобильные платформы. HTML5 и мобильные виджеты, преимущества и недостатки, производительность. Поддержка компанией Microsoft фреймворка Apache Cordova. Использование гибридных мобильных приложений в бизнесе, примеры готовых проектов.
Оглавление
    -
    Лекция 2
    48 минут
    Средства разработки серверных сценариев гибридных мобильных приложений под Windows Phone
    Технология ASP.NET. Особенности разработки мобильных веб-приложений. Средства разработки Visual Studio. Мобильные возможности WebForms, MVC и WebPages. WebForms или MVC? Среда разработки WebMatrix. Мобильные возможности WebMatrix. Средства сохранения данных на сервере. Ключевые возможности SQL Server Compact для мобильных приложений. Microsoft SQL Server Express, Standard, Business Intelligence, Enterprise Edition. Инфраструктура ASP.NET. Облака Windows Azure для гибридных мобильных приложений.
    Оглавление
      -
      Лекция 3
      24 минуты
      Разработка клиентских мобильных виджетов средствами Visual Studio с использованием Apache Cordova
      Средства Apache Cordova для разработки виджетов в Visual Studio. Объекты фреймворка Cordova для доступа к ресурсам мобильного устройства. Установка шаблона Cordova - проекта в Visual Studio. Структура папок шаблона. Создание и запуск проекта на эмуляторе Windows Phone и реальном устройстве. Архитектура одно- и многостраничных приложений.
      Оглавление
        -
        Тест 1
        27 минут
        -
        Практическая работа 1
        7 минут
        Начало работы с Apache Cordova в Visual Studio
        Разрабатывается простой мобильный виджет. Выполняется его запуск на реальном устройстве.
        Оглавление
          -
          Лекция 4
          50 минут
          Использование локального HTML5 контента на мобильном устройстве
          История языков разметки мобильных устройств, новые элементы языка HTML5. Теги, унаследованные от предыдущих версий, неподдерживаемые теги. Основная структура кода разметки для мобильных устройств. Разметка изображений. Основы работы с аудио- и видеоданными в языке HTML5. Текстовый ввод. Ссылки и гиперссылки. Ссылки для управления функциями мобильного устройства: телефонный звонок, отсылка SMS-сообщения, добавление контакта в список контактов. Пользовательские атрибуты данных. Приводятся результаты отладки HTML5 - разметки для локального контента с использованием эмулятора мобильного устройства Windows Phone.
          Оглавление
            -
            Практическая работа 2
            11 минут
            Средства HTML5 для работы с текстом и мультимедиа
            На этом занятии разрабатывается Cordova - проект под Windows Phone, использующий теги для работы с текстом, аудио- и видеороликами.
            Оглавление
              -
              Лекция 5
              28 минут
              Использование CSS в мобильных разработках
              Цель создания каскадных таблиц стилей для мобильных приложений. Версии CSS. Особенности спецификаций CSS3. Способы подключения CSS к документу. Анатомия таблиц стилей: селектор, свойство, значение. Форматирование элементов посредством классов. Идентификаторы и множественные селекторы. Каскадность стилей. Задание цвета в CSS и CSS3. Примеры форматирования страниц и их тестирования в эмуляторе мобильного устройства.
              Оглавление
                -
                Практическая работа 3
                6 минут
                Использование CSS в мобильных разработках для представления текстов и таблиц
                На этом занятии разрабатывается Cordova - проект, использующий таблицы стилей для текстов и таблиц.
                Оглавление
                  -
                  Лекция 6
                  29 минут
                  Использование CSS для форматирования интерактивных элементов управления в мобильных разработках
                  Интерактивные элементы HTML. Формы в мобильных приложениях. Надписи. Новые типы ввода данных в HTML5. Использование CSS для форматирования списков. Навигационные списки. Использование рисунков для навигации. Списки select. Форматирование переключателей, флажков и кнопок.
                  Оглавление
                    -
                    Тест 2
                    27 минут
                    -
                    Практическая работа 4
                    3 минуты
                    Использование CSS в мобильных разработках для представления интерактивных элементов управления
                    На этом занятии разрабатывается мобильный виджет, содержащий интерактивные элементы управления.
                    Оглавление
                      -
                      Лекция 7
                      38 минут
                      Использование локального JavaScript - контента на мобильном устройстве
                      Принципы создания локального JavaScript - контента на мобильном устройстве. Вставка JavaScript-кода в страницы HTML5. Пользовательские функции. Перемещение кода JavaScript в файл сценариев. Основные структуры языка JavaScript. Типы данных для переменных. Арифметические операции. Условные переходы. Циклы. Массивы. Объекты. События. Обработчики событий. Обработчик как свойство элемента. Прослушивание элементов методом addEventListner(). Примеры программ для мобильных устройств.
                      Оглавление
                        -
                        Практическая работа 5
                        11 минут
                        Использование JavaScript в мобильных разработках
                        На этом занятии разрабатывается Cordova - проект, содержащий простую JavaScript - функцию обработки события.
                        Оглавление
                          -
                          Лекция 8
                          36 минут
                          Использование объектной модели документа для манипулирования содержимым страницы мобильного виджета
                          Использование объектной модели документа DOM (Document Object Model). Работа DOM со страницей и с JavaScript. Наиболее употребляемые свойства объектов DOM. Примеры использования методов и свойств DOM для мобильных приложений. Canvas - холст для рисования в мобильных приложениях. Представление о сетке. Подготовка тега <canvas> к созданию рисунка. Разработка рисунка. Примеры использования <canvas> для мобильных приложений под Windows Phone.
                          Оглавление
                            -
                            Тест 3
                            24 минуты
                            -
                            Практическая работа 6
                            12 минут
                            Использование возможностей DOM в мобильных разработках
                            На этом занятии разрабатывается мобильный виджет с JavaScript - кодом, использующим свойства и методы объектной модели документа для представления графической информации. Демонстрируются возможности тега <canvas>.
                            Оглавление
                              -
                              Лекция 9
                              32 минуты
                              Использование возможностей HTML5 и Apache Cordova для доступа к ресурсам мобильного устройства
                              Использование средств HTML5 и Cordova для доступа к ресурсам мобильных устройств через набор API-интерфейсов JavaScript. Установка свойств манифеста приложения, которые позволяют разработчику под Windows Phone получить доступ к нативным функциям мобильного устройства. Управление плеером посредством JavaScript. Описание методов и свойств API геолокации. Разработка JavaScript - программы для определения своего местоположения. Отображение карты сервиса Google Maps. Использование Cordova - плагинов на примере объектов Camera и Compass.
                              Оглавление
                                -
                                Практическая работа 7
                                14 минут
                                Доступ к ресурсам мобильного устройства с использованием Cordova-плагинов
                                На этом занятии разрабатывается мобильный виджет с JavaScript - кодом, использующим Cordova - плагины для доступа к ресурсам мобильного утройства - аксерерометру и камере.
                                Оглавление
                                  -
                                  Лекция 10
                                  30 минут
                                  Работа с локальными данными, хранящимися в памяти мобильного устройства
                                  Средства сохранения данных в памяти мобильного устройства. API Web Storage: медоды и свойства. Контейнеры sessionStorage и localStorage. Проверка памяти. Сохранение и извлечение данных по ключу. Удаление данных по ключу и удаление всех данных. Отличия между временным и постоянным хранением. Работа с наборами данных. Примеры использования API в Cordova - приложениях для Windows Phone.
                                  Оглавление
                                    -
                                    Тест 4
                                    24 минуты
                                    -
                                    Практическая работа 8
                                    21 минута
                                    Работа с данными в памяти мобильного устройства
                                    На этом занятии разрабатывается мобильный виджет с временным и долговременным хранением данных непосредственно на мобильном устройстве с использованием контейнеров sessionStorage и localStorage. Виджет содержат фрагмент заказа товаров из виртуального магазина.
                                    Оглавление
                                      -
                                      Лекция 11
                                      27 минут
                                      Обмен данными между мобильным виджетом клиента и сервером
                                      Управление процессом обмена данными между мобильным виджетом Windows Phone и веб-сервером. Объект XMLHttpRequest. Методы для инициирования запроса и управления им. Методы GET и POST. Обращение к веб-серверу для получения данных. Свойства ответа сервера. Обращение к веб-серверу для отправки данных. Виртуальная форма FormData. Примеры приложений. Особенности тестирования.
                                      Оглавление
                                        -
                                        Практическая работа 9
                                        6 минут
                                        Обмен данными между клиентом и сервером
                                        Разрабатывается мобильный виджет, содержащий средства обмена данными между клиентским и серверным приложениями. Отладка выполняется на реальном мобильном устройстве.
                                        Оглавление
                                          -
                                          Лекция 12
                                          40 минут
                                          Разработка серверных сценариев гибридных мобильных приложений средствами ASP.NET
                                          Технология ASP.NET WebForms для разработки серверных сценариев. Преимущества использования. Инструменты Visual Studio создания веб-форм. Анализ созданной страницы. Тег атрибутов страницы @Page. Добавление текста на страницу. Элементы управления ASP.NET. Добавление в проект C#- кода для получения данных из запроса клиента и отправки клиенту сообщения. Коллекция Request. Получение данных от клиентского мобильного приложения Windows Phone посредством элементов управления формы.
                                          Оглавление
                                            -
                                            Практическая работа 10
                                            8 минут
                                            Разработка WebForm - серверного сценария гибридного мобильного приложения
                                            На этом занятии разрабатывается небольшой мобильный веб - сайт, принимающий запрос клиента и отвечающий на него.
                                            Оглавление
                                              -
                                              Лекция 13
                                              30 минут
                                              Организация доступа к базе данных SQL Server Compact в серверных сценариях гибридных мобильных приложений
                                              Информация, обрабатываемая серверным сценарием гибридного мобильного приложения. Доступ к базе данных средствами ADO.NET. Назначение элементов управления данными DataSource. Поддержка в SqlDataSource команд SELECT, UPDATE, INSERT, DELETE. Визуальные элементы управления привязки данных. Особенности SQL Server Compact. Создание базы данных из среды веб-проекта. Отображение информации базы данных в браузере мобильного устройства. Отправка данных клиенту. Добавление клиентских данных в базу данных на сервере. Использование средств C# для добавления данных.
                                              Оглавление
                                                -
                                                Тест 5
                                                27 минут
                                                -
                                                Практическая работа 11
                                                16 минут
                                                Разработка серверного сценария, использующего SQL Server Compact
                                                На этом занятии разрабатывается мобильный веб - сайт, принимающий данные от клиента и сохраняющий их в базе данных SQL Server Compact. Средствами C# программируется возможность удаления и изменения данных.
                                                Оглавление
                                                  -
                                                  5 часов
                                                  -