#1 Уроки по Bootstrap 5 - Обзор, загрузка и подключение

[@ITDoctor]

Начните зарабатывать деньги освоив самое важное для веб-разработчика. Изучим HTML, CSS, JavaScript, Figma, Photoshop, VS Code, Emmet, BEM, Bootstrap, Vue, Git, GitHub, Gulp. Расскажу как составить портфолио, резюме и взять первый заказ на фрилансе. 📌 Курс "Frontend разработчик на HTML, CSS и JavaScript": stepik.org/a/113402

[@marpusik1277]

Здравствуйте! А можно к вам на практическое менторство записаться по пару проектам, а то курсы уже прошол, но остались кое-какие пробелы. Заранее спасибо!

[@PhilippTemkin]

Автор, запили курс по Bootstrap Studio

[@marpusik1277]

@@PhilippTemkin ПРИСОЕДИНЯЮСЬ!!! ;)

[@lev_bul]

BAN

[@MikaStan]

Супер! Давно наслышан про Bootstrap, но теперь посмотрел этот урок и восхитился! Уже начинаю понимать его суть!

[@SchnippSchnappShnappi]

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

[@ITDoctor]

рад что оценили

[@корилепа]

Огромное спасибо за данный видеокурс! У вас очень приятная манера речи, что позволяет в разы проще понять, как работает этот фреймворк!!

[@ITDoctor]

Спасибо за оценку!

[@canariawellhouse1927]

Спасибо Вам большое! Со стороны Bootstrap казался чем-то непонятным и сложным, а Ваши объяснения настолько простые и понятные, что удивляешься, что до этого было сложным. Ваш урок прям вернул веру, что самообучение возможно, спасибо Вам огромное за работу! Лайк и подписка!

[@ITDoctor]

Спасибо. Очень приятно слышать что у вас стало получаться!

[@lazylion8379]

Впервые сталкиваюсь с bootstrap5, раньше слышал про 4 версию, но не изучал, а щас увидел у вас это видео, я в шоке это большое облегчение для верстальщика, вместо того чтобы самому прописывать какие либо стили и разметки для формы с botstrap 5 делается в 1 клик. Супер, спасибо, что вы делаете такие уроки

[@ITDoctor]

Спасибо что цените. Очень рад слышать, что вам понравилось!

[@the_codest]

Первый видос просмотрел и надеюсь, остальные будут в том же духе! Курс - огонь!!! 🔥 Наконец-то материал, где спикер не берет данные "с потолка", а ссылается на доку, показывает, что откуда взялось и как взаимодействует! Автору - мегареспект 👍👍👍

[@ITDoctor]

Спасибо, надеюсь понравится и дальше!

[@onemoreua]

наконец-то нашел внятный урок по bootstrap, спасибо)

[@dmitry9088]

Новый цикл уроков - это всегда хорошо:)👍😊

[@СергейНикольский-у5ы]

Огромное спасибо! Успехов в работе, а нам вашими стараниями в учёбе. Высшая оценка и наилучшие рекомендации везде!!!

[@ITDoctor]

Спасибо большое. Всего вам наилучшего!

[@isok.atyrau]

Благодарю за ваши уроки!!!

[@evielyn1976]

Спасибо, единственный нормальный курс по бутстрапу

[@ДарияДолгая]

Благодарю! Ваш канал - огонь!)

[@ITDoctor]

Спасибо за оценку

[@АкимеУсеинова-с3е]

Спасибо большое за ваши уроки!!!👍👍👍👍👍

[@elenapolat9228]

это самое понятное разъяснение.никогда не пользовалась bootstrap, но после этого видео всё поняла.спасибо

[@ITDoctor]

пожалуйста

[@НикитаМещеряков-и6э]

Новый урок хочу, автолайк. Сча учусь, проект делаю, реально поможет)

[@ЮляСолнце-ь2у]

Большое спасибо автору канала! Этакая палочка-выручалочка!😊😊😊

[@ITDoctor]

Спасибо за поддержку!

[@ЮляСолнце-ь2у]

@@ITDoctor Вам спасибо!!!

[@aceracer5556]

Спасибо за обзор! Интересует разбор зависимостей модулей через npm install, для оптимизации

[@LEXYteam]

Русская версия может пригодиться если что-то будет не понятно. И мод со сниппетами тоже полезный. Вообще все что может сэкономить время - полезно). В обзоре 5й версии можно было про это вообще не упоминать, так я бы про мод неизвестно когда узнал если бы вообще узнал, но вы упомянули. Мелочь, а приятно и за это отдельное спасибо. Еще и как пользоваться показали.

[@ITDoctor]

пожалуйста

[@jahongirmusayev658]

Спасибо, было полезно! Жду подключение через npm. Проблема у меня с подключением js.

