Bootstrap в примерах
Сильвио Морето

Bootstrap в примерах

Видавництво ДМК Пресс
Рік видання 2017
скоро в продажі
0.00 Грн
Заповніть форму:
Оплата и доставка
 
Безкоштовна доставка
за Ваше замовлення від 800 грн
 
Кур’єром по Львову
безкоштовно від 800 грн.
(до 800 грн. – вартість від 35 грн.,залежно від ваги замовлення)
 
Кур’єром по Києву
безкоштовно від 800 грн.
(до 800 грн. – вартість 35 грн.,залежно від ваги замовлення)
 
До складу Нової пошти у Вашому місті
безкоштовно від 800 грн.
(до 800 грн. – вартість від 35 грн.,залежно від ваги замовлення)
 
З доставкою кур'єрською службою за адресою від 65 грн.
(залежно від ваги замовлення)
 
Спосіб оплати:
 
- Готівкою
- Оплата на картку (через Приват24, Portmone, IBox та інші)
- Післяплата (оплата при отриманні товару на складі Нової пошти – враховуються % за зворотню доставку оплати)
Дана книга містить різні приклади і покроковий опис створення різних веб-додатків за допомогою клієнтського фреймворка Bootstrap. Розглядається сіткова система, основні компоненти Bootstrap, HTML-елементи і настройка компонентів для адаптивної розробки. Описується створення моніторингової панелі веб-додатків за допомогою просунутих можливостей Bootstrap, включаючи настройку компонентів, обробку подій і розширену інтеграцію бібліотек.
 
Прочитавши книгу, ви:
- Навчитеся використовувати компоненти і елементи Bootstrap, налаштовувати їх для застосування в своїх проектах;
- Дізнаєтеся про кращіметодики сучасних клієнтських фреймворків і рекомендовані моделі розробки;
- Створите веб-сторінки для будь-якого виду пристроїв;
- Розробите подібний до Twitter додаток, паралельно дізнавшись про просунуті компоненти Bootstrap;
- Об'єднаєте міць JavaScript і Bootstrap-додатки для збільшення функціональності;
- Дізнаєтеся різницю між версіями Bootstrap;
- Створите панель моніторингу веб-додатків за допомогою модулів Bootstrap на JavaScript;
- Розширите свої знання про зовнішні модулі Bootstrap, їх приєднання і використання.
 
Видання адресоване розробникам зовнішніх інтерфейсів, що не знайомі з Bootstrap. Проте, маються на увазі базові знання HTML, CSS і JavaScript, вітається знайомство з іншими фреймворками, наприклад, з JQuery.
 
ЗМІСТ
Об авторе 

О техническом рецензенте
Предисловие
О чем рассказывается в этой книге
Что потребуется для работы с книгой
Кому адресована эта книга
Соглашения
Отзывы и пожелания
Загрузка исходного кода примеров
Список опечаток
Нарушение авторских прав
Вопросы
Загрузка цветных изображений для книги 

Глава 1. Начало
Получение Bootstrap
Установка фреймворка
Структура папок
Простой пример
Теги, необходимые Bootstrap
Создание первого примера с использованием Bootstrap
Тег контейнера
Необязательность использования CDN
Деятельность сообщества
Инструменты
Bootstrap и веб-приложения
Совместимость с браузерами
Итоги 

Глава 2. Создание надежной основы
Суть сеточной системы

Построение основы 

Настройка
Смещение столбцов
Завершение строк сетки
Вложение строк
Завершение сетки
Контейнер container-fluid
Нам не хватает оформления!
Заголовки повсюду
Поиграем с кнопками
Подробнее об оформлении и тегах
Управление таблицами
Стилизация кнопок
Как босс!
Заключительные соображения
Расчет размеров
Выравнивание плавающих элементов
Метод clearfix
Определение шрифтов для оформления
Итоги 

Глава 3. Да, в первую очередь для мобильных устройств
Что делает его великим
Bootstrap и разработка в первую очередь для мобильных устройств
Отладка для различных областей просмотра в браузере
Наведение порядка
Создание целевой страницы для разных устройств

Мобильные и сверхмалые устройства 

Планшеты и малые устройства
Настольные и большие устройства
Итоги 

