Перспективные языки веб-разработки

Курс посвящен теоретическим и практическим вопросам использования новых технологий веб-разработки, известных как HTML5.
Для всех
Записаться
Объём
36 час.
Длительность
30 дней
Нагрузка
6 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Учебный курс посвящен практическому применению современных технологий веб-разработки, объединенных понятием HTML5. В материалах изучаются новые мультимедийные возможности, создание изображений с помощью SVG, визуализация данных с использованием jQuery и библиотеки JIT. Особое внимание уделено работе с AJAX-приложениями, локальными хранилищами данных WebSQL и инструментарием WebMatrix для серверной разработки. Курс рассчитан на веб-разработчиков, желающих освоить передовые подходы к созданию интерактивных веб-приложений.
Цели
  • Раскрыть возможности технологий HTML5 и CSS3 для клиентской веб-разработки.
  • Сформировать понимание принципов визуализации данных и работы с графикой в браузере.
  • Научить применять современные JavaScript API и локальные хранилища данных.
Чему я научусь?
  • Использовать мультимедийные теги и возможности HTML5.
  • Создавать векторные изображения с помощью SVG и применять технологию WebGL.
  • Разрабатывать AJAX-приложения и работать с базами данных через WebSQL.

Авторы

Богданов Марат Робертович
Богданов Марат Робертович
Кандидат биологических наук, доцент ВАК, эксперт Национального информационно-аналитического центра РФ, эксперт Программы Фулбрайт в РФ.
Чему я научусь?
  • Использовать мультимедийные теги и возможности HTML5.
  • Создавать векторные изображения с помощью SVG и применять технологию WebGL.
  • Разрабатывать AJAX-приложения и работать с базами данных через WebSQL.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Обзор HTML 5 В лекции рассматриваются такие вопросы, как история создания нового стандарта языка гипертекстовой разметки, проблемы совместимости, принцип... В лекции рассматриваются такие вопросы, как история создания нового стандарта языка гипертекстовой разметки, проблемы совместимости, принцип приоритетности, взаимодействие с браузерами, отказ от подключаемых модулей. ещё