[@emptyspace2310]

Спасибо за контент, очень доступно и полезно. Вы сделали ценные уроки

[@ITDoctor]

Спасибо. Очень рад что вы оценили

[@chuvital]

Спасибо! Отличное видео.

[@ITDoctor]

пожалуйста

[@JeDesi]

Большое спасибо! Очень крутой контент у Вас!

[@ITDoctor]

Спасибо за оценку!

[@kostukov75]

Огонь!!!

[@АндрейСаутенко-ч3р]

спасибо за урок) буду изучать с вашей помощью)

[@ITDoctor]

всегда пожалуйста

[@lumeaceaiuluisrl6343]

Круто! Спасибо)

[@АндрейАверин-э5з]

Спасибо огромное! Отличное руководство

[@ITDoctor]

Рад что оценили

[@vladlewandowski8806]

Огромное спасибо!!! Прикольная вещь! Потрясающе!

[@ITDoctor]

Спасибо что оценили

[@beuef1379]

Спасибо! Одно из самых содержательных и понятных видео!

[@ITDoctor]

Пожалуйста

[@ВсеволодРусинский]

👉 Этот комментарий создан в качестве уважения автору и для продвижения его канала.

[@ITDoctor]

Спасибо большое

[@georgiy7623]

Спасибо, отличная подача!

[@ITDoctor]

спасибо за оценку

[@sergejchap62]

Спасибо. Отличный вводный урок. Надеюсь будет что-то по IDE для bootstrap. Где можно прочитать функционал блоков. Всё это разбирать из VsCode похоже так ещё идея. Даже со сниппетом.

[@АлиевЗайнула]

Ребята, курс просто идеален! Кто хочет изучить бутстрап, то это только этот плейлист

[@ITDoctor]

Спасибо

[@Tech-m3o]

всё по делу, без лишней возни, спасибо!

[@ITDoctor]

Пожалуйста

[@АндрейКубаренко-й5ж]

Спасибо, Док!

[@ITDoctor]

Пожалуйста

[@sichouli1914]

Огромное спасибо вам за урок!

[@ИвановВасилий-г5б]

Просто, доступно. респект

[@ITDoctor]

Спасибо

[@time4769]

будет верстка в ближайшее время с Bootstrap 5? чтоб все понять с функционалом и тд

[@АлиевЗайнула]

Спасибо тебе! Еслиб не такие благодеятели как ты, которые распространяют знания, чтоб мы вообще делали?)

[@ITDoctor]

Приятно слышать что мой труд полезен

[@Alex-wg8tb]

Очень классный урок. Лучше пока что не встречал!

[@ITDoctor]

Спасибо

[@dimalukashenko4865]

Отличный урок, спасибо за труд!

[@ITDoctor]

Спасибо что оценили

[@vovaka440]

Спасибо за такую работу, все понятно, просто и быстро! :)

[@ITDoctor]

Пожалуйста

[@tomash8441]

То что искал просто

[@iskanderalyautdinov7382]

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

[@ITDoctor]

Пожалуйста

[@nikitaalekseev991]

Хороший урок по Bootstrap 5 !

[@ITDoctor]

Спасибо

[@rmn2321]

Отличный урок! Лайк + подписка, ну и комментарий для продвижения видео)

[@ITDoctor]

спасибо за вашу активность!

[@user-frond-end_dev]

красавчик, спасибо за видосы!!!!!))))))..............

[@ITDoctor]

Пожалуйста!

[@robbyandreasian]

очень доступно ! спасибо !

[@ITDoctor]

Пожалуйста

[@АнастасияТ-ь8о]

Спасибо!)

[@ITDoctor]

Спасибо что оцениваете!

[@hakimjonghaniev5536]

Спасибо все очень хорошо и отлично рассказано

[@ITDoctor]

Спасибо что оценили

[@АлексейАлексей-э1т]

после изучения HTML и CSS ты мне открыл новый мир)!!!

[@ITDoctor]

я очень рад

[@jamshidzikirov3898]

Cпасибо большое братан✊✊✊

[@ITDoctor]

Всегда пожалуйста✊✊✊

[@TheYukos70]

Спасибо!

[@ITDoctor]

Пожалуйста

[@lizanatina4272]

Отличный урок!

[@ITDoctor]

Спасибо

[@user-ph5qw4nz7h]

Отличная инфа автору респект и уваженеие ))

[@ITDoctor]

Спасибо

[@вукі]

Красава!!! ❣Спасибо!❣

[@ITDoctor]

Пожалуйста

[@АлександрМелянюк-ц9ю]

Спасибо! Новый плейлист?

[@ITDoctor]

Да

[@egorvafin1978]

Спасибо

[@ITDoctor]

