Адаптивен уеб дизайн с Bootstrap

Bootstrap е един от най-популярните фреймуърки за HTML, CSS, и JavaScript. Той съдържа набор от инструменти за създаване на сайтове и уеб приложения: HTML/CSS шаблони за оформление на страници, уеб форми, етикети, навигационни блокове и други елементи на уеб интерфейса. С Bootstrap може да създадете динамичен дизайн, който се разтяга и свива, адаптирайки се към различните резолюции на екраните. Ще разберете как да създавате код, който да се визуализира по един и същи начин на най-различни устройства - смартфони, таблети, настолни компютри и лаптопи.

Освен, че ще ви научи да правите модерни сайтове с адаптивен дизайн, тази книга ще ви спести и доста време, понеже много от елементите на уеб интерфейса вече са направени и няма да ви се налага да изобретявате велосипеда отново. Решетки, шаблони, таблици, форми, панели, списъци, превключватели, навигация, класове - всичко това може бързо да бъде реализирано с Bootstrap.

Представен е специалният jQuery-плъгин, който ви дава възможност да "придадете" динамика на вашия сайт. Отделено е и нужното внимание на техниките за оптимизация на сайт, създаден с Bootstrap или с всеки друг front-end фреймуърк. В книгата ще намерите и реален пример на сайт, създаден с Bootstrap, а авторът се е погрижил да ви предостави и архив, съдържащ примерите от книгата, дистрибуция на Bootstrap и друго полезно програмно обезпечение.

Денис Николаевич Колисниченко е водещ автор в областта на програмирането и информационните технологии. Написал е многобройни статии и повече от 30 книги на компютърна тематика, в това число книги за PHP, MySQL, различни Linux дистрибуции (FreeBSD, Fedora, Ubuntu, openSUSE, Mandriva), Windows, интернет, Joomla!, Slaed, PHP-Nuke, Drupal и други.

Асеневци трейд ЕООД
София, 1618
р-н Витоша, Еровете № 13, ет. 2
store@asenevtsi.com

Въведение
История на фреймуърка Bootstrap
Предимства и недостатъци
Как да се чете тази книга?
Архив
Защо именно Bootstrap?

• Ориентация към мобилен дизайн
• Възможности на Bootstrap
• За кого ще бъде полезен Bootstrap?

Придобиване и инсталиране на Bootstrap

• Придобиване на Bootstrap
• Бърз старт
• Bootstrap CDN
• Използване на потребителски стилове
• Използваме средството за настройка на Bootstrap
• Дълбока настройка на Bootstap

Системата от решетки на Bootstrap

• Какво представлява системата от решетки?
• Създаване на базова решетка
• Създаване на динамично оформление
• Проектиране на оформление за настолен компютър
• Проектиране на оформление за таблет
• Проектиране на оформление за мобилен телефон
• Влагане на колонки
• Изместване на колонка
• Пренареждане на решетката

Използване на базов CSS

• Заглавия
• Абзаци и изчертаване на текст
• Класове за подравняване
• Класове за акценти
• Адрес на компанията
• Цитати
• Термини
• Списъци
• Таблици
• Бутони
• Форми
• Обикновена форма
• Вътрешноредова форма
• Хоризонтална форма
• Форматиране на кода
• Изображения

Запознаване с основните компоненти на Bootstrap

• Компоненти на страницата
• Заглавна част на страницата
• Панели
• Използване на класа Media
• Миниатюри
• Списъци
• Навигационни компоненти
• Раздели за навигиране и "таблетки"
• Навигационна лента
• "Диря от трохи"
• Елементи на потребителския интерфейс
• Етикети
• Бутони
• Класът Glyphicon

Продължаваме запознанството си с компонентите в Bootstap

• Компонентът Jumbotron
• Компонентът Well
• Индикатор за напредъка (ProgressBar)
• Пагинация
• Група бутони
• Бутони с падащо меню
• Независими и зависими превключватели в Bootstrap
• Известия

Плъгини в Bootstrap

• Шаблон за тази глава
• Изскачащи подсказки
• Плъгинът Popovers
• Изскачащи прозорци
• Плъгинът ScrollSpy
• Въртележка - слайдшоу

Оптимизация на Bootstrap

• Техники за оптимизация
• Оптимизация на CSS файлове
• Оптимизация на JavaScript кода
• Оптимизация на изображения
• Типични грешки

Теми, шаблони и допълнителни ресурси

• Теми и шаблони
• Платени шаблони
• Безплатни шаблони
• Плъгини за Bootstrap
• Редактори

Реален пример: пишем сайт за блог

• Разработка на главната страница
• Страничката със записа на блога
• Контактна форма

Заключение