Глава 4. Применение стилей Bootstrap
Изменение компоновки сетки
Начало создания сеточной системы
Формирование форм
Изображения
Вспомогательные классы
Итоги 

Глава 5. Что делает его фантастическим 
Использование значков в Bootstrap
Займемся навигацией
Свертывание панели навигации
Иные способы размещения
Цвет навигационной панели
Раскрывающееся меню
Настройка кнопок с раскрывающимся списком
Группировка элементов ввода
Готовимся к использованию разметки Flexbox!
Основные понятия Flexbox
Эксперименты с Bootstrap и Flexbox
Итоги 

Глава 6. Можно ли создать веб-приложение?
Что такое веб-приложение
Создание структуры кода
Добавление навигации
Добавление поля ввода для поиска
Пришло время создания пунктов меню!

Настройка навигационной панели 

Вам нужен бейдж!
Решение проблем навигационной панели
И снова сетка
Эксперименты с карточками
Карточки в Bootstrap 4
Создание собственных карточек
Добавление карточки в веб-приложение
Карточка с миниатюрами
Наполнение содержимым основного раздела
Создание ленты
Разделение списка сообщений на страницы
Создание навигационной цепочки
Добавление контента в колонку справа
Итоги 

Глава 7. Конечно можно создать веб-приложение!
Сообщения в веб-приложении
Отключаемые сообщения
Настройка сообщений
Индикатор выполнения
Параметры индикатора выполнения
Анимация индикатора выполнения
Создание страницы с настройками
Вертикальное навигационное меню
Вкладки в середине
Наполнение вкладки с информацией о пользователе
Столбец статистики
Этикетки и бейджи
Итоги 

Глава 8. Работа с JavaScript

Введение в плагины на JavaScript 

Зависимости 
Атрибуты данных
JavaScript-события в Bootstrap
Потрясающая реализация модальности в Bootstrap
Общие сведения о модальности и модальный контент
Заголовок модальной панели
Тело модальной панели
Нижний колонтитул модальной панели
Создание собственной модальной панели
Инструмент для вывода подсказок
Парящие над всеми
События всплывающих панелей
Создание аффикса меню
Завершение веб-приложения
Итоги 

Глава 9. Введение в продвинутый режим
Общий план
Последняя навигационная панель с Flexbox
Поиск
Меню навигации
Просмотр учетной записи
Наполнение основного плавающего раздела
Боковое вертикальное меню
Левое меню отлично смотрится!
Плагин сворачивания
Использование продвинутых CSS-стилей
Добавление основного контента
Круговые диаграммы

Создание карточки оперативной статистики 

Радиальная диаграмма
Параллельная загрузка
Исправление вывода кнопки переключения на мобильных устройствах
Итоги  иглавление

Глава 10. Оживление компонентов
Создание карточек в основном разделе
Создание карточки из компонентов Bootstrap
Создание последней карточки
Исправление неправильного отображения на мобильных устройствах
Исправление навигационного меню
Оформление списка оповещений
Добавление потерянного левого меню
Выравнивание круговых диаграмм
Знакомство с другими продвинутыми плагинами
Использование каруселей Bootstrap
Отслеживание прокрутки в Bootstrap
Итоги 

Глава 11. Переделка на свой лад
Настройка компонентов Bootstrap
Настройка кнопки
Использование кнопок-переключателей
Кнопки-переключатели в виде флажков
Кнопка в качестве радиокнопки
Настройка с помощью JavaScript

Настройка плагинов 

Дополнительные плагины Bootstrap
Создание плагина Bootstrap
Создание основы плагина
Определение методов плагина
Инициализация и проверка подключаемого модуля
Добавление шаблона Bootstrap
Создание оригинального шаблона
Инициализация оригинального плагина
Запуск плагина в работу
Добавление методов в плагин
Итоги 
Предметный указатель

Додаткові характеристики
сторінки 314 с.
палітурка м'яка
формат 145х215 мм
ISBN 978-5-97060-423-6

Написати відгук

Ваше Ім’я:
Введіть код, вказаний на зображенні:

Рейтинг
Ваш відгук:

Примітка:HTML теги не дозволені! Використовуйте звичайний текст.

Залишити відгук