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

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

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

Ваш код скидки: web4myself

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

«Кроме непосредственного изучения 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’а — это именно то, из-за чего он нам в первую очередь и нужен. Именно поэтому фактически половина первой части — 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, которые могут понадобиться для изучения курса, входят в данный курс в виде бонусов.