WebForMySelf - Фреймворк Bootstrap 4. Руководство по адаптивной верстке (2019)

Maksim

Особенный
Спасибо от Разулы
Регистрация
14 Май 2016
Сообщения
3.302
Реакции
5.782
548

Bootstrap — самый популярный в мире на сегодняшний день HTML-, CSS- и javascript-фреймворк для верстки адаптивных, кроссбраузерных, веб-страниц и веб-проектов. Bootstrap помогает при верстке страниц, упрощает и ускоряет ее.

Фреймворк состоит из множества различных компонентов, которые «собирают» веб-страницу: форм, кнопок, навигации, сетки блоков и так далее.



Для кого создавался курс
  • Вы начинающий верстальщик или веб-мастер с нулевыми знаниями в верстке
  • Вы хотите научиться верстать быстро и просто, создавая аккуратные и ровные странички, которые изначально являются адаптивными и отлично выглядят на различных экранах
  • У вас имеется уже некоторый опыт верстки макетов
  • Вы хотите верстать красивые сайты, которые не стыдно будет показать в своем портфолио
  • Вам надоело верстать страницы, тратя на это слишком много времени, а затем еще и адаптировать их для мобильных устройств
  • Вы хотите не только верстать макеты, но и создавать из них динамичные сайты на движке WordPress

  • Чем этот видеокурс отличается от других

    Уникальность курса состоит в том, что здесь вы найдете не только уроки по CSS-фреймворку Bootstrap 4, но и по CMS WordPress. Созданная в курсе верстка на Bootstrap устанавливается на CMS №1 в мире – WordPress.

    Таким образом, в одном месте показан весь процесс создания полноценного функционального динамического сайта с полного нуля.

    Еще лет 5 назад под версткой понималось прежде всего именно верстка шаблона. Дальше за дело уже брался программист, задачей которого была посадка шаблона на CMS.

    Сегодня реалии изменились и часто от верстальщика требуются навыки работы с популярными CMS и знание того, как посадить верстку на движок. Проще говоря, требуется умение создать работающий сайт.

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

  • Что вы найдете в курсе

    Получите подробное знакомство с теорией CSS-фреймворка Bootstrap 4. Узнаете о том, что такое CSS-фреймворки вообще и что такое Bootstrap в частности.

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

    Большое внимание уделено такой важной теме, как сетка Bootstrap. Именно благодаря сетке нам и интересны CSS-фреймворки в первую очередь.

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

    Узнаете о вариантах кастомизации Bootstrap, т.е. изменение оформления под себя, под потребности имеющегося дизайна.
Увидите создание темы для Wordpress и готового динамичного сайта
Часто от верстальщика требуются навыки работы с популярными CMS и знание того, как посадить верстку на движок. Проще говоря, требуется умение создать работающий сайт.

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

Вы получите :

  1. Возможность изучить верстку с нуля, благодаря бонусной части курса.
  2. Возможность изучить современную верстку, которая позволяет создавать полностью адаптивные сайты.
  3. Вы изучите самый популярный на сегодняшний день CSS-фреймворк – Bootstrap 4. Знание Bootstrap сегодня является фактически необходимым требованием к современному веб-мастеру.
  4. Возможность изучить WordPress, если вы никогда не работали с данной CMS.
  5. Быструю разработку тем для WordPress, благодаря использованию стартовой темы Underscores.
  6. При должном усердии и ответственном подходе, вы научитесь создавать готовые сайты с нуля, начиная с верстки макета и заканчивая созданием на его основе темы для WordPress.
  7. Возможность изучить PHP и ООП PHP, если вы начинающий программист и хотите поднять свой уровень.
Из каких уроков состоит курс
Часть 1.Теория
3 часа 09 минут

  1. Введение 12:03
  2. Подключение Bootstrap 12:25
  3. Теория сетки Bootstrap 13:54
  4. Сетка Bootstrap. Часть 122:46
  5. Сетка Bootstrap. Часть 217:2
  6. Сетка Bootstrap. Часть 312:05
  7. Сетка Bootstrap. Часть 421:58
  8. Классы-помощники Bootstrap 16:29
  9. Элементы контента. Изображения и таблицы 15:34
  10. Компонент Alert 05:16
  11. Компонент Modal 19:26
  12. Кастомизация Bootstrap 19:35
Часть 2.Верстка шаблона сайта
5 часов 06 минут

  1. Анализ макета 15:05
  2. Browsersync 11:02
  3. Общие стили макета 19:21
  4. Разметка блока Header 17:07
  5. Оформление блока Header 17:27
  6. Адаптивность блока Header 18:35
  7. Разметка секции Watch 09:33
  8. Оформление секции Watch 10:51
  9. Адаптивность секции Watch 06:03
  10. Разметка секции Progress 05:05
  11. Оформление секции Progress 07:35
  12. Верстка и оформление секции Letsgrow 05:50
  13. Верстка секции Design 08:31
  14. Оформление секции Design 11:11
  15. Верстка секции Work 11:41
  16. Оформление секции Work 10:00
  17. Верстка секции Reviews 10:51
  18. Оформление секции Reviews 11:02
  19. Адаптивность секции Reviews 06:55
  20. Верстка секции Form 04:39
  21. Оформление секции Form 08:33
  22. Верстка футера 09:00
  23. Оформление футера 15:53
  24. Кнопка вверх 09:31
  25. Прелоадер для сайта 11:11
  26. Верстка страницы статей 12:45
  27. Оформление страницы статей 19:27
  28. Шаблон отдельной статьи 01:43
Часть 3.Создание темы для WordPress
5 часов 59 минут

  1. Установка WordPress 08:29
  2. Стартовая тема Underscores 19:49
  3. Перенос шаблона в структуру темы 25:34
  4. Возможности плагина ACF 16:57
  5. Логотип сайта 16:29
  6. Меню в шапке 14:07
  7. Вывод произвольных полей шапки 26:29
  8. Шаблоны Header и Footer 06:50
  9. Получение контента секции Watch 22:06
  10. Вывод контента секции Watch 32:07
  11. Реализация секции Progress 16:21
  12. Реализация секции Lets 08:11
  13. Реализация секции Design 16:55
  14. Реализация секции галерей 11:42
  15. Произвольные типы записей 14:33
  16. Секция Отзывы клиентов 13:04
  17. Плагин Contact Form 7. Часть 119:48
  18. Плагин Contact Form 7. Часть 208:15
  19. Виджеты. Кэширование 21:11
  20. Шаблон рубрик 18:24
  21. Постраничная навигация 13:15
  22. Шаблоны страниц и записей 08:19

Информация о видео
Название: Фреймворк Bootstrap 4. Руководство по адаптивной верстке
Автор: Кудлай Андрей
Год выхода: 2019
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: долго

Файл
Формат: HTML, MP4 (+доп.файлы)
Видео: AVC, 1280x720, ~360 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер файла: 8 Gb


Войти или Зарегистрироваться чтобы увидеть скрытый текст.


Войти или Зарегистрироваться чтобы увидеть скрытый текст.


Войти или Зарегистрироваться чтобы увидеть скрытый текст.




Скачать: Для просмотра скрытого содержимого необходимо Войти или Зарегистрироваться.
ссылки больше нет
 
Последнее редактирование:
Сверху