Тренинговым компаниям: Добавить тренингВойти
TRN.ua
тренинг

20480. Программирование в HTML5 с JavaScript и CSS3. Programming in HTML5 with JavaScript and CSS3

Организатор:
Акцент профи, учебный центр
Продолжительность: 40 часов
Документ об окончании: сертификат
Дата и место проведения:
03.09.18 - 07.09.18, начало в 10:00
Киев, ул.Николая Шпака,3

Целевая аудитория

Курс предназначен для разработчиков с опытом более 6 месяцев, желающих изучить принципы создания приложений на HTML5 с JavaScript и CSS3, развить навыки разработки веб-приложений под IE10 и Windows Store.

Цель мероприятия

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

Программа

Модуль 1. Обзор HTML и CSS 

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

Модуль 2. Создание и стилизации HTML5 страниц 

  • Создание страницы HTML5
  • Настройка стиля страницы HTML5
  • Лабораторная работа: Создание и стилизация страницы HTML5
    • Создание страницы HTML5
    • Настройка стиля страницы HTML5
  • По окончании этого модуля Вы будете уметь:
    • Создавать страницы с помощью новых функций HTML5
    • Применять стили CSS3 к элементам страницы HTML5

Модуль 3. Введение в JavaScript 

  • Обзор синтаксиса JavaScript
  • Использование DOM в JavaScript
  • Введение в jQuery
  • Лабораторная работа: Отображение данных и обработка событий с помощью JavaScript
    • Отображение данных
    • Обработка событий
  • По окончании этого модуля Вы будете уметь:
    • Описать синтаксис JavaScript и его использование в HTML5
    • Использовать JavaScript для управления DOM и обработкой событий
    • Описать использование библиотеки jQuery для упрощения кода на JavaScript

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

  • Обзор форм и типов ввода
  • Проверка вводимых пользователем данных с помощью атрибутов HTML5
  • Проверка вводимых пользователем данных с помощью JavaScript
  • Лабораторная работа: Создание форм и проверка пользовательского ввода
    • Создание форм проверки вводимых пользователем данных с помощью атрибутов HTML5
    • Проверка пользовательского ввода с помощью JavaScript
  • По окончании этого модуля Вы будете уметь:
    • Создавать формы, использующие новые элементы ввода HTML5
    • Проверять пользовательский ввод и обеспечивать обратную связь с помощью новых атрибутов HTML5
    • Писать код JavaScript для проверки пользовательского ввода и обеспечивать обратную связь в случаях, когда атрибуты HTML5 не годятся

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

  • Отправка и получение данных с помощью XMLHTTPRequest
  • Отправка и получение данных с помощью операций jQuery AJAX
  • Лабораторная работа: Связь с удаленным источником данных
    • Получение данных
    • Сериализация и передача данных
    • Оптимизация кода с помощью метода ajax библиотеки jQuery
  • По окончании этого модуля Вы будете уметь:
    • Отправлять и получать данные с помощью объектов XMLHTTPRequest
    • Оптимизировать код для получения и передачи данных метод ajax библиотеки jQuery

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

  • Стилизация текста
  • Стилизация группы элементов
  • Селекторы CSS3
  • Использования графических эффектов CSS3
  • Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3
    • Стилизация панели навигации
    • Стилизация заголовка страницы
    • Стилизация страницы “О приложении” (About)
  • По окончании этого модуля Вы будете уметь:
    • Стилизовать элементы текста на странице HTML5, используя CSS3
    • Применять стили для групп элементов с помощью CSS3
    • Использовать селекторы CSS3 для отбора стилизуемых элементов
    • Реализовывать графические эффекты и преобразования (transformations) с помощью новых свойств CSS3

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

  • Разработка структурированного кода на JavaScript
  • Создание собственных объектов
  • Расширение созданных/существующих объектов
  • Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)
    • Наследование объектов
    • Рефакторинг кода использующего объекты
  • По окончании этого модуля Вы будете уметь:
    • Описать преимущества структурированного кода JavaScript
    • Применять передовой опыт для создания пользовательских объектов средствами JavaScript
    • Описать, как можно надстроить логику пользовательских и встроенных объектов

Модуль 8. Создание интерактивных страниц с помощью HTML5 

  • Взаимодействие с файлами
  • Использование мультимедиа
  • Реагирование на дислокацию и контекст обозревателя
  • Отладка и профилирование веб-приложений
  • Лабораторная работа: Создание интерактивных страниц с помощью HTML5
    • Внедрение видео
    • Внедрение изображений
    • Использование API геолокации
  • По окончании этого модуля Вы будете уметь:
    • Использовать технологию Drag and Drop и API для взаимодействия с файлами (File API)
    • Использовать элементы аудио и видео
    • Определить местоположение пользователя, запустившего Веб-приложение, с помощью API геолокации
    • Отлаживать и персонифицировать Веб-приложения, используя Web Timing API и Internet Explorer Developer Tools