пожалуйста

[@ТОЛЬКОПОБЕЗДОРОЖЬЮ]

хорошая вещь этот будстрап

[@ITDoctor]

да

[@antonnikulich]

как у вас в браузере сделано General?))) уроки топ! пересматриваю когда что-то подзабыл

[@ITDoctor]

Не понял о чем вы задали вопрос?

[@azatazamatov8820]

Лайк!

[@ITDoctor]

Спасибо

[@hasanov_h3]

Как хорошо что я вас увидел яя и не знад что bootstrap это удобно

[@ITDoctor]

спасибо за оценку

[@АртёмДавыдов-ы5э]

Добрый день, можете сделать видео. Верски интернет магазина на Bootstrap 5 виде лендинга

[@РНС_Саакашвили]

изложение - именно то что нужно для новичков . . . единственное ЗАМЕЧАНИЕ: когда вы набираете сокращенное название снипета - то ДЕЛАЙТЕ ПАУЗУ хоть секунду перед тем как нажать клавишу Табуляции

[@ITDoctor]

спасибо за обратную связь

[@ВасилийДабижа-э3ш]

подробно, доступно, спс

[@ITDoctor]

Рад что оценили

[@davidbidzhoian1527]

крутой видос

[@ITDoctor]

спасибо

[@beuef1379]

Лайк и подписка!

[@ITDoctor]

Спасибо

[@ПавелКонстантинов-в7я]

почему JQuery перестают использовать? Вроде намного удобнее чистого JS

[@iddev6680]

Я везунчик ✧\(>o

[@やくざちらつき]

Здравствуйте, ITDoctor,вопрос:можно ли комбинировать(мешать) стили Bootstrap с другими,при написании кода в начале ...,какая правильная последовательность подключения ,включая Bootstrap? Потому что стили Chrome видит,а эффекты не работают,к примеру аккордеон.

[@Mr.Capone-]

после видеокурса по бутстрап 5 от webformyself посмотрю этот плэйлист. Вот только я не понимаю: если есть русская документация зачем показывать на англ?)

[@ITDoctor]

Может кому то будет нужно

[@aleksandrskafandr]

Почему колонки не делят пространство между собой, зависят от свойства width, как его убрать?

[@ДимаМитус-ч6щ]

Если я не знаю бутстрап 4 надо сначала по нему видео уроки смотреть или можно сразу уроки по 5 смотреть. Я ж так понимаю многие ещё на 4 версии работают?

[@ITDoctor]

Они похожи в целом, разберётесь с одним разберётесь и с другим

[@maltamagistro]

Голос знакомый, это не ты на степике делал курс по EMMET?

[@ITDoctor]

Скорей всего я.

[@rustam_4]

Этот коммент для продвижения видео

[@ITDoctor]

Спасибо!

[@ВладКошелев-ъ1и]

не могу скачать в расширение boostar5 для всплывающие меню после того как написал b5-form что делать?

[@it-solutions05]

Подскажите пожалуйста, как использовать в maven?

[@ArtSer100]

OKey!

[@asrormajnunov6364]

привет ! а как работать на саблайме для того чтобы подключать снипетс))) может я неправильно выражаюсь. Но заранее спасибо

[@ITDoctor]

Это уже зависит от вашего редактора я им давно не пользуюсь, и если честно никому его уже не рекомендую . Но дело ваше. Просто придется поискать в интернете ответы. У меня есть плейлист про sublime там и про плагины я рассказывал можете посмотреть. Но не факт что там есть такой же плагин как и в vs code

[@pstrtk3661]

Актуален ли этот курс в 2024 году?

[@ITDoctor]

если интересно мое мнение можете прочитать ответ на этот вопрос в пункте 11 по этой ссылке t.me/itdoctor_official/1035 а по желанию можете все прочитать, там много мыслей и рассуждений на схожие темы. Это касается и конкретно этого урока. Так как версия все еще 5 актуальна. Да 5.... но все равно глобально ничего не поменялось.

[@404Negative]

краткое содержание ролика: "я скопировал код из документации и вот посмотрите у меня тут кнопочка, у меня тут галочка, у меня тут кнопочка у меня тут галочка. а вот еще я скопировал код из документации и у меня тут кнопачка а тут картиночка у меня тут кнопочка а тут картиночка"

[@ITDoctor]

👏👏👏с такими навыками можно работать нейросетью

[@isok.atyrau]

Доктор вопрос в чем отличие подключения файла отдельно или через CDN???

[@ITDoctor]

Cdn это сервера на которых хранятся исходные коды разных библиотек. И если вы заходите на какой то сайт где используется эта библиотека то она у вас в кэш помещается и на всех других сайтах, где есть та же ссылка на эту библиотеку с того же сервера у вас не качается заново а берется из кэша. И у вас сайт грузится быстрей. Надеюсь примерно понятно.

