Теория и практика разработки современных клиентских веб-приложений

В рамках курса рассматриваются теоретические и практические аспекты технологий разработки современных клиентских веб-приложений, в том числе насыщенных (RIA) приложений, а также вопросы, связанные c безопасностью и улучшением usability в клиентских приложениях (на примере MS Internet Explorer 8).
Для всех
Записаться
Объём
36 час.
Длительность
30 дней
Нагрузка
6 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Этот учебный курс посвящен всестороннему изучению теоретических и практических аспектов разработки современных клиентских веб-приложений, включая создание насыщенных интернет-приложений (RIA). Подробно рассматриваются вопросы, связанные с обеспечением безопасности и повышением удобства использования (usability) клиентских веб-интерфейсов, с акцентом на актуальные подходы и технологии. Материал будет ценен разработчикам, стремящимся освоить создание функциональных, безопасных и удобных веб-приложений, а также специалистам по веб-безопасности и UX/UI, желающим углубить свои профессиональные компетенции в этой динамичной области.
Цели
  • Сформировать глубокое понимание структуры веб-технологий и принципов создания клиентских веб-приложений.
  • Развить компетенции в применении HTML, CSS и JavaScript для разработки интерактивных пользовательских интерфейсов.
  • Научить анализировать и внедрять методы обеспечения безопасности и улучшения удобства использования в веб-приложениях.
  • Помочь освоить технологии разработки насыщенных интернет-приложений (RIA) и интеграции с облачными сервисами.
Чему я научусь?
  • Разрабатывать структуру и стиль веб-страниц с помощью HTML и CSS.
  • Использовать JavaScript для создания динамического контента, программного взаимодействия с DOM API и обработки регулярных выражений.
  • Применять AJAX для построения асинхронных клиентских приложений.
  • Определять и устранять уязвимости в веб-приложениях, внедряя эффективные меры безопасности.
  • Создавать насыщенные интернет-приложения, используя современные фреймворки и технологии, такие как Silverlight и XAML.

Авторы

Сычев Александр Васильевич
Сычев Александр Васильевич
Кандидат физико-математических наук, доцент кафедры информационных систем факультета компьютерных наук Воронежского госуниверситета.
Чему я научусь?
  • Разрабатывать структуру и стиль веб-страниц с помощью HTML и CSS.
  • Использовать JavaScript для создания динамического контента, программного взаимодействия с DOM API и обработки регулярных выражений.
  • Применять AJAX для построения асинхронных клиентских приложений.
  • Определять и устранять уязвимости в веб-приложениях, внедряя эффективные меры безопасности.
  • Создавать насыщенные интернет-приложения, используя современные фреймворки и технологии, такие как Silverlight и XAML.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Введение. Структура веб-технологий Показывается, каким образом в веб-технологиях реализуются общие принципы клиент-серверных технологий и рассматриваются ключевые элементы базового протокола... Показывается, каким образом в веб-технологиях реализуются общие принципы клиент-серверных технологий и рассматриваются ключевые элементы базового протокола HTTP. ещё
