Курс HTML и CSS. Для продвинутых. Дизайн пользовательских интерфейсов

  • Старт: ☎ 079844644
  • Продолжительность: 3 месяца
  • График: Вт Пт
  • Время: Online live
  • Цена: 180 €

Курс HTML и CSS для продвинутых. Дизайн пользовательских интерфейсов

✔ Остались в прошлом времена, когда макет страницы достигается за счёт нарезки изображения с последующим размещением в ячейки таблицы HTML. Современная вёрстка предполагает гораздо больше: работа с текстом и шрифтами, знание цветовой гаммы, применение специальных эффектов CSS, добавление анимации и др.

✔ Современная вёрстка также предполагает и кроссбраузерность — свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности (адаптивность).

✔ В рамках данного курса будут обсуждаться вопросы, связанные с продвинутыми методами применения технологий CSS и HTML, принципами создания готовых к использованию макетов CSS.

✔ Также рассматриваются вопросы профессиональной разработки кода: настройка инструментов разработки, организация технического процесса, разработка технических требований, проектирование макетов, тестирование и контроль качества веб-страниц.

! Курс предназначен для Front - end разработчиков , веб-дизайнеров, верстальщиков, редакторов кода,оптимизаторов, оптимизаторов.

Успешно окончив курсы "HTML CSS. Designer UX/UI." вы будете уметь:

  • Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
  • Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
  • Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
  • Создавать макеты, для мобильных устройств
  • Внедрять шрифты
  • Применять современные технологии, которые ускоряют процесс загрузки
  • Работать основываясь по крайней мере на один framework CSS
  • Тестировать веб-страницы, выполнять контроль качества

Преподаватели курса

Все преподаватели →

Предварительная подготовка

Требуемая подготовка (Обязательная) - HTML,CSS. Создание сайтов на HTML 5 и СSS 3 или эквивалентная подготовка.

Рекомендуемая подготовка (необязательная) -  Английский язык для IT специалистов (elementary) 

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете по тел. 079 844 644 

Требуемая подготовка послужит основой дальнейшего успешного прохождения курсов. Обычно она указана под названием одного из курсов нашего учебного центра (обязательная предварительная подготовка). Рекомендуется ознакомиться с программой указанного курса и оценить свои знания в рамках данной программы. Если Вы не обладаете достаточным уровнем знаний (90%) в указанном курсе, то Вам необходимо будет пройти предварительную подготовку. Это станет залогом Вашего успешного прохождения курса.

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

Модуль 1. Метрики в CSS
  • Единицы измерения
  • Относительное измерение
  • Абсолютное измерение
  • Совместимость с различными браузерами
  • Практическая работа
  • Единицы в современных браузерах
Модуль 2. Схемы позиционирования CSS
  • Четыре схемы позиционирования CSS
  • Статическое позиционирование
  • Относительное позиционирование
  • Абсолютное позиционирование
  • Фиксированное позиционирование
  • Преимущества и недостатки каждой схемы
  • Практическаяработа
Модуль 3. Переключение стилей
  • Запросы CSS
  • Синтаксис условных запросов
  • Параметры, используемые в условиях
  • Операторыиз условий
  • Принцип достижения отзывчивости
  • Практическая работа
  • Примеры отзывчивых макетов
  • Точки переключения
Модуль 4. Специальные эффекты в CSS
  • Переход
  • Анимация
  • Фильтры
  • Преобразования
  • Практическая работа
  • Генераторы эффектов
  • Резервные опции (переход в аварийный режим)
Модуль 5. Совместимость, полифилы
  • Прогрессивное развитие и изящная деградация
  • Префиксы совместимости
  • Полифилы
  • Современные библиотеки полимеризации
  • Практическая работа
  • Утилиты тестирования кроссбраузера
Модуль 6. CSS, обогащённый синтаксически (SASS, SCSS)
  • Недостатки стандартного CSS
  • Технологии динамического CSS
  • Семантические вариации CSS
  • Практическаяработа
  • Пример применения CSS, обогащённого синтаксически
Модуль 7. Типография
  • Стандартные шрифты
  • Внедрение пользовательских шрифтов
  • Специализированные шрифты, пиктограммы
  • Что представляет собой глиф
  • Генераторы веб-шрифтов
  • Совместимость
Модуль 8. Цветовые схемы и графические элементы
  • Как составляются цвета на экране
  • Общие цветовые схемы
  • Веб-совместимость
  • Веб-графические форматы
  • Оптимизация графических элементов
  • Изображение или CSS
Модуль 9. Создание современного макета
  • HTML, структура и значение
  • CSS, от глобального до деталей
  • Адаптация для устройств
  • Боксинг и широкий экран
  • Ориентация по экрану
  • Резиновыйи фиксированный вид
  • Этапы переключения
  • Регионы, секции и блоки
  • Типичные дефекты и приспособления
  • Практическая работа
  • Создание современного макета
  • Адаптация макета для мобильного, планшета и экрана
Модуль 10. Быстрая вёрстка
  • Существующие на рынке решения
  • Библиотеки и инфраструктуры
  • Практическая работа
  • Создание макета на выбранной инфраструктуре
Модуль 11. Полезные советы
  • Оптимизация и минимизация
  • Проверка совместимости
  • Тонкости (полезные советы) вёрстки

Добавить отзыв

Защитный код
Обновить

Запись на курс