Курс HTML та CSS Advanced

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

Знайомство з адаптивною версткою

• Введення в медіазапити
• Знайомство з адаптивною версткою
• Огляд популярних CSS-бібліотек
• Знайомство з bootstrap - CSS-framework
• Основні відмінності Bootstrap 3 і 4 версій
• Grid - система сіток
• Інші можливості Twitter Bootstrap
• Практика

HTML5: дата-атрибути й інші корисні можливості HTML5

• Що таке дата-атрибути
• Що можна зробити за допомогою дата-атрибутів
• Вбудовані атрибути
• Як застосовувати дата-атрибути зі сторонніх скриптів
• Якорі. Плавне прокручування
• Практика

Сучасні методології верстки сторінки

• Верстка Flex box
• Напрямок розміщення елементів
• Вирівнювання елементів по вертикалі і горизонталі
• Вирівнювання тексту всередині блоку
• Властивості: flex-flow, flex-grow, flex-basis, order
• Практика

HTML5 та селектори

• Які селектори перейшли з HTML4/HTML
• Які нові селектори з'явилися в HTML5
• Уявлення про контекстні селектори
• Характеристика псевдокласів
• Характеристика псевдоелементів
• Що таке спрайти
• Що входить в поняття "роловери"
• Практика

Характеристика доступності сайту. Методика формування сайтів, що будуть зручними для подальшого використання

• Usability
• Які задачі стоять перед користувачами
• Якими принципами варто користуватися під час формування інтерфейсів для сайтів
• Accessibility
• Знайомство з технічним начинням, яке сприяє перегляду тексту
• Обмежені можливості користувачів: які вони
• Практика

HTML та CSS: складне застосування

• Відносне та абсолютне позиціонування елементів
• Фіксоване позиціювання елементів
• Як поводять себе дочірні компоненти в позиціонуванні
• Як відбувається обрізання блоку
• Як відбувається переповнення блоку: overflow
• Підтримка властивості overflow в різних браузерах
• Яким чином відбувається введення зовнішніх ресурсів
• За допомогою яких механізмів вводиться векторна графіка
• Іконка сайту
• ICO-формат
• Які характерні ознаки підтримки піктограм у сфері всіляких браузерів
• Практика

Методика сумісності веб-сторінок та всіляких браузерів

• Умовні коментарі - це
• Які скрипти використовуються для підтримки селекторів
• Які скрипти використовуються для видозміни у поведінці браузерів, що вже застаріли
• Огляд фільтрів
• Практика

Методика використання атрибутів CSS3

• Суть градієнтів
• Суть анімації
• Знайомство з веб-шрифтами
• Яким чином відбувається багатоколонна верстка
• Фонові механізми
• Алгоритм закруглення вузлів
• Знайомство зі зразком блоків Flаsh
• Введення в технології, що підтримуються браузером
• Практика

Макетна верстка

• Алгоритм нарізання макету із файлу, що підтримує psd-формат
• Процедура вибору розмірів
• Процедура вибору типів верстки
• Механізм верстки
• Практика

Введення в типові рішення

• Що в собі містять фреймворки
• Характеристика CMS-шаблонів
• Як відбуваються JavaScript-рішення
• Знайомство з динамічним CSS
• Практика

Особливості курсу

• Викладачі практики
• Корпоративне навчання
• Можливість навчатися у вихідні
• Можливість влаштуватися у провідні IT-компанії
• Індивідуальне навчання

Викладачі курсу

• Володимир - Програміст
• Ігор - Програміст
• Володимир - Програміст
• Олексій - Програміст