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

HTML5 & CSS3

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

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

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

Цільова аудиторія

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

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

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

Опис курсу
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.
Читати далі

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

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

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

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

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

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