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