Обзор HTML 5 тест для курса Перспективные языки веб-разработки 40 мин
2 Новые мультимедийные возможности HTML 5 На практическом занятии учащиеся познакомятся с тегами и , разработают приложения для работы с аудио... На практическом занятии учащиеся познакомятся с тегами ещё
3 Новые возможности HTML 5 В лекции будут рассмотрены такие новинки языка гипертекстовой разметки, как: элемент Canvas (2D и 3D), спецификация... В лекции будут рассмотрены такие новинки языка гипертекстовой разметки, как: элемент Canvas (2D и 3D), спецификация Geolocation API, MathML, Scalable Vector Graphics (SVG). ещё
Новые возможности HTML 5 тест для курса Перспективные языки веб-разработки 40 мин
4 Разработка галереи изображений В ходе выполнения данной работы учащиеся познакомятся со способами создания галереи изображений.
5 Визуализация научных исследований Мультимедийные возможности HTML5 позволяют визуализировать многие физические, химические, биологические, социальные процессы… В ходе выполнения предлагаемого практического... Мультимедийные возможности HTML5 позволяют визуализировать многие физические, химические, биологические, социальные процессы… В ходе выполнения предлагаемого практического занятия учащиеся познакомятся с методами визуализации магнитных и гравитационных полей, поведения частиц жидкости, научатся строить дендрограммы, показывающие степень родства различных групп живых организмов. ещё
6 Создание изображений с помощью SVG На этом занятии учащиеся сравнят возможности технологии SVG (ScalableVectorGraphics - масштабируемая векторная графика) с AdobeFlash. Будут... На этом занятии учащиеся сравнят возможности технологии SVG (ScalableVectorGraphics - масштабируемая векторная графика) с AdobeFlash. Будут рассмотрены основные геометрические фигуры SVG, фильтры, градиенты и анимация. ещё
Создание изображений с помощью SVG тест для курса Перспективные языки веб-разработки 40 мин
7 Анализ данных (DataMining) В ходе выполнения предлагаемой работы учащиеся познакомятся с некоторыми способами визуализации данных.
8 Визуализации данных с помощью технологии jQuery На этом занятии мы познакомимся со способами создания диаграмм с помощью технологии jQuery.
9 Визуализации данных с помощью библиотекиJIT. Знакомство с JavaScript Object Notation (JSON) На этом занятии мы познакомимся со способами создания диаграмм с помощью библиотеки JIT.
10 Знакомство с CSS 3 В CSS 3 появилось много новых возможностей. В предлагаемой лекции будут некоторые из них, в частности:... В CSS 3 появилось много новых возможностей. В предлагаемой лекции будут некоторые из них, в частности: прокрутка изображений, визуальные эффекты с текстом, фильтры, трансформации, анимации, многоколоночный текст. ещё
Знакомство с CSS 3 тест для курса Перспективные языки веб-разработки 40 мин
11 Знакомство с технологией DeepZoomComposer На данном занятии мы познакомимся с технологией DeepZoomComposer, позволяющей работать с огромными изображениями в режиме реального... На данном занятии мы познакомимся с технологией DeepZoomComposer, позволяющей работать с огромными изображениями в режиме реального времени. ещё
12 Разработка AJAX-приложения В ходе выполнения данной работы учащиеся разработают AJAX-приложение, используя MSAjaxControlToolkit.
13 JavaScriptAPI Язык программирования JavaScript очень популярен при разработке веб-приложений, в частности, он используется в технологии AJAX. С... Язык программирования JavaScript очень популярен при разработке веб-приложений, в частности, он используется в технологии AJAX. С его помощью пишутся, также, программные интерфейсы для целого ряда приложений. Одним из примеров таких приложений являются картографические сервисы. Предлагаемая лекция посвящена использованию JavaScriptAPIдля доступа к картографическим сервисам Microsoft, ESRI, Google и Yahoo! ещё
JavaScriptAPI тест для курса Перспективные языки веб-разработки 40 мин
14 Знакомство с технологией LocalStorage В ходе выполнения данной работы учащиеся познакомятся с технологией локального хранения данных.
15 Знакомство с технологией WebSQL В ходе выполнения данной работы учащиеся познакомятся с технологией локального хранения данных.
16 Новые возможности MSInternetExplorer В новой версии браузера компании Microsoft изменился интерфейс, диспетчер загрузок и диспетчер настроек. Браузер IE использует... В новой версии браузера компании Microsoft изменился интерфейс, диспетчер загрузок и диспетчер настроек. Браузер IE использует возможности графического процессора для ускорения обработки мультимедийных элементов HTML5, в том числе звука и видео. Новый обработчик JavaScriptChakra обеспечивает более быструю загрузку веб-страниц со сценариями. Браузер потребляет меньше памяти и энергии, что позволяет добиться большей производительности и продлить время работы компьютера от батареи. Для обеспечения безопасности и конфиденциальности данных при работе в Интернете в InternetExplorer были добавлены функции защиты от отслеживания и фильтрации ActiveX. ещё
Новые возможности MSInternetExplorer тест для курса Перспективные языки веб-разработки 40 мин
17 Работа с базами данных с использованием MSASP.NETRazor В ходе выполнения данной работы мы создадим приложение, демонстрирующее возможности технологии Razor в области разработки клиентских... В ходе выполнения данной работы мы создадим приложение, демонстрирующее возможности технологии Razor в области разработки клиентских приложений баз данных. ещё
18 Знакомство с технологией WebGL В данном практическом занятии мы познакомимся с технологией WebGL.
19 Инструментарий WebMatrix для серверной разработки Это бесплатное средство разработки и сопровождения веб-приложений, представленное Microsoft. WebMatrix предлагает богатые возможности по работе с... Это бесплатное средство разработки и сопровождения веб-приложений, представленное Microsoft. WebMatrix предлагает богатые возможности по работе с исходным кодом и базами данных. WebMatrix предоставляет доступ к онлайн-галерее шаблонов популярных веб-приложений. ещё
Инструментарий WebMatrix для серверной разработки тест для курса Перспективные языки веб-разработки 40 мин
20 Знакомство с технологией WebKit В данном практическом занятии мы познакомимся с технологией WebKit.
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз.
Экзамен
^