Flesh
Модератор
- Сообщения
- 75,449
- Реакции
- 635,296
С помощью набора инструментов, основанных на HTML, CSS и jQuery, объединенных названием Bootstrap, вы научитесь быстро и просто создавать прототипы веб интерфейсов.
Зачем нужен Bootstrap?
Введение в курс по Bootstrap. Основные возможности и преимущества этого фреймворка. Примеры сайтов, построенных с помощью Bootstrap. Внутреннее содержимое фреймворка.
Базовый шаблон и Navbar
Создаем базовый шаблон Bootstrap. Добавляем верхнее меню Navbar и изменяем его под наш проект.
Jumbotron и Grid system. Принципы сеточной верстки в Bootstrap.
Добавляем основной блок на главную страницу. Разбираемся с классами row и container. Изучаем mobile first сеточную верстку в bootstrap.
Форма регистрации с помощью Bootstrap
Добавляем "Page header". Изучаем формы, текстовые поля и кнопки. Применяем radio button для выбора пола и help block для добавления подсказки в текстовые поля. Управляем размерами элементов формы.
Окно входа с помощью модального окна
Используем модальные окна для создания окна входа. Подключаем jQuery плагины через data атрибуты.
Дополнительные инструменты для Bootstrap
Используем сторонние сервисы для облегчения и ускорения процесса разработки. Применяем bootswatch для изменения темы оформления и bootsnipp для поиска готовых элементов под Twitter Bootstrap
Скачать:
Зачем нужен Bootstrap?
Введение в курс по Bootstrap. Основные возможности и преимущества этого фреймворка. Примеры сайтов, построенных с помощью Bootstrap. Внутреннее содержимое фреймворка.
Базовый шаблон и Navbar
Создаем базовый шаблон Bootstrap. Добавляем верхнее меню Navbar и изменяем его под наш проект.
Jumbotron и Grid system. Принципы сеточной верстки в Bootstrap.
Добавляем основной блок на главную страницу. Разбираемся с классами row и container. Изучаем mobile first сеточную верстку в bootstrap.
Форма регистрации с помощью Bootstrap
Добавляем "Page header". Изучаем формы, текстовые поля и кнопки. Применяем radio button для выбора пола и help block для добавления подсказки в текстовые поля. Управляем размерами элементов формы.
Окно входа с помощью модального окна
Используем модальные окна для создания окна входа. Подключаем jQuery плагины через data атрибуты.
Дополнительные инструменты для Bootstrap
Используем сторонние сервисы для облегчения и ускорения процесса разработки. Применяем bootswatch для изменения темы оформления и bootsnipp для поиска готовых элементов под Twitter Bootstrap
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Похожие темы из этого раздела:
- [Web Hacker] HTML CSS (pro) [Stepik] (2024)
- [Дмитрий Фокеев] Верстка и создание сайтов в Webflow - с нуля до результата [Stepik] (2024)
- [Дмитрий Фокеев] Создание сайтов и веб дизайн в Tilda. С нуля до результата! (2024)
- [Яна Джибути] Специалист по созданию лендингов на Tilda [formula-project]
- [Юлия Литвина] Онлайн школа на WordPress (2023)
- [Olga Nova] База знаний [Notion]
- [WebForMySelf] Все курсы закрытого клуба для веб-мастеров [Подписка] (2020-2021)
- [Герман Семикозов] Курс по современной вёрстке [learn.javascript.ru] (2022)
- [Almost Inevitable] Конструктор веб-сайтов Breakdance для Профессиональной Веб-Студии (2023)
- [GetCourse] Набор онлайн-курсов