Модуль 9. Использование возможностей хранения данных на стороне клиента 

  • Локальное чтение и запись данных
  • Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения
  • Лабораторная работа: Добавление сохранения данных на стороне клиента (offline-режим)
    • Реализация кэша приложения
    • Реализация локального хранилища
  • По окончании этого модуля Вы будете уметь:
    • Сохранять и восстанавливать данные на компьютере пользователя с помощью Local Storage API
    • Обеспечение сохранения данных на стороне клиента с помощью Application Cache API

Модуль 10. Реализация адаптивного интерфейса пользователя 

  • Поддержка различных форм-факторов
  • Создание адаптивного пользовательского интерфейса
  • Лабораторная работа: Реализация адаптивного интерфейса пользователя
    • Создание шаблона страницы пригодного для вывода на печать
    • Адаптация макета страницы к различным форм-факторам
  • По окончании этого модуля Вы будете уметь:
    • Научить приложение определять возможности устройств и адаптироваться к форм-факторам
    • Создавать веб-страницы, способные динамически адаптироваться, чтобы соответствовать различным форм-факторам

Модуль 11. Использование графики 

  • Создание векторной графики с помощью библиотеки SVG
  • Программное создание графики с помощью элемента Canvas
  • Лабораторная работа: Настройка расширенной графики
    • Создание интерактивной карты с использование средств векторной графики
    • Создание беджа докладчика (Speaker Badge) с помощью элемента Canvas
  • По окончании этого модуля Вы будете уметь:
    • Использовать векторную графику для создания интерактивных приложений
    • Рисовать сложные графические элементы на базе Canvas с помощью JavaScript

Модуль 12. Анимация интерфейса пользователя 

  • Применение переходов (transitions) CSS
  • Преобразование (transformations) элементов
  • Использование покадровой CSS анимации
  • Лабораторная работа: Анимация элементов пользовательского интерфейса
    • Создание переходов для анимации пользовательского интерфейса
    • Применение покадровой анимации
  • По окончании этого модуля Вы будете уметь:
    • Применить переходы CSS к элементам HTML5, управлять переходом через JavaScript
    • Описать различные типы 2D и 3D переходов, доступные с CSS3
    • Реализовать сложную покадровую анимацию с помощью CSS и кода JavaScript

Модуль 13. Реализация двунаправленного обмена сообщениями с использованием Web Sockets 

  • Введение в Web Sockets
  • Отправка и получение данных с помощью Web Sockets
  • Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets
    • Получение данных через Web Sockets
    • Отправка данных в Web Sockets
    • Передача разных типов сообщений через Web Sockets
  • По окончании этого модуля Вы будете уметь:
    • Описать, как работают Web Sockets, как происходит передача и прием сообщений
    • Использовать Web Socket API на JavaScript для подключения к серверу, отправки и получении данных и обработки событий, связанных с отправкой или получением сообщений

Модуль 14. Использование Web Workers 

  • Введение в Web Workers
  • Выполнение асинхронной обработки с помощью Web Workers
  • Лабораторная работа: Создание Web Workers
    • Повышение эффективности использования приложений посредством Web Workers
    • Обеспечение обратной связи с пользователями во время выполнения длительных операций
  • По окончании этого модуля Вы будете уметь:
    • Описать назначение Web Workers их использование для асинхронной обработки
    • Создавать, запускать и проводить мониторинг Web Worker из JavaScript при помощи Web Worker API

Дополнительная информация

http://www.akcent-pro.com/courses/microsoft-visual-studio-2012/20480/?sphrase_id=26994

Контактная информация
Компания: Контактное лицо:
Ирина
Телефон:
(044) 537-11-71 Показать
Добавить комментарий
Ваше имя, компания:
Комментарий:
не более 1000 символов (введено: 0)
Эл. почта:
Проверочный код:
5 английских букв:
 или Отменить
Другие тренинги в категориях: Банк, финансы, Информационные технологии, IT, Управление персоналом, HR
Партнеры сайта
4 тренера, 9 новостей, 9 статей
TRN.ua
Главная страница
Обратная связь
Помощь
Отправить страницу другу
Тренинговым компаниям
Тренинги и семинары
Тренинговые компании
Тренеры
Новости
Статьи
Услуги сайта
Статистика сайта
О проекте
Контакты
Условия использования
© TRN.ua — тренинги в Украине.
Сделано в компании «Реактор».