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

Каким образом можно создать точку останова? Например, если в Лекции 8 в примере, который демонстрирует возможность <canvas> для работы с готовыми изображениями (последний в лекции) в цикле
for (i = 0; i < 3; i++) {
for (j = 0; j < 4; j++) {
sx = 300 * i; sy = 350 * j;
contextNow.drawImage(img, sx, sy);}
поставить точку останова, то при запуске отладки проекта точка становится пустой окружностью с сообщением: В настоящий момент попадание в точку останова не произойдет. Нет загруженных символов для этого документа. Как все-таки создать точку останова и пройти по шагам весь код?

Александр Бут-Гусаим
Александр Бут-Гусаим
Россия, Тула
Виктор Ефремов
Виктор Ефремов
Россия