Опубликован: 01.08.2012 | Уровень: для всех | Доступ: платный | ВУЗ: Томский политехнический университет
Данный курс ориентирован на начинающих веб-разработчиков. Курс иллюстрирует основные возможности HTML5 и неотъемлемых от него CSS3 и JavaScript, особое внимание уделено canvas-составляющей и Microsoft WebMatrix, как инструменту разработки.
Основной направленностью курса является описание возможностей HTML5, детальное рассмотрение которых будет невозможным без CSS и javascript. В связи с этим, курс содержит разделы по соответствующим темам, достаточные для формирования цельного и структурированного понимания HTML5.

Дополнительные курсы

План занятий

ЗанятиеЗаголовок <<Дата изучения
-
Лекция 1
4 минуты
Предисловие
Оглавление
    -
    Лекция 2
    14 минут
    Концепция WEB 2.0
    В данной лекции будут рассмотрены следующие вопросы: основы концепции Web 2.0: что такое web 2.0; крах доткомов; отличия от web 1.0; концепция web 2.0. Особенности проектирование современных веб-решений.
    Оглавление
      -
      Лекция 3
      14 минут
      Основы HTML. Особенности HTML5
      Сущность гипертекста. Развитие стандартов HTML. Уровни HTML. Обзор HTML5.
      Оглавление
        -
        Тест 1
        30 минут
        -
        Лекция 4
        21 минута
        Работа с текстом
        В рамках данной лекции будут рассмотрены следующие вопросы: основные теги работы с текстом; абзацы; разрыв строк; заголовки списки; цитаты; горизонтальные линии;вставка символов.Теги работы с текстом, появившиеся в HTML5. Глобальные атрибуты.
        Оглавление
          -
          Лекция 5
          17 минут
          HTML5. Работа с мультимедиа
          Работа с графикой. Основы работы с видео и звуком. Вставка аудио и видеороликов. Ограничения использования тегов <audio> и <video>.
          Оглавление
            -
            Тест 2
            30 минут
            -
            Лекция 6
            20 минут
            Работа с таблицами и средства навигации
            Создание html-таблиц. Создание гиперссылок. Графические гиперссылки.
            Оглавление
              -
              Лекция 7
              33 минуты
              Основы CSS. Особенности CSS 3
              Понятие каскадных таблиц стилей. История версий CSS. Отношения между множественными вложенными элементами. Создание CSS стилей. Связь HTML и CSS. Правила написания CSS. Каскадность CSS.
              Оглавление
                -
                Тест 3
                30 минут
                -
                Лекция 8
                28 минут
                CSS3. Работа с текстом и фонами
                Единицы измерения в CSS. Работа с цветом и фоном. Работа с шрифтом. Работа с текстом.
                Оглавление
                  -
                  Лекция 9
                  21 минута
                  CSS3. Работа с контейнерами
                  Понятие контейнерного дизайна. Контейнеры. Работа со стилями контейнеров.
                  Оглавление
                    -
                    Лекция 10
                    18 минут
                    CSS3. Селекторы
                    Селекторы элементов (type selectors). Селекторы класса (class selectors). Селекторы идентификаторов (ID selectors). Селекторы потомков (Descendant selectors). Селекторы дочерних элементов (Child selectors). Универсальные селекторы (Universal selectors). Селекторы братских элементов (Adjacent sibling selectors). Селекторы атрибутов (Attribute selectors). Селекторы псевдоклассов (Pseudo-classes). Селекторы псевдоэлементов (Pseudo-elements).
                    Оглавление
                      -
                      Тест 4
                      30 минут
                      -
                      Лекция 11
                      28 минут
                      JavaScript. Общие сведения
                      Веб – сценарии. JavaScript, история возникновения. Возможности и ограничения JavaScript. Связь с HTML – документом.
                      Оглавление
                        -
                        Лекция 12
                        22 минуты
                        JavaScript. Основные операторы
                        Переменные и операторы. Арифметические операторы. Операторы сравнения. Логические операторы. Условные операторы.
                        Оглавление
                          -
                          Тест 5
                          24 минуты
                          -
                          Лекция 13
                          14 минут
                          JavaScript. Работа с функциями и массивами
                          Работа с циклами. Работа с функциями. Работа с массивами данных.
                          Оглавление
                            -
                            Лекция 14
                            25 минут
                            JavaScript. Объекты
                            Понятие объекта в JavaScript. Встроенные объекты JavaScript. Объектная модель документа (DOM). Объекты, представляющие веб – обозреватель. Методы и свойства экземпляров объектов.
                            Оглавление
                              -
                              Тест 6
                              24 минуты
                              -
                              Лекция 15
                              32 минуты
                              HTML5. Подгружаемое и генерируемое содержимое. Семантическая разметка
                              Монолитные и блочные веб – страницы. <iframe>. Генерируемое содержимое. Семантическая разметка.
                              Оглавление
                                -
                                Практическая работа 1
                                23 минуты
                                HTML5. Основы разметки
                                В рамках данного практического занятия нами будет рассмотрен пример создания простого сайта, с подгружаемым содержимым.
                                Оглавление
                                  -
                                  Лекция 16
                                  15 минут
                                  HTML5. Хранения данных на стороне клиента
                                  Cookie. Технология HTML5 WebStorage. Особенности хранения данных на стороне клиента: Отличия локального хранилища от сеансового. Сохранение и извлечение данных.
                                  Оглавление
                                    -
                                    Лекция 17
                                    38 минут
                                    HTML5. Работа с веб - формами
                                    Элементы управления. Отправка данных серверу. Идентификация элементов управления. Свойства элементов управления.
                                    Оглавление
                                      -
                                      Тест 7
                                      36 минут
                                      -
                                      Практическая работа 2
                                      18 минут
                                      HTML5. Работа с веб-формами
                                      В рамках данного практического занятия мы рассмотрим процесс создания веб - форм средствами HTML
                                      Оглавление
                                        -
                                        Практическая работа 3
                                        15 минут
                                        HTML5. Хранение данных на стороне клиента
                                        В рамках данного практического занятия нами будет рассмотрен пример использования хранилищ данных на стороне пользователя
                                        Оглавление
                                          -
                                          Практическая работа 4
                                          12 минут
                                          Drag and Drop
                                          В рамках данного практического занятия мы рассмотрим основные методы и приемы организации drag and drop в пределах HTML - страницы
                                          Оглавление
                                            -
                                            Практическая работа 5
                                            15 минут
                                            Мультимедиа
                                            В рамках данного практического задания нами будет рассмотрен пример создания плэйлиста воспроизведения в рамках HTML - страницы
                                            Оглавление
                                              -
                                              Лекция 18
                                              13 минут
                                              HTML5. Основы Canvas
                                              Элемент <canvas>. Основы концепции. Рисование на холсте. Связь холста с каскадными таблицами стилей.
                                              Оглавление
                                                -
                                                Лекция 19
                                                27 минут
                                                HTML5. Работа с Canvas
                                                Добавление canvas на страницу. Рисование простейших фигур. Работа с цветом и толщиной линий. Работа с положением пера. Рисование прямых линий. Рисование дуг и кривых. Рисование кривых Безье. Вывод текста.
                                                Оглавление
                                                  -
                                                  Тест 8
                                                  24 минуты
                                                  -
                                                  Практическая работа 6
                                                  8 минут
                                                  Canvas.Основы
                                                  В рамках данного практического занятия нами будут рассмотрены основы работы с элементом <canvas> (холст)
                                                  Оглавление
                                                    -
                                                    Практическая работа 7
                                                    9 минут
                                                    Рисование фигур
                                                    В рамках данного практического занятия будут рассмотрены примера рисования различных фигур в canvas (холст)
                                                    Оглавление
                                                      -
                                                      Практическая работа 8
                                                      9 минут
                                                      Canvas. Работа с изображениями
                                                      В рамках данного занятия нами будут рассмотрены вопросы работы с уже существующими файлами изображений, при помощи canvas (холста)
                                                      Оглавление
                                                        -
                                                        Практическая работа 9
                                                        8 минут
                                                        Canvas. Цвет
                                                        В рамках данного занятия мы подробнее рассмотрим вопросы работы с цветами в рамках canvas (холста).
                                                        Оглавление
                                                          -
                                                          Практическая работа 10
                                                          7 минут
                                                          Canvas. Анимация
                                                          Целью занятия является знакомство с простейшей анимацией в canvas (холст).
                                                          Оглавление
                                                            -
                                                            5 часов
                                                            -
                                                            Сергей Крупко
                                                            Сергей Крупко

                                                            Добрый день.

                                                            Я сейчас прохожу курс  повышения квалификации  - "Профессиональное веб-программирование". Мне нужно получить диплом по этому курсу. Я так полагаю нужно его оплатить чтобы получить диплом о повышении квалификации. Как мне оплатить этот курс?

                                                             

                                                            Галина Башкирова
                                                            Галина Башкирова

                                                            Здравствуйте, недавно закончила курс по проф веб программиованию, мне прислали методические указания с примерами тем, однако темы там для специальности 

                                                            Системный администратор информационно-коммуникационных» систем.
                                                            Мне нужно самой найти тему? или делать по высланным темам

                                                             

                                                            Алексей Бегунов
                                                            Алексей Бегунов
                                                            Беларусь
                                                            Виктор Лабутин
                                                            Виктор Лабутин
                                                            Россия