Microsoft Silver Partner
Оформити заявку

Курс - HTML5 & CSS3

Изображение к курсу HTML5 & CSS3
Курс HTML5 & CSS3
Тривалість 10 днів / 20 годин
Кількість уроків 10

Очне навчання

2890 UAH Записатися

Онлайн навчання

2890 UAH Записатися

Відео навчання

Підписатися

Консультації

Записатися
В курсі HTML5 та CSS3 описані технології веб-розробки за стандартом нового покоління на реальних і простих прикладах. Уже зараз основні браузери, а також мобільні пристрої підтримують багато специфікацій HTML5 та CSS3. Ці технології дають основу наступному поколінню інтернет-додатків. Переваги нових технологій очевидні: комфорт і широкі функціональні можливості для користувачів, а для веб-програмістів вони більш прості у розробці і подальшій підтримці.
На курсі «HTML5&CSS3» детально розглядаються основи синтаксису і семантики, використання нових можливостей форм, вбудовані аудіо та відео, геолокація, елемент Canvas, а також багато інших нововведень.
• Знання HTML, CSS.
• Знання JavaScript.
Програмісти – початківці, верстальники, web – розробники.
Урок 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.
• Використовувати вивчені під час курсу технології у робочих проектах.
• Створювати сучасні веб-рішення.
Check mark Записатися у навчальний центр Separator Онлайн форма регістрації
Стаціонар Напівстаціонар 3 дні на тиждень
Дата початку Дата закінчення Час
03.07.2017 14.07.2017 09:00-11:00 Зареєструватися
03.07.2017 14.07.2017 11:30-13:30 Зареєструватися
03.07.2017 14.07.2017 16:30-18:30 Зареєструватися
03.07.2017 14.07.2017 19:00-21:00 Зареєструватися
17.07.2017 28.07.2017 09:00-11:00 Зареєструватися
17.07.2017 28.07.2017 11:30-13:30 Зареєструватися
17.07.2017 28.07.2017 16:30-18:30 Зареєструватися
17.07.2017 28.07.2017 19:00-21:00 Зареєструватися
07.08.2017 18.08.2017 09:00-11:00 Зареєструватися
07.08.2017 18.08.2017 11:30-13:30 Зареєструватися
07.08.2017 18.08.2017 16:30-18:30 Зареєструватися
07.08.2017 18.08.2017 19:00-21:00 Зареєструватися

Не знайшли потрібний курс в розкладі? Оформіть заявку

Стаціонар Напівстаціонар 3 дні на тиждень
Дата початку Дата закінчення Час
03.07.2017 14.07.2017 09:00-11:00 Зареєструватися
03.07.2017 14.07.2017 11:30-13:30 Зареєструватися
03.07.2017 14.07.2017 16:30-18:30 Зареєструватися
03.07.2017 14.07.2017 19:00-21:00 Зареєструватися
17.07.2017 28.07.2017 09:00-11:00 Зареєструватися
17.07.2017 28.07.2017 11:30-13:30 Зареєструватися
17.07.2017 28.07.2017 16:30-18:30 Зареєструватися
17.07.2017 28.07.2017 19:00-21:00 Зареєструватися
07.08.2017 18.08.2017 09:00-11:00 Зареєструватися
07.08.2017 18.08.2017 11:30-13:30 Зареєструватися
07.08.2017 18.08.2017 16:30-18:30 Зареєструватися
07.08.2017 18.08.2017 19:00-21:00 Зареєструватися

Не знайшли потрібний курс в розкладі? Оформите заявку