[@РНС_Саакашвили]

16:58 ... у вас справа ЕСТЬ описание снипета, а у меня НЕТ - только название есть слева . . . подскажите пжлста как исправить

[@ITDoctor]

у вас плагин установлен? если да то нужно в настройках искать. точно не скажу где именно. но перейдя в настройки можно пользоваться поиском или перейти в настройки плагина и там глянуть. так же могут помочь ключевые слова в поиске по типу abbr.. сокращенно от аббревиатура на английском или что то в этом духе. если отключено то включаем.

[@РНС_Саакашвили]

@@ITDoctor вот все мои установленные плагины: Angular Snippets Auto Rename Tag Bootstrap 5 & Font Awesome Snip C/C++ Code Runner CSS Peek CSS Peek Elm Emmet Elm Emmet ESLint HTML CSS Support HTML CSS Support JavaScript (ES6) code snippets JavaScript Debugger (Nightly) Live Server Path Intellisense Quokka.js а настройки какого плагина нужно посмотреть ?

[@webdeveloper6835]

ка-та-ло́г

[@ITDoctor]

шикарно

[@user-buser_eto_ja]

Ни как не могу понять почему у меня не работает все, где требуется js? На степике если приобрету курс, обсуждается этот момент?

[@ITDoctor]

На Степике те же самые лекции. Там только есть практические тесты и задания. У вас скорей всего в браузере заблокирована работа javascript.

[@ВиталийЮркин-м7п]

Если только сетка нужна, файл bootstrap.bundle.min.js все равно надо подключать?

[@ITDoctor]

Сетка без js работает. Только grid.css

[@ВиталийЮркин-м7п]

@@ITDoctor Спасибо! ) Reboot тоже без js работает? Reboot - это аналог normallize? Normalize можно тогда не подключать, если reboot подключен?

[@imbydlo1552]

А как вы смотрите на tailwind??? По вашему мнению он лучше чем bootstrap???

[@ITDoctor]

Не пользовался оным, не думаю что лучше или хуже. Подобных библиотек полно есть и materialize шикарный и много чего другого. Кому что нравится и к чему привык тем и пользуется

[@TheZayetZ]

урок супер. но блин катАлог??? аж подташнивало)

[@やくざちらつき]

Выпадающее меню Bootstrap не работает.

[@keks_o4162]

Привет, такая же ситуация, не могу понять в чем дело ( Вы решили?

[@ЮрийВеригин-у2э]

@@keks_o4162 у меня такая же проблема была. набираю b5 и не чего не предлагает в в выпадающем меню. Оказалось что не тот плагин поставил. Он тоже называется Bootstrap 5 ...... посмотрите повнимательнее полное название.

[@deltaradune8409]

как называется тема ваша в vscode ?

[@ITDoctor]

Drakula

[@deltaradune8409]

@@ITDoctor спасибо)

[@_SOMEONE_]

Я не понимаю: каким боком это "уроки по Bootstrap". Как по мне это просто создание сайта. Автор почти ничего не объясняет, а просто копирует код из документации. Темы в "курсе" не рассортированы, а смешаны в какую-то кашу. Если параллельно не читать документацию, то "курс" вообще не понятный. Короче, не рекомендую этот "курс" лучше уже самому прочитать документацию, там хотя бы все по полочкам разложено.

[@ITDoctor]

Если вы посмотрели только первый урок и сделали выводы, то жаль. Если вы посмотрели всё последовательно в плейлисте, шаг за шагом, где более чем подробно все рассказано и про сетку и про типографику, то пусть будет так, ваше мнение может быть любым это нормально. А документацию читать в любом случае нужно параллельно.

[@goldlight740]

Если бы не катАлог, было бы всё замечательно)

[@tox1cozZ]

Я один ждал Vue 3? :(

[@aceracer5556]

Ты не один )) Но bootstrap тоже нужен бывает

[@V___l]

сын катАлога

[@intedent9280]

yy.

[@faizulla5838]

на 1,5 хорошо слушается.... кто на 1,0 тем мои соболезнования. Бутстрап вроде библиотека????? могу ошибаться, неохота гулить, спать охота

[@mefistofelesfuckgood]

Супер, спасибо

[@ITDoctor]

Пожалуйста

[@WhiteHeterosexualMenHere]

Хорош

[@ITDoctor]

Спасибо

[@uvencosuper3471]

bootstrap.min.css включает в себя ребут или ребут нужно дополнительно предварительно подключать отдельно, что бы сбросить стили перед остальной работой бутстрапа?

[@mialii7940]

Спасибо! Замечательное видео!

[@ITDoctor]

Спасибо что оценили