Введение. Структура веб-технологий тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
2 Язык гипертекстовой разметки HTML В сжатой форме изложены принципы реализации разметки гипертекстовых документов, реализованных в языке HTML.
Язык гипертекстовой разметки HTML тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
3 Каскадные таблицы стилей CSS Показаны базовые концепции каскаднных таблиц стилей CSS, которые рассматриваются как способ управления внешним видом веб-страницы без... Показаны базовые концепции каскаднных таблиц стилей CSS, которые рассматриваются как способ управления внешним видом веб-страницы без вторжения в ее структуру. объясняется каким образом презентационные аспекты веб-страницы отделяются от ее содержимого. ещё
Каскадные таблицы стилей CSS тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
4 Internet Explorer 8 и MS Visual Studio Web Developer 2008 Express Цель работы: знакомство с новыми возможностями веб-браузера Microsoft Internet Explorer 8 в целом и его инструментами... Цель работы: знакомство с новыми возможностями веб-браузера Microsoft Internet Explorer 8 в целом и его инструментами разработчика, в частности. Ознакомление с базовыми функциональными возможностями среды веб-разработки Visual Web Developer 2008 Express. Более подробное изучение средств инспектирования кода HTML разметки и отладки CSS стилей в IE8. ещё
5 Обзор технологий разработки клиентских веб-приложений Лекция знакомит с принципами работы клиентских веб-приложений,их видами и языками для разработки таких приложений.
Обзор технологий разработки клиентских веб-приложений тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
6 JavaScript - язык разработки клиентских веб-приложений Лекция знакомит с основным языком разработки клиентских веб-приложений - JavaScript, его структурой и основами синтаксиса. Показано,... Лекция знакомит с основным языком разработки клиентских веб-приложений - JavaScript, его структурой и основами синтаксиса. Показано, каким образом объектная модель, заложенная в JavaScript, позволяет создавать интерактивные приложения. Знакомство с языком регулярных выражений. ещё
JavaScript - язык разработки клиентских веб-приложений тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
7 Введение в JavaScript. Программное взаимодействие с HTML документами на основе DOM API. Использование регулярных выражений. Отладка и профилирование JavaScript сценариев в IE8 Цели работы: познакомиться с языком разработки клиентских веб-сценариев JavaScript. Изучение основ языка и его применения для... Цели работы: познакомиться с языком разработки клиентских веб-сценариев JavaScript. Изучение основ языка и его применения для автоматизации процесса разметки и добавления интерактивных возможностей веб-страниц. Получить представление об общих принципах обработки в JavaScript событий, связанных с окном веб-браузера, веб-страницей, содержащейся в браузере и элементами документа. Научиться использовать простейшие элементы регулярных выражений для поиска подстрок, структура и содержание которых описывается нетривиальным шаблоном. Практически освоить инструменты отладки и профилирования производительности, встроенные в веб-браузер Internet Explorer 8, для JavaScript сценариев. ещё
8 Программный интерфейс HTML DOM Лекция знакомит с основными принципами документальной объектной модели DOM на примере HTML.
Программный интерфейс HTML DOM тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
9 Введение в XML. Структура XML документа Показано как расширяются возможности разметки документов на примере языка XML. Представлена структура XML документа и принципы... Показано как расширяются возможности разметки документов на примере языка XML. Представлена структура XML документа и принципы контроля его содержимого. ещё
Введение в XML. Структура XML документа тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
10 Объектная модель DOM XML Показаны некоторые из возможностей управления структурой и внешним видом XML документа в браузере с помощью программного... Показаны некоторые из возможностей управления структурой и внешним видом XML документа в браузере с помощью программного интерфейса DOM XML. ещё
Объектная модель DOM XML тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
11 Структура XML документа. Программный нтерфейс XML DOM API Цель работы: знакомство со структурой XML -документа, основами синтаксиса языка и методами контроля содержимого документа с... Цель работы: знакомство со структурой XML -документа, основами синтаксиса языка и методами контроля содержимого документа с помощью схем. ещё
12 Обзор технологий разработки серверных веб-приложений Показаны основные принципы работы веб-приложений на стороне веб-сервера, дано общее описание стандартов, платформ и технологий, применяемых... Показаны основные принципы работы веб-приложений на стороне веб-сервера, дано общее описание стандартов, платформ и технологий, применяемых для разработки серверных веб-приложений, рассмотрены подходы к интеграции приложений в сети Веб. ещё
Обзор технологий разработки серверных веб-приложений тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
13 Введение в Web 2.0. Семантический Web Показаны современные тенденции развития веб-технологий и ключевые концепции Web 2.0.
Введение в Web 2.0. Семантический Web тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
14 Синдикация и аггрегирование веб-контента. Улучшение usabilty веб-контента. Обзор спецификаций и технологий, направленных на повышение доступности (видимости) актуальной и релевантной для конечных пользователей информации,... Обзор спецификаций и технологий, направленных на повышение доступности (видимости) актуальной и релевантной для конечных пользователей информации, а также улучшение usability при работе с этой информацией. ещё
Синдикация и аггрегирование веб-контента. Улучшение usabilty веб-контента. тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
15 Работа с веб-фрагментами Цель работы: изучение принципов работы с веб-фрагментами и их возможностей. Изучение формата описания веб-фрагментов, способов их... Цель работы: изучение принципов работы с веб-фрагментами и их возможностей. Изучение формата описания веб-фрагментов, способов их внедрения в веб-страницу для последующего обнаружения и подписки на них. ещё
16 Создание ускорителей приложений для веб-браузера Цель работы. Знакомство с ускорителями приложений, форматом их описания и способами внедрения на веб-страницу.
17 Спецификация OpenSearch и визуализация поиска в браузере Цель работы: Изучение новых возможностей поиска в Internet Explorer 8 (IE8), освоение навыков разработки поставщиков поиска... Цель работы: Изучение новых возможностей поиска в Internet Explorer 8 (IE8), освоение навыков разработки поставщиков поиска для IE8, ознакомление с основами спецификации OpenSearch 1.1. ещё
18 Создание динамических веб-страниц на стороне клиента с помощью AJAX Дается общее описание концепции асинхронного взаимодействия клиентских и серверных веб-приложений и рассмотреть реализацию концепции на примере... Дается общее описание концепции асинхронного взаимодействия клиентских и серверных веб-приложений и рассмотреть реализацию концепции на примере AJAX. ещё
Создание динамических веб-страниц на стороне клиента с помощью AJAX тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
19 Уязвимости web-приложений и обеспечение их безопасности Обзор проблем безопасности в сфере веб-технологий, наиболее распространенных уязвимостей и средств противодействия им. Обзор новых инструментов... Обзор проблем безопасности в сфере веб-технологий, наиболее распространенных уязвимостей и средств противодействия им. Обзор новых инструментов повышения безопасности в веб-браузере Internet Explorer 8. ещё
Уязвимости web-приложений и обеспечение их безопасности тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
20 Технологии безопасности в IE8. Цель работы. Практическое знакомство с новыми инструментами обеспечения безопасной работы в IE 8.
21 Насыщенные интернет-приложения. Обзор наиболее распространенных инструментальных платформ для разработки насыщенных интернет приложений, их особенностейи возможностей.
Насыщенные интернет-приложения. тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
22 Silverlight и XAML Рассмотривается общая структура графической системыSilverlight и дается общее представление о структуре языка XAM и его возможностях.
Silverlight и XAML тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
23 Разработка приложений на Silverlight Цель работы: практическое изучение методов разработки Silverlight приложений в Microsoft Visual Web Developer 2008 Express. Получение... Цель работы: практическое изучение методов разработки Silverlight приложений в Microsoft Visual Web Developer 2008 Express. Получение навыков работы с XAML элементами MediaElement и MultiScaleImage. ещё
24 Введение в облачные вычисления Краткое введение в перспективные технологии облачных вычислений и описание архитектуры ОС Windows Azur.
Введение в облачные вычисления тест для курса Теория и практика разработки современных клиентских веб-приложений 30 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз.
Экзамен
^