Курс по Bootstrap 3 (2014)
22.01.2015
С помощью набора инструментов, основанных на HTML, CSS и jQuery, объединенных названием Bootstrap, вы научитесь быстро и просто создавать прототипы веб интерфейсов.
В процессе курса вы создадите многофункциональное меню, лендинг-страницу, страницу регистрации и всплывающее окно с формой входа. Также вы познакомитесь с принципами Responsive Design, когда страница автоматически подстраивается под разные размеры экрана.
Вы узнаете, как в собственных проектах можно использовать код, который уже написали за вас. Благодаря этим знаниям вы сэкономите десятки часов времени и вам не придется платить опытным разработчикам за верстку прототипа вашего проекта.
Автор: Михаил Трофимов
Жанр: Bootstrap
Продолжительность: 00:36:00
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео: ~543 kb/s 29,970 FPS
Размер кадра: 1280 x 720
Аудиокодек: AAC
Битрейт аудио: 147 kb/s (CBR), 2 Ch, 48000 Hz
- Зачем нужен 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
Скачать обучающий видеокурс (193.95 MB):
Похожие новости
- Merlin Project 3.1.4 – менеджер проектов для Mac OS X
- Picturesque 2.4.5
- Intensify CK (Pro) 1.2.3
- Cinemagraph Pro 1.6.2
- Хакер №9 (сентябрь 2015)
- Warhammer® 40,000: Dawn of War® II Chaos Rising (2016)
- ClipWrap 2.6
- OnyX 3.2.7 for macOS 10.12 Sierra
- PDFpenPro 10.2.1 редактор PDF для Mac OS
- Mail Stationery 2.2.4
- Murus Pro 1.4.3
- Espresso 5.2.2
- PixPlant 3.0.8
- iGif Creator 4.0.0
- SQLPro for SQLite 1.0.310
- Xfer Records LFOTool v1.6.9.3 VST AU AAX
- Notability 2.9.3
- Astute Graphics Plug-ins Bundle 1.0.5 for Adobe™ Illustrator™ CC
- Screen Capture Pro 2.5.0
- Практический видеомонтаж в Premiere Pro CC (2015)