83120 Петровского
» Bootstrap, CSS, Скидки »

Фреймворк Bootstrap: практика адаптивной верстки от А до Я (видеокурс со скидкой)

"аналогов этому видеокурсу в Рунете в данный момент просто нет. На всем русскоязычном пространстве по состоянию на начало 2016 года нет ни одного исчерпывающего видеоруководства, которое полностью бы раскрывало все нюансы работы в этом невероятно популярном CSS-фреймворке" © Андрей Кудлай

Скидка 30 процентов на покупку видеокурса Андрея Кудлай “Фреймворк Bootstrap: практика адаптивной верстки от А до Я” добавлена для читателей сайта Prodaga.COM.

"Кроме непосредственного изучения Bootstrap`a, курс охватывает все базовые знания верстки. Поэтому он будет ценен также для начинающих пользователей, которые только приступили к изучению HTML и CSS, поскольку в курсе можно найти множество приемов современной верстки с использованием HTML5 и CSS3." © Андрей Кудлай

Почему мы выбираем CSS-фреймворк Bootstrap?

Популярность

По состоянию на конец января 2016 года Bootstrap заслуженно является бесспорным лидером по популярности среди фреймворков для верстки.

Мощное сообщество

Bootstrap обладает крупнейшим мировым сообществом и переведен на все распространенные языки на планете. Фреймворк имеет развитое сообщество и в России, что гарантирует всегда актуальную документацию на русском и отсутствие проблем с переводом.

Полная документация

Все компоненты платформы Bootstrap имеют подробнейшую постоянно обновляемую документацию на большинстве языков мира, включая и русский. У вас не возникнет проблем при работе с версткой.

Развитая экосистема

Огромное сообщество разработчиков и поклонников Bootstrap регулярно создает новые плагины, которые полностью вписываются в дизайн и концепцию фреймворка. Многие переведены на русский.

Открытое ПО

Отличительной особенностью Bootstrap является открытый исходный код, что гарантирует удобство использования и его полную бесплатность.

Под любое устройство

Bootstrap использует самые современные наработки в области CSS и HTML, а сверстанные на нем сайты всегда идеально отображаются на устройствах любой формы и размера: от мобильных телефонов и планшетов до ноутбуков и огромных десктопных мониторов и даже телевизоров.

Высокая скорость

Динамичные макеты Bootstrap масштабируются на разные устройства и разрешения экрана без каких-либо изменений в разметке.

Экономия времени

Bootstrap позволяет экономить время и усилия, используя шаблоны дизайна и классы. Это дает возможность сконцентрироваться на других разработках и выполнять гораздо больше веб-проектов в единицу времени. А чем больше проектов вы выполните, тем больше денег получите.

Для веб-мастеров всех уровней

Bootstrap – один из наиболее простых в освоении фреймворков. Все, что от вас потребуется, – это лишь минимальные знания HTML и CSS. Поэтому его легко может освоить даже сайтостроитель-новичок.

Перспективность

Проект развивается стремительными темпами. А, учитывая его популярность и неоспоримые преимущества платформы, лидерство Бутстрэпа на мировом рынке гарантировано по меньшей мере в ближайшие несколько лет..

Совместимость с браузерами

Bootstrap совместим со всеми популярными браузерами: Google Chrome, Mozilla Firefox, Internet Explorer, Opera, Safari… и даже Yandex Browser.

Гармоничный дизайн

Все компоненты платформы Bootstrap используют единый стиль и шаблоны с помощью центральной библиотеки. Дизайн и макеты веб-страниц согласуются друг с другом.

Содержание видеокурса "Фреймворк Bootstrap: практика адаптивной верстки от А до Я"

Видеокурс состоит из 49 огромных уроков средней продолжительностью урока – 20 минут и общей продолжительностью основной части курса – около 17 часов!

