HTML и JavaScript
Академия Информационных Технологий

ПРОГРАММА

курса «HTML и JavaScript»

Аудитория: начинающие web-разработчики, а также любые специалисты технических направлений без навыков программирования.

Предварительные требования: умение работать в текстовом редакторе и с web-браузером.

Содержание:

    1. Введение и основные понятия
      • Основные сведения о языках разметки: HTML, XML, XHTML. Эволюция языков разметки. Цели и задачи языка HTML.
      • Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
      • Структура HTML-документа. Понятие элементов и атрибутов
      • Зачем нужна инструкция
      • Что такое тег? Типы тегов. Правила оформления HTML-документа
      • Основные элементы форматирования текста. Элементы блочной (block) и текстовой (inline) разметки
      • Использование комментариев.
      • Создание HTML-документа в программе «Блокнот»
    2. Ссылки и иллюстрации
      • Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
      • Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок
      • Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
      • Распределение иллюстраций по страницам сайта: приемы и советы
    3. Таблицы и списки
      • Структурирование информации на WEB-странице при помощи списков. Типы списков
      • Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы
      • Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
      • Использование таблиц. Макетирование web-страницы с помощью таблиц
      • Использование вложенных таблиц
      • Приемы использования таблиц на web-странице
    4. Фреймы и формы
      • Зачем нужны формы. Элементы формы
      • Методы отправки информации из полей формы
      • Использование табличных функций при создании формы на примере анкеты
      • Разбиение окна браузера на фреймы. Описание фрейма на языке HTML. Задание логики взаимодействия фреймов
      • Типичные проблемы сайта с фреймами
    5. Каскадные таблицы стилей (CSS)
      • Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами
      • CSS: основные понятия и определения. Грамматика языка стилей
      • Создание стилей и классов. Принципы каскадирования и принципы группировки
      • Применение стилей и классов к элементам документа HTML
      • Использование программы TopStyle для редактирования стилей
      • Декоративные возможности CSS: формирование рамок и отступов
      • Использование псевдоклассов и псевдоэлементов
      • Позиционирование элементов на странице при помощи CSS
      • Управление моделью элемента (свойство display)
    6. Использование стилей при создании сайта
      • Создание и использование внешнего стилевого файла. Подключение к страницам сайта путем связывания и импорта
      • Разработка стилевого дизайна с учетом модели представления информации (media type)
      • Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS
      • Приемы макетирования web-страницы с использованием стилей
      • Новые возможности CSS level 2 и их поддержка браузерами.
    7. Дополнительные возможности HTML и CSS. XML-технологии и их применение
      • Новые возможности CSS level 2 и их поддержка браузерами. Дизайн стилей с учетом возможностей браузеров
      • Размещение аудио- и видеоматериалов на web-странице: примеры
      • Нестандартные теги HTML. Нестандартные возможности CSS (фильтры)
      • XML-технологии и их применение
    8. Размещение сайта на сервере и поддержка сайта
      • Описание метаинформации сайта с помощью элемента META
      • Вопросы хостинга
      • Настройка FTP-клиента. Размещение сайта на сервере, бесплатно предоставляемом Центром компьютерного обучения
      • Вопросы поддержки сайта
      • Способы «раскрутки» сайта
    9. Введение в JavaScript, основные сведения, синтаксис
      • Краткая история JavaScript, текущая версия
      • Внедрение сценариев в HTML
      • Синтаксис, зарезервированные слова
      • Понятие операторов
      • Лабораторная работа: Первый сценарий
      • Понятие переменной, литерала
      • Классификация типов данных, оператор typeof
      • Краткое описание всех типов данных
      • Глобальный объект
      • Тривиальные типы данных null, undefined
      • Базовые типы String, Number, Boolen
      • Работа с числами - объект Math, функции (методы глобального объекта) parseInt(), parseFloat()
      • глобального объекта и объекта Math
    10. Инструкции и функции
      • Понятие инструкции
      • Объединение инструкций, оператор ","
      • Блок инструкций {}
      • Условные инструкции (if, if/else, if/else if/else)
      • Инструкции цикла (while, do/while, for, for/in)
      • Инструкция переключения (switch/case/default)
      • Инструкции continue, break
      • Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Error)
      • Функции
      • Имена функций, их создание и вызов
      • Область видимости переменных
      • Аргументы функций, объект arguments, рекурсивный вызов
      • Инструкция return
    11. Массивы и объекты
      • Массивы, тип данных Array
      • Свойства и методы экземпляров Array
      • Объекты в JS, тип данных Object
      • Свойства и методы экземпляров Object
      • Углубление понятия свойств и методов любого объекта в JavaScript
      • Контекст исполнения функции в качестве метода объекта
      • Пользовательские объекты
      • Понятие класса-конструктора, оператор instanceof, свойство constructor
      • Механизм наследования, prototype
    12. Регулярные выражения и даты
      • Шаблоны для поиска в строках, тип данных RegExp
      • Синтаксис регулярных выражений
      • Спецсимволы, неалфавитные символы (управляющие последовательности)
      • Классы символов
      • Повторение
      • Альтернатива, группировка и ссылки (внутри вне шаблона)
      • Флаги
      • Свойства экземпляров RegExp
      • Методы экземпляров RegExp и String для поиска с использованием шаблонов
      • Создание дат, тип данных Date
      • Свойства и методы экземпляров Date

     

   
Авторизованные курсы Microsoft Авторизованные курсы 1С Администрование и обслуживание ПК и сетей Бухгалтерский и налоговый учет WEB-программирование и дизайн Администрирование и разработка баз данных Технологии программирования Офисные, информационные, коммуникационные технологии