Курс Применение HTML CSS и Дизайн пользовательских интерфейсов по стандартам UX/UI
✔ Остались в прошлом времена, когда макет страницы достигается за счёт нарезки изображения с последующим размещением в ячейки таблицы HTML. Современная вёрстка предполагает гораздо больше: работа с текстом и шрифтами, знание цветовой гаммы, применение специальных эффектов CSS, добавление анимации и др.
✔ Современная вёрстка также предполагает и кроссбраузерность — свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности (адаптивность).
✔ В рамках данного курса будут обсуждаться вопросы, связанные с продвинутыми методами применения технологий CSS и HTML, принципами создания готовых к использованию макетов CSS.
✔ Также рассматриваются вопросы профессиональной разработки кода: настройка инструментов разработки, организация технического процесса, разработка технических требований, проектирование макетов, тестирование и контроль качества веб-страниц.
! Курс предназначен для Front - end разработчиков , веб-дизайнеров, верстальщиков, редакторов кода,оптимизаторов, оптимизаторов.
Успешно окончив курс "Применение HTML CSS и Дизайн пользовательских интерфейсов по стандартам UX/UI"
Вы будете уметь:
- Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
- Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
- Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
- Создавать макеты, для мобильных устройств
- Внедрять шрифты
- Применять современные технологии, которые ускоряют процесс загрузки
- Работать основываясь по крайней мере на один framework CSS
- Тестировать веб-страницы, выполнять контроль качества
Предварительная подготовка
Требуемая подготовка (Обязательная) - Курс Основы HTML CSS для UX/UI или эквивалентная подготовка.
Получить консультацию о необходимой предварительной подготовке по курсу Вы можете по тел. 079 844 644
Требуемая подготовка послужит основой дальнейшего успешного прохождения курсов. Обычно она указана под названием одного из курсов нашего учебного центра (обязательная предварительная подготовка). Рекомендуется ознакомиться с программой указанного курса и оценить свои знания в рамках данной программы. Если Вы не обладаете достаточным уровнем знаний (90%) в указанном курсе, то Вам необходимо будет пройти предварительную подготовку. Это станет залогом Вашего успешного прохождения курса.
Программа курса
- Единицы измерения
- Относительное измерение
- Абсолютное измерение
- Совместимость с различными браузерами
- Практическая работа
- Единицы в современных браузерах
- Четыре схемы позиционирования CSS
- Статическое позиционирование
- Относительное позиционирование
- Абсолютное позиционирование
- Фиксированное позиционирование
- Преимущества и недостатки каждой схемы
- Практическаяработа
- Запросы CSS
- Синтаксис условных запросов
- Параметры, используемые в условиях
- Операторыиз условий
- Принцип достижения отзывчивости
- Практическая работа
- Примеры отзывчивых макетов
- Точки переключения
- Переход
- Анимация
- Фильтры
- Преобразования
- Практическая работа
- Генераторы эффектов
- Резервные опции (переход в аварийный режим)
- Прогрессивное развитие и изящная деградация
- Префиксы совместимости
- Полифилы
- Современные библиотеки полимеризации
- Практическая работа
- Утилиты тестирования кроссбраузера
- Недостатки стандартного CSS
- Технологии динамического CSS
- Семантические вариации CSS
- Практическаяработа
- Пример применения CSS, обогащённого синтаксически
- Стандартные шрифты
- Внедрение пользовательских шрифтов
- Специализированные шрифты, пиктограммы
- Что представляет собой глиф
- Генераторы веб-шрифтов
- Совместимость
- Как составляются цвета на экране
- Общие цветовые схемы
- Веб-совместимость
- Веб-графические форматы
- Оптимизация графических элементов
- Изображение или CSS
- HTML, структура и значение
- CSS, от глобального до деталей
- Адаптация для устройств
- Боксинг и широкий экран
- Ориентация по экрану
- Резиновыйи фиксированный вид
- Этапы переключения
- Регионы, секции и блоки
- Типичные дефекты и приспособления
- Практическая работа
- Создание современного макета
- Адаптация макета для мобильного, планшета и экрана
- Существующие на рынке решения
- Библиотеки и инфраструктуры
- Практическая работа
- Создание макета на выбранной инфраструктуре
- Оптимизация и минимизация
- Проверка совместимости
- Тонкости (полезные советы) вёрстки