Фреймворк Bootstrap: практика адаптивной верстки от А до Я

  • Теория фреймворка Bootstrap - Первая часть курса посвящена изучению фреймворка Bootstrap, изучению его возможностей. Особое внимание уделено изюминке и жемчужине фреймворка - сетке. Сетка Bootstrap’а - это именно то, из-за чего он нам в первую очередь и нужен. Именно поэтому фактически половина первой части - 4 из 9 уроков выделены под изучение и практику работы с сеткой Bootstrap’a. Именно сетка фреймворка позволяет нам верстать ровные красивые и аккуратные страницы, которые к тому же уже изначально будут адаптивными.
    • Вводный урок.
    • Установка Bootstrap.
    • Сетка Bootstrap. Теория.
    • Сетка Bootstrap. Практика. Часть 1.
    • Сетка Bootstrap. Практика. Часть 2.
    • Сетка Bootstrap. Верстка простого макета.
    • Компоненты Bootstrap.
    • Кастомизация Bootstrap. Часть 1.
    • Кастомизация Bootstrap. Часть 2.
  • Практика. Верстка макета интернет-магазина StyleTour - От теории мы плавно переходим к практике. Вторая часть курса посвящена исключительно практике работы с фреймворком Bootstrap. Здесь мы, конечно же, основное внимание будем, опять-таки, уделять работе с основой фреймворка - с сеткой. Но также мы не оставим без внимания и использование компонентов фреймворка. В частности, несколько уроков уже текущей части курса будут посвящены работе со слайдером фреймворка, который мы будем кастомизировать под себя. Итак, вторая часть курса посвящена созданию главной страницы интернет-магазина StyleTour.
    • Анализ шаблона.
    • Верстка верхнего меню.
    • Оформление верхнего меню.
    • Установка слайдера.
    • Меняем эффект слайдера.
    • Добавление контента слайдера.
    • Индикаторы слайдера.
    • Верстка основного меню.
    • Оформление основного меню.
    • Дополнительные варианты меню.
    • Структура контентной части.
    • Виджеты сайдбара.
    • Завершаем разметку сайдбара.
    • Оформление слайдера сайдбара.
    • Завершаем оформление сайдбара.
    • Верстка карточки товара.
    • Оформление карточки товара. Вариант 1.
    • Оформление карточки товара. Вариант 2.
    • Завершаем верстку контента.
    • Разметка формы подписки.
    • Оформление формы подписки.
    • Слайдер в футере.
    • Разметка футера.
    • Оформление футера.
  • Практика. Верстка макета лендинга Eventide - Третья часть курса посвящена созданию так называемого одностраничника или лендинга. Здесь мы, как и ранее, особое внимание будем уделять сетке фреймворка. Также мы поработаем с новыми компонентами Bootstrap'a, работу с которыми не затрагивали ранее: в частности, это вкладки, аккордеон и модальные окна. Среди всего прочего мы с вами будем использовать не только родные, но и сторонние компоненты для Bootstrap'a. Например, мы используем компонент для создания нестандартных выпадающих списков формы, а также компонент для валидации форм.
    • Анализ макета.
    • Верстка секции шапки.
    • Задаем общие стилевые правила.
    • Оформление секции HEADER.
    • Верстка первой части секции Спикеры.
    • Оформление первой части секции Спикеры.
    • Верстка второй части секции Спикеры.
    • Оформление второй части секции Спикеры.
    • Модальные окна в Bootstrap.
    • Верстка первой части секции Event.
    • Оформление первой части секции Event.
    • Состояние переключения аккордеона.
    • Вторая часть секции Event.
    • Третья часть секции Event.
    • Верстка секции Form.
    • Валидация формы.
    • Выпадающий список формы.
    • Секция спонсоров и карта.
    • Верстка футера.
    • Оформление футера.
    • Добавляем эффекты анимации.

Все дополнительные знания по верстке, включая наиболее актуальные знания из HTML5 и CSS3, которые могут понадобиться для изучения курса, входят в данный курс в виде бонусов.

Дополнительная информация


Другие записи автора видео, ранее добавленные в архив:
Сокращенная ссылка:

100 советов: как стать успешным бизнесменом!
Подпишитесь БЕСПЛАТНО и...

узнавайте первыми о добавлении на сайт архива обучающего видео:

и другого обучающего видео...

Введите свой адрес e-mail:

 

RSS сайта video-lessons
Получайте новое обучающее видео в ваш почтовый ящик!

Обучающее видео в соц. сетях:
обучающее видео в ВКонтакте обучающее видео в Google+ обучающее видео в Facebook обучающее видео в twitter обучающее видео в Моём Мире обучающее видео на Youtube обучающее видео в RSS-ленте обучающее видео на Telegram-канале