Записатися на курс
Будь ласка зачекайте...
Ваш запит успішно відправлений!

HTML5 & CSS3

Для кого цей курс

Програмісти – початківці, верстальники, web – розробники.

Попередні вимоги

• Знання HTML, CSS.
• Знання JavaScript.

HTML5 & CSS3

Тривалість:
20 год.
Кількість уроків:
10 занять
Вартість навчання:
3170 грн

Форма навчання

Денне навчання
Онлайн навчання
Записатися на курс

Опис курсу
HTML5 & CSS3

В курсі HTML5 та CSS3 описані технології веб-розробки за стандартом нового покоління на реальних і простих прикладах. Уже зараз основні браузери, а також мобільні пристрої підтримують багато специфікацій HTML5 та CSS3. Ці технології дають основу наступному поколінню інтернет-додатків. Переваги нових технологій очевидні: комфорт і широкі функціональні можливості для користувачів, а для веб-програмістів вони більш прості у розробці і подальшій підтримці.
На курсі «HTML5&CSS3» детально розглядаються основи синтаксису і семантики, використання нових можливостей форм, вбудовані аудіо та відео, геолокація, елемент Canvas, а також багато інших нововведень.

Програма курсу
  • 1
    Урок 1. Основи синтаксису, семантики і найсучасніші методи розмітки.
    Оголошення DOCTYPE.
    Визначення кодування, мови.Оптимізація script та link.
    Додавання у структуру документа нових елементів HTML5.
    Елемент article або section.Превірка та зміна структури документу.
    Тимчасове приховування вмісту.
    Управління нумерацією списків.
    Створення редагованих частин сторінки.
    Додавання додаткового семантичного значення.
    Перевірка підтримки HTML5.
    Використання HTML5 Boilerplate.
    Валідація HTML5.
    Заміна НТМL5-елементів ідентифікаторами та іменами класів.
  • 2
    Урок 2. Форми. Вбудоване аудіо і відео.
    Поле введення контактної інформації.
    Використання полів введення дати і часу.
    Чисельне введення.
    Відображення пошукового поля введення.
    Вибір значення з числового діапазону.
    Створення редагованого випадаючого списку.
    Обов'язкові поля форми.
    Автофокусування на полі форми.
    Відображення заміщуючого тексту.
    Відключення автозаповнення.
    Обмеження значень.
    Створення простої форми.
    Додавання НТML5-аудіо та управління аудіопотоком.
    Створення аудіопрогравача.
    Додавання НТМL5-відео.
    Кросбраузерна підтримка відео та налаштування роздільної здатності відео.
    Циклічне відтворення відео.
  • 3
    Урок 3. Мікродані та дані призначені для користувача. Геолокація.
    Додавання в розмітку мікроданих.
    Використання мікроданих.
    Додавання в розмітку даних користувача.
    Доступ до даних користувача за допомогою JavaScript.
    Управління даними користувача.
    Створення додатку для карти за допомогою даних користувача.
    Отримання основних геолокаційних даних.
    Альтернативний спосіб отримання основних геолокаційних даних.
    Отримання адреси шляхом зворотнього геокодування широти і довготи.
    Перетворення адреси в широту і довготу.
    Пошук маршруту на основі поточного місця розташування.
    Приклад: визначаємо маршрут з роботи додому.
  • 4
    Урок 4. Елемент Canvas.
    Малювання на елементі canvas.
    Використання ефекту прозорості.
    Установка розмірів «полотна».
    Використання градієнтів, візерунків і стилів ліній.
    Додавання на «полотно» зовнішніх зображень.
    Налаштування кольорових перетворень.
    Використання геометричних перетворень.
    Додавання на «полотно» тексту.
    Обрізка малюнків на «полотні».
    Додавання ефекту анімації до малюнків на «полотні».
    Малювання графіків на «полотні».
    Збереження малюнка з «полотна» у файлі.
  • 5
    Урок 5. Елементи доступу та розширені можливості JavaScript у HTML5.
    Створення текстового опису малюнка.
    Визначення абревіатур та скорочень.
    Визначення розділів сторінки за допомогою ключових ролей ARIA.
    Створення доступних навігаційних посилань.
    Зв'язування полів форми з мітками.
    Логічне групування полів форми.
    Динамічне включення fieldset.
    Визначення обов'язкових полів форми.
    Використання ARIA для динамічних оновлень.
    Локальне сховище.
    Кешування додатків.
    Перетягування.
    Робочі процеси.
    Веб-сокети.
    Історія.
    Локальні файли.
  • 6
    Урок 6. Кросбраузерні властивості CSS3.
    Введення в CSS3.
    Border-radius.
    Text-shadow.
    Box-shadow.
    Background-origin.
    Background-size.
    Одночасне використання декількох фонових зображень.
    Parallax.
    Opacity.
    RGBA.
    Практичний приклад із застосуванням пройдених на уроці властивостей.
  • 7
    Урок 7. Переходи в CSS. Градієнти в CSS3. Покращення форм.
    Тимчасові функції.
    Затримка переходу.
    Коротка форма запису.
    Коротка форма запису переходу із затримкою.
    Підтримка в браузерах.
    Повний запис переходу.
    Стани переходу.
    Перехід декількох властивостей.
    Перехід всіх можливих станів.
    До яких властивостей можна застосувати переходи.
    Простий приклад переходів за допомогою CSS3.
    Градієнти.
    Розмітка для простої форми реєстрації.
    Стилі для полів та підписів.
    Про CSS3-селектори.
    Оформлення полів вводу.
    Приклад форми за допомогою CSS3.
  • 8
    Урок 8. Перетворення вмісту та додавання CSS-анімацій.
    Масштабування.
    Поворот.
    Крутіння.
    Зсув.
    Ключові кадри.
    Посилання на keyframe.
    Повторне використання анімації в стані hover.
    Практичний приклад «Створення галереї зображень за допомогою HTML5 та CSS3».
  • 9
    Урок 9. Робота з границями, текстом, шрифтом. Корисні псевдо-класи.
    Властивість word-wrap.
    Властивість text-overflow.
    Властивість word-wrap.
    Властивість @font-face.
    Робота з границями.
    Використання умовних коментарів.
    Додавання авторського стилю.
    Корисні псевдо-класи.
  • 10
    Урок 10. Адаптивний дизайн.
    Вступ в адаптивний дизайн.
    Fluid grid.
    Fluid images.
    Media queries.
    CSS Regions.
    Mobile first.

Що ви отримаєте на курсі

Робоче місце з ноутбуком і навчальними матеріалами

Практичні заняття і перевірка дз

Безкоштовний відеокурс

Онлайн тестування і сертифікація

{
Сертифікат

По проходженню курсу

Наявність сертифіката Навчального Центру CyberBionic Systematics свідчить про Ваш володінні новими знаннями і навичками, а значить, дозволяє вигідно виділитися на тлі інших кандидатів і збільшує шанси на успішне працевлаштування або просування по кар'єрних сходах. Для отримання сертифікату після закінчення навчання, необхідно успeшно пройти тестування за відповідним курсом на Testprovider.com

}
HTML5 & CSS3
Старт курсу:
Трива
лість:
20 год.
Кількість уроків:
10 занять
Вартість навчання:
3170 грн
Записатися
на курс
Будь ласка зачекайте...
Ваш запит успішно відправлений!