Разработка интерфейсов
Стас Мельников
Наставник по HTML-верстке в "TeenCoder"
Проектирование интерфейса
Проектирование — дисциплина дизайна, занимающаяся проектированием цифровых систем
Пользовательский интерфейс (User Interface) — интерфейс, в котором одна сторона представлена человеком, другая — машиной / устройством.
Пользовательский опыт (User eXperience) — ощущения пользователя, возникающие в результате использования системы
HTML-верстка
HTML-верстка — реализация интерфейса с помощью HTML и CSS
HTML(HyperText Markup Language) — язык разметки WEB- документов
CSS(Cascading Style Sheets) — язык описания внешнего вида WEB-документа
Кроссбраузерная верстка — верстка, корректно отображающаяся в популярных браузерах
Семантическая вёрстка — верстка, основанная на использовании HTML-тегов в соответствии с их семантикой (предназначением)
Адаптивный веб-дизайн — дизайн веб-страниц, обеспечивающий удобное отображение интерфейса на различных устройствах
CSS-фреймворки — готовый набор компонентов для верстки интерфейса
Примеры:
Можно использовать если:
- Требуется быстро собрать прототип
- Нет специалиста по UI / UX
JavaScript
JavaScript — язык программирования, с помощью которого можно сделать все. Ну, или почти все =)
Web-приложения
Progressive web app
3D приложения
Десктопные приложения
Front-end для людей!
Стас Мельников
Разработка интерфейсов
By Stas Melnikov
Разработка интерфейсов
Вводная лекция в front-end разработку.
