Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

Bootstrap-4 первые шаги / Отзывы: карты - в сетку

  • На этом уроке мы сделаем карты ровными и научимся использовать в стилях  шрифты с google fonts
  • Дата отправки отчёта: 27 декабря 2018 г.
  • Задание выполнено: за 47 мин.
  • Чему научился: Что забавно, так это то, что прошлые уроки, я это в качестве факультатива проделал.
    Так что, это уже сделано на прошлых уроках. Буду двигаться дальше.
  • Что было сложным: А вот адекватный тест разместить не удалось...
    Хотел осветить пару моментов, которые на собеседовании ставят в тупик:
    • ЧТО ВКЛЮЧАЕТ В СЕБЯ ПАКЕТ BOOTSTRAP?
    Bootstrap включает включает в себя:
    • Scaffolding - Bootstrap предоставляет базовую структуру с табличной системой Grid System, стилями ссылок, фоном.
    • CSS - Bootstrap поставляется с функцией глобальных CSS настроек, основными HTML элементами, имеющими стили и улучшенных с помощью расширяемых классов, и передовой табличной системой.
    • Components - Bootstrap  содержит более десятка компонентов многократного использовании, построенных для обеспечения иконографии, выпадающих элементов, навигации, оповещений, всплывающих панелей popovers, и многое другое.
    • JavaScript Plugins - Bootstrap содержит более десятка пользовательских подключаемых модулей jQuery. Вы можете легко подключить их все, или по одному.
    • Customize - вы можете настроить Bootstrap компоненты, LESS переменные и jQuery плагины, чтобы получить свою собственную версию Bootstrap.
    • КАКИЕ ОСНОВНЫЕ ИНСТРУМЕНТЫ BOOTSTRAP?
    Основные инструменты Bootstrap:
    • Сетки - заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140px относится к классу ".span2" (".col-md-2" в третьей версии фреймворка), который можно использовать в CSS описании документа.
    • Шаблоны - фиксированный или резиновый шаблон документа.
    • Типографика - описания шрифтов, определение некоторых классов для шрифтов, таких как код, цитаты и т. п.
    • Медиа - представляет некоторое управление изображениями и видео.
    • Таблицы - средства оформления таблиц, вплоть до добавления функциональности сортировки.
    • Формы - классы для оформления форм и некоторых событий происходящих с ними.
    • Навигация - классы оформления для табов, вкладок, страничности, меню и тулбара.
    • Алерты - оформление диалоговых окон, подсказок и всплывающих окон
    • ЧТО ТАКОЕ CONTEXTUAL КЛАССЫ ТАБЛИЦЫ В BOOTSTRAP?
    Contextual классы позволяют изменить цвет фона табличных строк или индивидуальных ячеек:
    • .active - применяет цвет при наведении на конкретную строку или ячейку.
    • .success - указывает на успешное или положительное действие.
    • .warning - указывает предупреждение, что, возможно, потребуется действие.
    • .danger - указывает на опасное или потенциально негативное действие.

    Кто сумеет их разместить корректно в тест - заработает себе байты, а проходящим поможет шире посмотреть на данный продукт
  • Оценка видео-уроку:
Отчёт от 19475 за Bootstrap-4 первые шаги / Отзывы: карты - в сетку


Отчёт от 19475 за Bootstrap-4 первые шаги / Отзывы: карты - в сетку




Оцени работу

 
Сохранить страницу:

791. --
Валерий Жданов
Валерий Жданов
ответить
→  Konstantin  # Bootstrap-4 первые шаги / Отзывы: карты - в сетку / 2018-12-27 23:58

Ой, Костя, кто сумеет разместить их в текст корректно, да потом этот текст выгодно продать - богатым будет)) (намекаю на заработок)
а насчет "шире смотреть на продукт" - согласен


17947. --
Dmitry Sinitsin
Dmitry Sinitsin
ответить
→  Konstantin  # Bootstrap-4 первые шаги / Отзывы: карты - в сетку / 2018-12-28 08:33

Снимаю шляпу перед автором отчёта, который интересно почитать. Без подобной практики развернутого анализа освоенного материала видеоурока, вся "Проверка работ" превращается в тупое перелистывание непонятных иллюстраций к найденному времени на учёбу неизвестного курсанта. Спасибо за отчёт, который интересно читать и мотать на ус. Благо их целых два ))
Тесты добавлены, байты заработаны, Ваше приказание выполнено! Материал для тестов - супер!
www.videosharp.info/video/quiz/nr=2325/quiz_id=214


19475. --
Konstantin
Konstantin
ответить
# Bootstrap-4 первые шаги / Отзывы: карты - в сетку / 2018-12-28 10:35

Мне приятель выслал опросник с ответами.  У них в отделе снижали ЗП на 20 000р., если на вопрос - что включает в себя Bootstrap, человек отвечал JavaScript, CSS и таблицы.
Кстате, я так же ответил. После того, как увидел. что там содержится - стало интересно  поковыряться в структуре.


13417. --
Chip
Chip
ответить
→  Konstantin  # Bootstrap-4 первые шаги / Отзывы: карты - в сетку / 2018-12-28 11:52

Посмотрите видеоурок www.videosharp.info/video/start/nr=1207. Он был недавно добавлен. Здесь показывается как добавить тест к уроку.


  • Отчёт оценивали:
    791Валерий Жданов+1   11019Trira+1   10494Алексей В.+1   20111Deep Network+1   3922Александр+1   17947Dmitry Sinitsin+1   19475Konstantin+1   9752chokayes+1   13417Chip+1   17606Виктор+1   1Евгений Волосатов+1   7119Новопашин Владимир+1   10895Danil42Russia+1  

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Разместил карточки в сетке bootstrap. Импортировал шрифты c сайта google fonts. Установил шрифт 'Pacifico' для имени человека, оставившего отзыв. Установил шрифт 'Nanum Gothic' для ссылок в меню навигации.



Научился:  Привязала карточки к Bootstrap-сетке, а так же использовала google-шрифты в стилях заголовков карточек и навигационного меню.