Общая информация
АИШ 10 лет О программе Схема обучения Программа обучения Стоимость обучения Преподаватели Новости и успехи Дни открытых дверей Работы слушателей О филиале АИШ Летняя школа
Обучающимся
Расписание занятий Списки групп и оценки Поиск школьника
Внеучебная жизнь
Олимпиады Политех-квест КРОСС И3 Курс для родителей Small Basic - клуб Битва роботов
Обратная связь
Форум Как нас найти Контакты

Дни открытых дверей Академии информатики для школьников — 23 августа (Среда) в 1900 Аудитория №148
30 августа, 6 сентября, 13 сентября,

Печать

Семестр 2. Современные технологии в веб (старая программа, набора нет)

( Современные технологии в веб )

Продолжительность обучения: 19 ак.ч. лекции очно + 29 ак.ч. практики очно + 24 ак.ч. самостоятельно
График обучения: 72 академических часа

Преподаватели

Аннотация

Современные веб-технологии не стоят на месте. На протяжении уже многих лет технологии создания веб-сайтов непрерывно совершенствовались и скорость их совершенствования высока.

Сейчас в Интернете используется довольно много различных технологий. Данный курс посвящен самых современных и популярных технологий HTML5, CSS3 и JQuery.

Знания и умения, полученные в результате обучения

В ходе обучения слушатели изучат:

  • Новые элементы HTML5;
  • Новые свойства, пвсевдоклассы, пвсевдоэлементы в CSS3;
  • Познакомятся с библиотекой готовых скриптов JQuery.

Требования к начальному уровню знаний

  1. Вступительное тестирование (Вступительный тест №ВПТ-551.1).
  2. Возрастное ограничение: с 8 класса школы.

Для успешной сдачи теста №ВПТ-551.1 необходимо обладать следующими знаниями:

  1. Знание следующих элементов HTML
    • гиперссылка;
    • параграф, заголовки, цитата, длинная цитата, предформатированный текст, код, теги логической разметки текста: span, strong, em, b, i, верхний и нижний индексы, аббревиатура;
    • изображение;
    • форма и ее элементы.
  2. Назначение гиперссылок тексту и картинке.
  3. Знание каскадных таблиц стилей.
  4. Знание блочной верстки страниц: использование тэга <div>, позиционирования и обтекания.

По результатам выполнения практического задания необходимо получить оценку "хорошо" или "отлично".

Программа курса

Занятие 1

Новые структурные элементы в HTML5

  • Структура кода
  • Новые теги
  • Тег <article>
  • Тег <aside>
  • Теги <details> и <summary>
  • Тег <dialog>
  • Теги <figure> и <figcaption>
  • Тег <footer>
  • Тег <header>
  • Тег <main>
  • Тег <mark>
  • Тег <nav>
  • Тег <section>
  • Тег <time>

Занятие 2

Формы в HTML5

  • Адрес электронной почты
  • Веб-адрес
  • Номер телефона
  • Счетчики
  • Ползунок
  • Выбор даты
  • Окно поиска
  • Выбор цвета
  • Атрибуты: autofocus, novalidate, placeholder, required
  • Валидация форм
  • Стилевое оформление
  • Элемент <datalist> и атрибут list

Занятие 3

Новые механизмы вывода

  • Тег <output>
  • Тег <progress>
  • Тег <meter>

Видео в HTML5

  • Анатомия элемента <video>
  • Кодеки

Аудио в HTML5

  • Тег <audio>
  • Кодеки

Рисование в HTML5

  • Холст
  • Тег <canvas>

Занятие 4

Новое в CSS3

  • Пвсевдоклассы
  • Пвсевдоэлементы
  • @-правила

Занятие 5

Новое в CSS3 (продолжение)

  • Анимация
  • Градиент
  • Граница

Занятие 6

Новое в CSS3 (продолжение)

  • Размеры
  • Скругленные углы
  • Текст

Занятие 7

Новое в CSS3 (продолжение)

  • Форматирование
  • Фон
  • calc()

Занятие 8

Новое в CSS3 (продолжение)

  • CSS3 Media Queries
  • Колонки
  • Сетка страницы
  • Flexbox

Занятие 9

Библиотека JQuery

  • Подключение популярных скриптов: карусель, слайдер, вкладки

Занятие 10

Библиотека JQuery (продолжение)

  • Работа с элементами пользовательского интерфейса

Занятие 11-12

Экзамен