Опубликована: 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 для создания серверных сценариев гибридных мобильных приложений.
План занятий
Занятие | Заголовок << | Дата изучения |
---|---|---|
- | ||
Лекция 140 минут | Особенности разработки гибридных мобильных приложений
Концепция гибридного приложения для мобильных устройств (Hybrid Mobile Apps), применение в одном решении клиентской и серверной разработки. История, архитектуры, технологии разработки, ориентированные на мобильные платформы. HTML5 и мобильные виджеты, преимущества и недостатки, производительность. Поддержка компанией Microsoft фреймворка Apache Cordova. Использование гибридных мобильных приложений в бизнесе, примеры готовых проектов.
Оглавление | - |
Лекция 248 минут | Средства разработки серверных сценариев гибридных мобильных приложений под 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 для гибридных мобильных приложений.
Оглавление | - |
Лекция 324 минуты | Разработка клиентских мобильных виджетов средствами Visual Studio с использованием Apache Cordova
Средства Apache Cordova для разработки виджетов в Visual Studio. Объекты фреймворка Cordova для доступа к ресурсам мобильного устройства. Установка шаблона Cordova - проекта в Visual Studio. Структура папок шаблона. Создание и запуск проекта на эмуляторе Windows Phone и реальном устройстве. Архитектура одно- и многостраничных приложений.
Оглавление | - |
Тест 127 минут | - | |
Практическая работа 17 минут | Начало работы с Apache Cordova в Visual Studio
Разрабатывается простой мобильный виджет. Выполняется его запуск на реальном устройстве.
Оглавление | - |
Лекция 450 минут | Использование локального HTML5 контента на мобильном устройстве
История языков разметки мобильных устройств, новые элементы языка HTML5. Теги, унаследованные от предыдущих версий, неподдерживаемые теги. Основная структура кода разметки для мобильных устройств. Разметка изображений. Основы работы с аудио- и видеоданными в языке HTML5. Текстовый ввод. Ссылки и гиперссылки. Ссылки для управления функциями мобильного устройства: телефонный звонок, отсылка SMS-сообщения, добавление контакта в список контактов. Пользовательские атрибуты данных. Приводятся результаты отладки HTML5 - разметки для локального контента с использованием эмулятора мобильного устройства Windows Phone.
Оглавление | - |
Практическая работа 211 минут | Средства HTML5 для работы с текстом и мультимедиа
На этом занятии разрабатывается Cordova - проект под Windows Phone, использующий теги для работы с текстом, аудио- и видеороликами.
Оглавление | - |
Лекция 528 минут | Использование CSS в мобильных разработках
Цель создания каскадных таблиц стилей для мобильных приложений. Версии CSS. Особенности спецификаций CSS3. Способы подключения CSS к документу. Анатомия таблиц стилей: селектор, свойство, значение. Форматирование элементов посредством классов. Идентификаторы и множественные селекторы. Каскадность стилей. Задание цвета в CSS и CSS3. Примеры форматирования страниц и их тестирования в эмуляторе мобильного устройства.
Оглавление | - |
Практическая работа 36 минут | Использование CSS в мобильных разработках для представления текстов и таблиц
На этом занятии разрабатывается Cordova - проект, использующий таблицы стилей для текстов и таблиц.
Оглавление | - |
Лекция 629 минут | Использование CSS для форматирования интерактивных элементов управления в мобильных разработках
Интерактивные элементы HTML. Формы в мобильных приложениях. Надписи. Новые типы ввода данных в HTML5. Использование CSS для форматирования списков. Навигационные списки. Использование рисунков для навигации. Списки select. Форматирование переключателей, флажков и кнопок.
Оглавление | - |
Тест 227 минут | - | |
Практическая работа 43 минуты | Использование CSS в мобильных разработках для представления интерактивных элементов управления
На этом занятии разрабатывается мобильный виджет, содержащий интерактивные элементы управления.
Оглавление | - |
Лекция 738 минут | Использование локального JavaScript - контента на мобильном устройстве
Принципы создания локального JavaScript - контента на мобильном устройстве. Вставка JavaScript-кода в страницы HTML5. Пользовательские функции. Перемещение кода JavaScript в файл сценариев. Основные структуры языка JavaScript. Типы данных для переменных. Арифметические операции. Условные переходы. Циклы. Массивы. Объекты. События. Обработчики событий. Обработчик как свойство элемента. Прослушивание элементов методом addEventListner(). Примеры программ для мобильных устройств.
Оглавление | - |
Практическая работа 511 минут | Использование JavaScript в мобильных разработках
На этом занятии разрабатывается Cordova - проект, содержащий простую JavaScript - функцию обработки события.
Оглавление | - |
Лекция 836 минут | Использование объектной модели документа для манипулирования содержимым страницы мобильного виджета
Использование объектной модели документа DOM (Document Object Model). Работа DOM со страницей и с JavaScript. Наиболее употребляемые свойства объектов DOM. Примеры использования методов и свойств DOM для мобильных приложений. Canvas - холст для рисования в мобильных приложениях. Представление о сетке. Подготовка тега <canvas> к созданию рисунка. Разработка рисунка. Примеры использования <canvas> для мобильных приложений под Windows Phone.
Оглавление | - |
Тест 324 минуты | - | |
Практическая работа 612 минут | Использование возможностей DOM в мобильных разработках
На этом занятии разрабатывается мобильный виджет с JavaScript - кодом, использующим свойства и методы объектной модели документа для представления графической информации. Демонстрируются возможности тега <canvas>.
Оглавление | - |
Лекция 932 минуты | Использование возможностей HTML5 и Apache Cordova для доступа к ресурсам мобильного устройства
Использование средств HTML5 и Cordova для доступа к ресурсам мобильных устройств через набор API-интерфейсов JavaScript. Установка свойств манифеста приложения, которые позволяют разработчику под Windows Phone получить доступ к нативным функциям мобильного устройства. Управление плеером посредством JavaScript. Описание методов и свойств API геолокации. Разработка JavaScript - программы для определения своего местоположения. Отображение карты сервиса Google Maps. Использование Cordova - плагинов на примере объектов Camera и Compass.
Оглавление | - |
Практическая работа 714 минут | Доступ к ресурсам мобильного устройства с использованием Cordova-плагинов
На этом занятии разрабатывается мобильный виджет с JavaScript - кодом, использующим Cordova - плагины для доступа к ресурсам мобильного утройства - аксерерометру и камере.
Оглавление | - |
Лекция 1030 минут | Работа с локальными данными, хранящимися в памяти мобильного устройства
Средства сохранения данных в памяти мобильного устройства. API Web Storage: медоды и свойства. Контейнеры sessionStorage и localStorage. Проверка памяти. Сохранение и извлечение данных по ключу. Удаление данных по ключу и удаление всех данных. Отличия между временным и постоянным хранением. Работа с наборами данных. Примеры использования API в Cordova - приложениях для Windows Phone.
Оглавление | - |
Тест 424 минуты | - | |
Практическая работа 821 минута | Работа с данными в памяти мобильного устройства
На этом занятии разрабатывается мобильный виджет с временным и долговременным хранением данных непосредственно на мобильном устройстве с использованием контейнеров sessionStorage и localStorage. Виджет содержат фрагмент заказа товаров из виртуального магазина.
Оглавление | - |
Лекция 1127 минут | Обмен данными между мобильным виджетом клиента и сервером
Управление процессом обмена данными между мобильным виджетом Windows Phone и веб-сервером. Объект XMLHttpRequest. Методы для инициирования запроса и управления им. Методы GET и POST. Обращение к веб-серверу для получения данных. Свойства ответа сервера. Обращение к веб-серверу для отправки данных. Виртуальная форма FormData. Примеры приложений. Особенности тестирования.
Оглавление | - |
Практическая работа 96 минут | Обмен данными между клиентом и сервером
Разрабатывается мобильный виджет, содержащий средства обмена данными между клиентским и серверным приложениями. Отладка выполняется на реальном мобильном устройстве.
Оглавление | - |
Лекция 1240 минут | Разработка серверных сценариев гибридных мобильных приложений средствами ASP.NET
Технология ASP.NET WebForms для разработки серверных сценариев. Преимущества использования. Инструменты Visual Studio создания веб-форм. Анализ созданной страницы. Тег атрибутов страницы @Page. Добавление текста на страницу. Элементы управления ASP.NET. Добавление в проект C#- кода для получения данных из запроса клиента и отправки клиенту сообщения. Коллекция Request. Получение данных от клиентского мобильного приложения Windows Phone посредством элементов управления формы.
Оглавление | - |
Практическая работа 108 минут | Разработка WebForm - серверного сценария гибридного мобильного приложения
На этом занятии разрабатывается небольшой мобильный веб - сайт, принимающий запрос клиента и отвечающий на него.
Оглавление | - |
Лекция 1330 минут | Организация доступа к базе данных SQL Server Compact в серверных сценариях гибридных мобильных приложений
Информация, обрабатываемая серверным сценарием гибридного мобильного приложения. Доступ к базе данных средствами ADO.NET. Назначение элементов управления данными DataSource. Поддержка в SqlDataSource команд SELECT, UPDATE, INSERT, DELETE. Визуальные элементы управления привязки данных. Особенности SQL Server Compact. Создание базы данных из среды веб-проекта. Отображение информации базы данных в браузере мобильного устройства. Отправка данных клиенту. Добавление клиентских данных в базу данных на сервере. Использование средств C# для добавления данных.
Оглавление | - |
Тест 527 минут | - | |
Практическая работа 1116 минут | Разработка серверного сценария, использующего SQL Server Compact
На этом занятии разрабатывается мобильный веб - сайт, принимающий данные от клиента и сохраняющий их в базе данных SQL Server Compact. Средствами C# программируется возможность удаления и изменения данных.
Оглавление | - |
5 часов | - |