20480 Программирование в HTML5 с JavaScript и CSS3 - для студентов

Цель курса:

Предоставить знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/JavaScript, познакомить с принципами создания программных компонентов и структур, используемых в приложениях на HTML5.

Для кого:

Для действующих студентов белорусских ВУЗов.
Количество часов
40
Продолжительность
10 занятий
Стоимость курса
60 BYN

Необходимая подготовка:

Курс предназначен для студентов, знакомых с основами синтаксиса HTML и пониманием базовых основ программирования (переменные, выражения, ветвления, циклы, функции) на любом языке программирования. Желательно знакомство с синтаксисом любого C-подобного языка программирования (C, C++, C#, Java, PHP, JavaScript и т.д.).

Режим и формат проведения:

Занятия проходят по ПН, СР, ПТ с 15:00 до 18:00 ONLINE.
Для прохождения курса необходим компьютер или ноутбук с выходом в интернет.

По окончании обучения студенты смогут:

  • Использовать Visual Studio 2012 для создания Windows Store и веб-приложений;
  • Описать новые функции HTML5, создавать страницы в стиле HTML5;
  • Добавлять интерактивные страницы HTML5 с использованием JavaScript;
  • Создавать формы HTML5, используя различные типы ввода, проверять вводимые пользователем данные с помощью атрибутов HTML5 и кода JavaScript;
  • Отправлять и получать данные удаленно с помощью объектов XMLHTTPRequest и метода ajax библиотеки jQuery; 
  • Настраивать стиль HTML5-страниц с помощью новых возможностей CSS3; 
  • Создавать структурированный и легкий в сопровождении код на JavaScript; 
  •  Использовать новые возможности JavaScript API в интерактивных веб-приложениях; 
  • Создавать веб-приложения поддерживающие хранение данных на стороне клиента (offline-режим);
  • Создавать веб-страницы HTML5, способные адаптироваться к различным видам устройств и форм-факторам; 
  • Выводить графику средствами HTML5, используя элементы Canvas и масштабируемую векторную графику SVG; 
  • Повысить удобство интерфейса пользователя, используя анимацию на страницах HTML5; 
  • Использовать новые возможности Web Sockets API для передачи и приема данных между веб-приложением и сервером; 
  • Сделать более эффективной работу приложений производящих длительные операции, используя Web Worker.
По окончанию обучения выдается сертификат компании Microsoft о прохождении обучения.

Преподаватель:

Ермоченко Сергей Александрович, сертифицированный тренер Microsoft, заведующий кафедрой прикладного и системного программирования Витебского государственного университета, к.физ.мат. наук.

Программа курса:

Модуль 1: Обзор HTML и CSS
Темы
  • Обзор HTML
  • Обзор CSS
  • Создание веб-приложений с помощью Visual Studio 2012
Лабораторная работа: Анализ приложения Contoso Conference
  • Пошаговое изучение приложения управления конференциями “Contoso Conference”
  • Анализ и модификация приложения
Модуль 2: Создание и стилизации HTML5 страниц
Темы
  • Создание страницы HTML5
  • Настройка стиля страницы HTML5 Лабораторная работа: Создание и стилизация страницы HTML5
  • Создание страницы HTML5
  • Настройка стиля страницы HTML5
Модуль 3: Введение в JavaScript
Темы 

  • Обзор синтаксиса JavaScript
  • Использование DOM в JavaScript
  • Введение в jQuery

Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript

  • Отображение данных
  • Обработка событий

 Модуль 4: Создание форм для сбора данных и проверки вводимых пользователем данных

Темы

  • Обзор форм и типов ввода
  • Проверка вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка вводимых пользователем данных с помощью JavaScript

 Лабораторная работа: Создание форм и проверка пользовательского ввода

  • Создание форм проверки вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка пользовательского ввода с помощью JavaScript

 Модуль 5. Взаимодействие с удаленным источником данных

Темы

  • Отправка и получение данных с помощью XMLHTTPRequest
  • Отправка и получение данных с помощью операций jQuery AJAX

 Лабораторная работа: Связь с удаленным источником данных

  • Получение данных
  • Сериализация и передача данных
  • Оптимизация кода с помощью метода ajax библиотеки jQuery

 Модуль 6. Моделирование с помощью HTML5 CSS3

Темы

  • Стилизация текста
  • Стилизация группы элементов
  • Селекторы CSS3
  • Использования графических эффектов CSS3

 Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3

  • Стилизация панели навигации
  • Стилизация заголовка страницы
  • Стилизация страницы “О приложении” (About)

 Модуль 7: Создание объектов с помощью JavaScript

Темы

  • Разработка структурированного кода на JavaScript
  • Создание собственных объектов
  • Расширение созданных/существующих объектов

Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)

  • Наследование объектов
  • Рефакторинг кода использующего объекты   

Заказать курс
Подождите немного, идет отправка ...