Что такое bootstrap 4. Как подключить Бутстрап! Что такое фреймворк?

В этом видео я рассказываю что такое bootstrap 4. Что у него общего с другими css-фреймворками, такими как: materialize css, bulma, foundation, semantic ui. А так же показываю как его можно подключить и использовать какие-то компоненты (кнопки / базовый grid, панели)
======================================
Наиболее популярные css-фреймворки:
getbootstrap.com/
bulma.io/
foundation.zur...
tailwindcss.com/
semantic-ui.com/
materializecss...

[@prosto_razrabotka]

Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

[@YS-nh6bw]

Спасибо, что не льешь воду по 20 минут.

[@prosto_razrabotka]

Благодарю)

[@CLEARSKY98]

я думал ты будешь 6 мин расказывать, а ты быриком еще и установку показал, лайк!

[@ruslan66545]

Бляя, ты мне мир открыл, как я раньше без этого жил, оказывается все так просто может быть, блин, а я верстал все с нуля, чем больше познаю тем больше удивляюсь)))

[@daamn910]

ну если верстать с нуля, то опыта все же больше будет, а это просто каркас для основной работы

[@DmitriyT7]

Отличное качество видео и звука. Все по делу и ничего лишнего. Спасибо за канал :)

[@cyberwarrior2669]

Я наконец-то понял, что такое фреймворк =)) офигеть. Любые фреймворки - это типа шаблонов с кучами всяких готовых решений, чтобы самому не писать код (html, css, js, php), а вставить уже готовый. А они все подключаются через интернет к сайту фремворка? Спасибо вам огромное, вы так легко все объяснили. Я год не мог понять, что такое фреймворк и как он работает. А у вас меньше, чем за 10 минут все понял!

[@phello57]

Адекватных людей отличает то, что они открывают гугл, и конкретно показывают через запись экрана ответ на вопрос. А не записывают ролики, где непонятный термин "объясняют" ста другими непонятными терминами без примеров ) Спасибо за годный контент!

[@БектурСайпидинов-и9х]

спасибо , что рассказали. кажется вы мне облегчили жизнь.

[@aleksyantkiewicz4369]

Спасибо! Как раз дошел до бутстрап и с ходу неудалось подключить. Теперь попробую исходя из вашего урока. :)

[@-web2378]

через npm попробуй) ыыыы

[@rustem7756]

Лайк поставил, потом посмотрю)

[@prosto_razrabotka]

Норм вариант -)

[@Dmitry-kr1mr]

Почему у тебя такой кайфовый формат, так на лайте всё смотрится! Да, было бы неплохо практческий видос, как верстают целый проект с псдшника на бутстрапчике. А еще это единственный канал у меня, на котором стоит колокольчик ахах

[@ФеликсЧерный-р8в]

Спасибо) будем звать тебя Сенсей 💥 все очень просто и понятно )))

[@alexlightweight]

Отличный видос ! Главное все просто без премудростей.

[@АлександрБуланов-о6к]

крутой чувак, приятно и понятно объясняет, подписка

[@re1axingmusicforsoulandbody]

Спасибо большое , почти посмотрел все твои видосики) очень хочу стать хорошим фронтенд разработчиком, ты очень круто рассказываешь)

[@Алексей-у2м7н]

До какого уровня дошёл?

[@Streamlitds]

@@Алексей-у2м7н Сеньор

[@vadimbely1974]

Виталя! Как всегда молодец и спасибо огромное!

[@prosto_razrabotka]

Благодарю -)

[@ДенисЖилкин-ш5щ]

Круто! Так и до React дойдём:D сила в маленьких шагах)

[@prosto_razrabotka]

Именно!)

[@forzyz7123]

то есть бутстрап даёт стиль сразу без цсс или как, все равно не понял для чего он нужен.

[@bobo_6]

Ты лучший, по больше бы контент

[@vladimirzakurdaev315]

Очень дельный контент, уровень вышка, каждый выпуск смотрю с большим удовольствием.

[@useruseroff6605]

Спасибо всё четко и ясно!

[@ИгорьГлазков-с1б]

Очень хорошее обучение. Спасибо Виталий.

[@like9138]

СПАСИБО!

[@Алексей-ч5б1б]

Спасибо огромное! Лайк!

[@prosto_razrabotka]

Спасибо -)

[@feridazizov8950]

Спасибо за краткость

[@ИванИванов-у3ч4м]

Если у меня пропал бы звук я подумал бы что перепутал видео и это какой то рэпер фристайлит...

[@ВладимирСедых-я3л]

когда не понял ни одного слова и все равно поставил лайк

[@TheTexPro]

Спасибо) очень познавательно!

[@tyortyo]

Спасибо. Коротко, четко и с хорошим звуком. Правда, одно не понял... Согласно озвученному лексическому значению, получается, что это все-таки библиотека?

[@sbv89]

класно разказуеш! когда ждать введения по работе с JS?

[@artemlobanchikov2270]

Я не понял в чем разница между фрейворком и библиотекой. Ты идешь на сайт, подключаешь ссылку или файл и пользуешься приколами этого приложения. Можешь всеми пользоваться, разве не это называется библиотекой?

[@anvara.6709]

на первой секунде показалось, что начнешь петь)

[@prosto_razrabotka]

До песен пока далеко, но вот стихи и скороговорки начал читать на втором канале -)

[@Max-kr4ie]

@@prosto_razrabotka как увидел этот микрофон первая мысль, сейчас будет рэп) Вторая, или он тренируется на роль ведушего на радио? хм

[@prosto_razrabotka]

@@Max-kr4ie Кто знает... -)

[@alsoualsou9]

спасибо!)))

[@sagingaliy.6126]

А какую литературу по js актуальную по текущим реалиям можно начать читать? Было бы интересно на эту тему ролик. Да не только по джс, можно по штмл и цсс актуальную литературу. Спасибо за ответ заранее.

[@ivanfabrichnov]

Sagingali Y. Learn.javascript.ru

[@invisibleworld3307]

Если я правильно понял, сперва создаешь структуру сайта - с помощью HTML, а затем подключаешь этот самый фрейворк. Чтобы сделать страницу красочнее. Сделай пожалуйста акцент не много в сторону структуры сайта (HTML-кода), то есть, на что обратить внимание при добавлении Bootstrapa, какие лучше использовать теги, чтобы фрейворк вписался и т п.

[@prosto_razrabotka]

Вы неверно поняли. Я изначально сказал, что это "Каркас". Представьте себе производство автомобиля. По вашей логике сначала как то крепятся колёса, мотор, а потом только одевается кузов, чтоб было красиво... Не логично правда? Бутстрап и есть (может быть) структура сайта (каркас). Да, отдельно будет видео с вёрсткой с использованием бутстрапа.

[@kekkek5516]

Когда будет js ?

[@artes7712]

Виталий, что у Вас за очки? какие линзы, это для работы или повседневки. Спасибо

[@prosto_razrabotka]

Очки обычные, антиблик -)

[@artes7712]

@@prosto_razrabotka Окей, спасиб за ответ. Просто заинтересовался этим вопросом т.к. после длительной работы устают глаза. И да спасиб за все видео. Делай еще)

[@АнатолійБогомол-ь2ю]

Спасибо за видео! Если нужен контейнер на всю ширину col-12 есть ли смысл писать container > row > col-12 чтобы поместить туда контент, или можно вставить содержимое в container при этом избавиться от 2 дивов (row > col-12)?

[@prosto_razrabotka]

Нет смысла. Можете просто вставлять.

[@cheesecheesson9842]

Спасибо! Лайк!

[@prosto_razrabotka]

Не за что -)

[@napalmpapalam772]

Ахуенный звук

[@mqtrade5743]

Сорри за нубский вопрос: бутстрап заменяет css?

[@prosto_razrabotka]

Нет

[@sergeipirogov5396]

Я думал, что Бутстрап это типа такая самостоятельная песня, которая основана на css, но имеет свои классы на все случаи жизни. Оказалось это не так, и Бутстрап это просто надстройка ко всему остальному css, flex-box и.т.д, со своими классами, которые должны идти вперемешку с классами flex-box и самых стандартных правил css. Короче, в коде получается такая не слабая мешанина из классов различных технологий и твоих собственных классов из правил простого css, вобщем одним словом жесткач. Например, в Бутстрапе нет элементарно своих классов горизонтального и вертикального выравнивания блоков, нужно лезть сразу в flex-box. Может быть было проще сделать просто отдельный общепринятый проверенный код для отзывчивой сетки?

[@prosto_razrabotka]

В бутстрапе есть классы для вертикального и горизонтального выравнивания. И да, под капотом - это свойства флексбокса

[@bar-ebuh]

всё равно я не понял в чём плюсы его перед обычными классами ????

[@flipix100]

темные времена настают с приходом темных превьюшек

[@prosto_razrabotka]

Ненене, все норм, просто проверяю, как реагирует аудитория на разные форматы превью)

[@Евгений-в9и5т]

В bs4 90 процентов людей кроме сетки ничего не использует. Ибо смысла нет.

[@ИванИванов-у3ч4м]

Почему?

[@maltamagistro]

Было бы неплохо объяснить, что такое бутстрап, а не как его использовать

[@uncledeveloper1356]

Хммм, тоесть я уча css выучил бутку? Гриды, флексы, контенера, врапера, 3д, 2д движения и тд

[@mikhail3147]

Шрифт бы побольше

[@prosto_razrabotka]

Вся работа в коде в этом видео - копипаста! Во что там всматриваться?

[@EgorUrban]

Вот после таких видео прилетает верстка на оптимизацию которой приходится убить 1-2 дня... Учитесь сразу работать не со скомпелированным CSS в котором 70% компонентов и стилей вы в жизни не будете использовать, а с gulp или grunt подключением bootstrap. Чтобы в конечный файл CSS попадали лишь те компоненты которые вы используете в проекте и будет вам счастье!

[@EvgeniyDementev]

Ну магия не иначе "Вставляем и оно отображается", как и любой другой код. Короче ничего не объяснил. Тупо потыкал. Че к чему

[@flipmonitor1372]

и что ты здесь интересное показал? 👎👎👎👎👎👎👎👎👎👎

[@antonserhiyenka]

Похоже, что bootstrap для наркоманов.